/* Bel-Dent — small additive stylesheet (does NOT modify style.css/pages.css/faq.css,
   which stay byte-identical to the cloned source template). Only two things live here:
   1) a dark chip behind the nav logo, because the Bel-Dent logo file is white/transparent
      and needs contrast on both the transparent-over-hero state and the opaque white
      sub-page nav (the source template's own logo is dark, so its CSS never needed this).
   2) a couple of tiny layout helpers used by new sections that have no equivalent in the
      source template (founder message block, static gallery grid). Structure/spacing
      patterns still follow the cloned component classes (.doc-card, .diff-row, .ba-home-case etc).
*/

.nav-logo-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#046A38 0%,#04140C 100%);
  border-radius:10px;
  padding:8px 12px;
  border:1px solid var(--md-line);
}
.nav-logo-chip img{height:38px;width:auto;display:block}
@media(max-width:768px){
  .nav-logo-chip{padding:6px 10px}
  .nav-logo-chip img{height:32px}
}

/* Footer brand logo: site-footer background is already dark (#0A0A0A), same contrast
   condition the nav-logo-chip solves with a gradient chip, so the white/transparent logo file
   sits directly on it with zero extra wrapper needed. */
.footer-logo{display:block;width:110px;height:auto;margin-top:16px;margin-bottom:18px}

/* Founder message block (homepage) — reuses diff-row visual language, no equivalent slot in the source template */
.bd-founder{max-width:1100px;margin:0 auto;padding:70px 28px;display:grid;grid-template-columns:280px 1fr;gap:48px;align-items:center}
.bd-founder-photo{border-radius:18px;overflow:hidden;box-shadow:0 20px 50px rgba(10,10,10,.12)}
.bd-founder-photo img{width:100%;height:auto;display:block}
.bd-founder-quote{font-family:'Playfair Display',serif;font-size:clamp(17px,1.9vw,21px);line-height:1.6;color:var(--md-text);margin:0 0 18px}
.bd-founder-quote em{font-style:italic;color:var(--md-teal)}
.bd-founder-sign{font-size:13px;font-weight:700;letter-spacing:1px;color:var(--md-muted);text-transform:uppercase}
@media(max-width:720px){
  .bd-founder{grid-template-columns:1fr;text-align:center;padding:48px 20px}
  .bd-founder-photo{max-width:240px;margin:0 auto}
}

/* Static before/after gallery grid (homepage) — the client's own images are already
   composed before/after stills, not paired files, so this uses a simple grid instead
   of the source template's draggable .ba-slider component (which needs two separate images). */
.bd-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1100px;margin:0 auto;padding:0 28px}
.bd-gallery-grid figure{margin:0;border-radius:16px;overflow:hidden;background:var(--md-bg-soft);border:1px solid var(--md-line)}
.bd-gallery-grid img{width:100%;height:280px;object-fit:cover;display:block}
.bd-gallery-grid figcaption{padding:12px 14px;font-size:12.5px;color:var(--md-muted);line-height:1.5}
@media(max-width:820px){
  .bd-gallery-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
  .bd-gallery-grid{grid-template-columns:1fr;padding:0 20px}
  .bd-gallery-grid img{height:240px}
}