/* Mobile / tablette */
@media (max-width: 980px) {
}

@media (max-width: 560px) {
}

/* === CB SHELL V4.0A.1 — MOBILE NAV RESTORE ===
   Correction : le mobile ne doit pas réduire le menu à Contact uniquement.
*/

@media (max-width: 980px) {
}

@media (max-width: 720px) {
}

@media (max-width: 560px) {
}

@media (min-width: 981px) {
}

@media (max-width: 980px) {
}

@media (max-width: 560px) {
}

@media (max-width: 390px) {
}

@media (max-width: 980px) {
}

@media (max-width: 720px) {
}

@media (max-width: 880px) {
}

@media (max-width: 720px) {
}

/* === CB PREFooter SEO V4.2 — HOME STYLE ===
   Bloc SEO pré-footer inspiré de la home validée :
   ivoire, centré, éditorial, intégré au passage vers le footer noir.
*/

.cb-prefooter-seo {
  position: relative;
  overflow: hidden;
  padding: clamp(72px, 9vw, 126px) 24px clamp(70px, 8vw, 108px);
  background:
    radial-gradient(circle at 50% 0%, rgba(185, 145, 85, 0.08), transparent 30rem),
    var(--cb-ivory, #f4eee5);
  color: var(--cb-ink, #211b17);
  text-align: center;
}

.cb-prefooter-seo::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.5;
  background-image:
    radial-gradient(circle, rgba(33, 27, 23, 0.12) 0.8px, transparent 0.8px);
  background-size: 18px 18px;
}

.cb-prefooter-seo::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 90px;
  pointer-events: none;
  background: linear-gradient(
    180deg,
    rgba(244, 238, 229, 0),
    rgba(16, 13, 11, 0.08)
  );
}

.cb-prefooter-seo-inner {
  position: relative;
  z-index: 1;
  width: min(980px, 100%);
  margin-inline: auto;
}

.cb-prefooter-seo-kicker {
  margin: 0 0 18px;
  color: rgba(33, 27, 23, 0.48);
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: clamp(0.74rem, 1vw, 0.92rem);
  font-weight: 700;
  letter-spacing: 0.05em;
}

.cb-prefooter-seo h2 {
  max-width: 980px;
  margin: 0 auto;
  color: var(--cb-ink, #211b17);
  font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  font-size: clamp(2.6rem, 5.4vw, 5.6rem);
  font-weight: 400;
  line-height: 0.96;
  letter-spacing: -0.065em;
}

.cb-prefooter-seo h2 + p {
  max-width: 820px;
  margin: clamp(24px, 3vw, 34px) auto 0;
  color: rgba(33, 27, 23, 0.58);
  font-size: clamp(1.04rem, 1.55vw, 1.32rem);
  line-height: 1.65;
}

@media (max-width: 720px) {
  .cb-prefooter-seo {
    padding: 64px 20px 58px;
  }

  .cb-prefooter-seo-kicker {
    font-size: 0.72rem;
    line-height: 1.5;
  }

  .cb-prefooter-seo h2 {
    font-size: clamp(2.45rem, 11vw, 4.45rem);
    line-height: 0.98;
  }

  .cb-prefooter-seo h2 + p {
    font-size: 1rem;
    line-height: 1.62;
  }
}

/* === CB LEGACY SHELL AUDIT V4.4A — 20260701-184309 ===
   État :
   - Les anciennes classes ancien shell legacy ne doivent plus être utilisées dans les pages publiques raccordées.
   - Le shell officiel est cb-topbar / cb-footer, inspiré de la home validée.
   - Ce bloc est un marqueur d’audit uniquement.
   - Aucun style n’a été supprimé dans cette étape.
   - Suppression éventuelle à traiter plus tard en V4.4B après validation visuelle.
=== END CB LEGACY SHELL AUDIT V4.4A === */

/* === CB PREFooter SEO DESIGN V4.6 START === */
/*
  Pré-footer SEO — design éditorial V4.6

  Objectif :
  - rapprocher Contact/Avis du bel encart ivoire validé sur la home ;
  - garder un rendu doux, premium mais simple ;
  - ne pas modifier la structure HTML ni les textes dynamiques.
*/

.cb-prefooter-seo {
  position: relative;
  padding: clamp(52px, 7vw, 92px) 20px;
  background:
    radial-gradient(circle at 50% 0%, rgba(196, 169, 116, .16), transparent 42%),
    linear-gradient(180deg, #fbf7ee 0%, #f5efe3 100%);
  color: #332b24;
  overflow: hidden;
  border-top: 1px solid rgba(196, 169, 116, .22);
}

.cb-prefooter-seo::before {
  content: "";
  position: absolute;
  inset: 18px;
  border: 1px solid rgba(196, 169, 116, .22);
  border-radius: 28px;
  pointer-events: none;
}

.cb-prefooter-seo::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 34px;
  width: 76px;
  height: 1px;
  transform: translateX(-50%);
  background: linear-gradient(90deg, transparent, rgba(126, 98, 55, .58), transparent);
  pointer-events: none;
}

.cb-prefooter-seo-inner {
  position: relative;
  z-index: 1;
  max-width: 880px;
  margin: 0 auto;
  text-align: center;
}

.cb-prefooter-seo-kicker {
  margin: 0 0 16px;
  color: rgba(91, 72, 50, .76);
  font-size: clamp(.72rem, 1.5vw, .82rem);
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.cb-prefooter-seo h2 {
  max-width: 760px;
  margin: 0 auto 22px;
  color: #2d2722;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2rem, 4.8vw, 3.35rem);
  font-weight: 400;
  line-height: 1.04;
  letter-spacing: -.045em;
}

.cb-prefooter-seo p {
  max-width: 720px;
  margin: 0 auto;
  color: rgba(52, 43, 35, .78);
  font-size: clamp(1rem, 1.7vw, 1.1rem);
  line-height: 1.78;
}

.cb-prefooter-seo p + p {
  margin-top: 14px;
}

.cb-prefooter-seo--contact {
  margin-top: clamp(34px, 5vw, 70px);
}

.cb-prefooter-seo--reviews {
  margin-top: clamp(38px, 5vw, 76px);
}

@media (max-width: 760px) {
  .cb-prefooter-seo {
    padding: 50px 18px 56px;
  }

  .cb-prefooter-seo::before {
    inset: 12px;
    border-radius: 22px;
  }

  .cb-prefooter-seo-kicker {
    margin-bottom: 13px;
    font-size: .68rem;
    letter-spacing: .13em;
  }

  .cb-prefooter-seo h2 {
    margin-bottom: 18px;
    font-size: clamp(1.75rem, 9vw, 2.45rem);
    letter-spacing: -.035em;
  }

  .cb-prefooter-seo p {
    font-size: .98rem;
    line-height: 1.68;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .cb-prefooter-seo {
    animation: cbPrefooterSeoSoftIn .72s ease both;
  }

  @keyframes cbPrefooterSeoSoftIn {
    from {
      opacity: .86;
      transform: translateY(10px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
}
/* === CB PREFooter SEO DESIGN V4.6 END === */