/* =========================================================
   Aurum Legal — main stylesheet
   Importa tokens, base, componentes e secções.
   Carregado depois do Bootstrap CSS para fazer override.
   ========================================================= */

@import url("./tokens.css");
@import url("./base.css");

/* Componentes (reutilizáveis em todas as páginas) */
@import url("./components/buttons.css");
@import url("./components/topbar.css");
@import url("./components/navbar.css");
@import url("./components/footer.css");
@import url("./components/scroll-top.css");
@import url("./components/forms.css");
@import url("./components/cards.css");
@import url("./components/ornaments.css");

/* Secções da homepage */
@import url("./sections/hero.css");
@import url("./sections/stats.css");
@import url("./sections/about.css");
@import url("./sections/approach.css");
@import url("./sections/services.css");
@import url("./sections/counter.css");
@import url("./sections/recognitions.css");
@import url("./sections/portfolio.css");
@import url("./sections/consulta.css");
@import url("./sections/team.css");
@import url("./sections/testimonials.css");
@import url("./sections/blog.css");
@import url("./sections/clients.css");

/* Secções da página Escritório / Sobre */
@import url("./sections/page-hero.css");
@import url("./sections/manifesto.css");
@import url("./sections/timeline.css");
@import url("./sections/values.css");
@import url("./sections/office.css");

/* Secções da página Equipa */
@import url("./sections/team-partners.css");
@import url("./sections/team-associates.css");
@import url("./sections/team-philosophy.css");
@import url("./sections/careers.css");

/* Secções da página Sócio (detalhe) */
@import url("./sections/profile-header.css");
@import url("./sections/profile-bio.css");
@import url("./sections/profile-areas.css");
@import url("./sections/profile-cases.css");
@import url("./sections/profile-credentials.css");

/* Secções da página Áreas de Atuação */
@import url("./sections/services-approach.css");

/* Secções da página Área (detalhe) */
@import url("./sections/service-overview.css");
@import url("./sections/service-team.css");

/* Secções da página Casos de Sucesso */
@import url("./sections/portfolio-featured.css");

/* Secções da página Caso (detalhe) */
@import url("./sections/case-challenge.css");
@import url("./sections/case-approach.css");
@import url("./sections/case-results.css");

/* Secções da página Contacto */
@import url("./sections/contact-info.css");
@import url("./sections/contact-form.css");
@import url("./sections/contact-location.css");

/* Secções das páginas Legais e FAQ */
@import url("./sections/legal.css");
@import url("./sections/faq.css");
@import url("./sections/manual.css");

/* Secções das páginas Blog (listagem + artigo) */
@import url("./sections/blog-list.css");
@import url("./sections/blog-article.css");

/* =========================================================
   Overrides finais sobre Bootstrap 5
   (manter no fim para garantir precedência)
   ========================================================= */
.btn:focus,
.btn:focus-visible { box-shadow: none; outline: 2px solid var(--color-accent); outline-offset: 3px; }
.btn { --bs-btn-padding-x: 0; --bs-btn-padding-y: 0; --bs-btn-font-size: inherit; --bs-btn-line-height: inherit; --bs-btn-border-radius: 0; }

/* Container Bootstrap não interfere com o nosso */
body .container { max-width: var(--container); }

/* BaguetteBox — restaurar botões (o reset de base.css remove fundo/SVG) */
#baguetteBox-overlay .full-image img { max-width: 100%; height: auto; }
#baguetteBox-overlay #close-button,
#baguetteBox-overlay #previous-button,
#baguetteBox-overlay #next-button {
  background-color: rgba(20, 20, 20, .55);
  color: #fff;
  cursor: pointer;
  display: inline-block;
}
#baguetteBox-overlay #close-button:hover,
#baguetteBox-overlay #previous-button:hover,
#baguetteBox-overlay #next-button:hover { background-color: rgba(20, 20, 20, .9); }
#baguetteBox-overlay #close-button svg,
#baguetteBox-overlay #previous-button svg,
#baguetteBox-overlay #next-button svg {
  max-width: none;
  width: 100%;
  height: 100%;
  display: block;
}