/* Sobreposição de marca PescaCerta sobre o template Gentelella v4.
   Mantém toda a estrutura/componentes/JS da Gentelella; troca apenas
   as variáveis de cor e acrescenta a tipografia de marca (Fraunces).
   Dark mode removido — o portal usa sempre o tema claro. */

:root{
  --sidebar-bg:#0E2A3D;
  --sidebar-active:#341D8F26;
  --primary:#341D8F;
  --primary-lt:#341D8F0f;
  --primary-dk:#25156b;
  --body-bg:#F1EAD9;
}

.brand-font{font-family:'Fraunces',serif; font-weight:800;}

.auth-page{
  background:
    radial-gradient(ellipse 60% 80% at 20% 30%, #341D8F14, transparent),
    radial-gradient(ellipse 60% 80% at 80% 70%, #25514C0f, transparent),
    var(--body-bg);
}

.sidebar-brand .brand-name,
.auth-brand .brand-name{
  font-family:'Fraunces',serif; font-weight:800; letter-spacing:0.01em;
}

/* botão "Ver site" — largura automática (evita ficar encolhido como os ícones quadrados) */
.tb-docs{white-space:nowrap;}

/* botão "Sair" — mesma forma do .tb-docs, mas em tom neutro (não azulado) */
.tb-docs.tb-logout{
  color:var(--text-secondary);
  background:var(--bg-surface-secondary);
  border-color:var(--border-color);
}
.tb-docs.tb-logout:hover{
  color:var(--text);
  background:var(--border-color-light);
}

/* botão de logout na sidebar-user — mesmo aspeto do .more-btn original,
   mas sem a classe "more-btn" para não ser apanhado pelo popup de opções do template */
.sidebar-logout-btn{
  width:24px;height:24px;color:var(--sidebar-text);cursor:pointer;
  border-radius:var(--radius-sm);opacity:0;background:0 0;border:none;
  display:flex;justify-content:center;align-items:center;transition:opacity .12s;
}
.sidebar-user:hover .sidebar-logout-btn{opacity:1}

/* inputs de ficheiro — substitui o botão nativo "raw" do browser por um botão de marca */
input[type="file"].form-control{
  height:auto;
  padding:7px 10px;
  display:flex;
  align-items:center;
  color:var(--text-secondary);
  font-size:12.5px;
  cursor:pointer;
}
input[type="file"].form-control::file-selector-button,
input[type="file"].form-control::-webkit-file-upload-button{
  margin-right:12px;
  padding:7px 14px;
  border:none;
  border-radius:var(--radius-sm);
  background:var(--primary);
  color:#fff;
  font:inherit;
  font-size:12.5px;
  font-weight:600;
  cursor:pointer;
  transition:background .15s;
}
input[type="file"].form-control:hover::file-selector-button,
input[type="file"].form-control:hover::-webkit-file-upload-button{
  background:var(--primary-dk);
}

/* linha de 4 campos (ex.: valores da SAGE no formulário de produto); 2 por linha em ecrãs estreitos */
.form-row.form-row-4{grid-template-columns:repeat(4,1fr);}
@media (max-width:768px){
  .form-row.form-row-4{grid-template-columns:repeat(2,1fr);}
}