/*
 * Ceramispot — Global Fixes CSS
 * Overrides Listeo parent theme defaults where needed
 *
 * Listeo parent has: h1,h2,h3,h4,h5,h6 { color: #222; }
 * This breaks color inheritance in our cards/sections.
 */

/* ═══════════════════════════════════════
   A0 — FORCE WHITE BODY BACKGROUND
   Listeo sets body.custom-background { background-color: #f5ede3 }
   ═══════════════════════════════════════ */
body,
body.custom-background {
  background-color: #fff !important;
}

/* ═══════════════════════════════════════
   A1 — HIDE LISTEO AI CHAT WIDGET
   ═══════════════════════════════════════ */
.listeo-floating-chat-widget,
.listeo-floating-chat-button,
.listeo-floating-chat-popup,
.listeo-ai-chat-container,
#listeo-floating-chat-widget,
#listeo-floating-chat-button,
#listeo-floating-chat-popup {
  display: none !important;
  visibility: hidden !important;
}

/* ═══════════════════════════════════════
   FONT-WEIGHT UNIFORMITY (C3)
   ═══════════════════════════════════════ */
h1, h2 {
  font-family: 'Playfair Display', serif;
}
h1 em, h2 em {
  font-style: italic;
  font-weight: inherit;
}

/* ═══════════════════════════════════════
   FIX: Listeo h1-h6 { color: #222 }
   overrides color inheritance in our
   dark-background cards & sections.
   ═══════════════════════════════════════ */

/* Trio cards (univers section) — all 3 pages */
.trio-card-body h3,
.trio-card-body p,
.cs-trio-card-body h3,
.cs-trio-card-body p,
.cs-tours-trio-card-body h3,
.cs-tours-trio-card-body p {
  color: #fff !important;
}

/* Homepage hero (dark bg) */
.cs-hero__title,
.cs-hero__badge,
.cs-hero__subtitle {
  color: #fff !important;
}
.cs-hero__title em {
  color: #d97f52 !important;
}

/* Homepage — "Comment ça marche" section */
.cs-home .cs-section-title {
  color: var(--cs-brown-dark, #2d1810) !important;
}
.cs-home .cs-section-title em {
  color: var(--cs-terracotta, #c96a3a) !important;
}

/* CTA sections with dark/image backgrounds */
.cta-inner h2,
.cta-inner p,
.cs-cta-ceramiste h2,
.cs-cta-ceramiste p,
.cs-cta h2,
.cs-cta p {
  color: #fff !important;
}
.cta-inner h2 em,
.cs-cta h2 em {
  color: #d97f52 !important;
}

/* Homepage universe cards */
.cs-universe__card-content h3 {
  color: #fff !important;
}

/* Trust badges in dark hero */
.cs-hero__trust-item {
  color: rgba(255,255,255,.85) !important;
}

/* Ateliers hero (light bg) — ensure brown title */
.cs-hero h1 {
  color: var(--cs-brown, #2d1810) !important;
}
.cs-hero h1 em {
  color: var(--cs-terracotta, #c96a3a) !important;
}

/* Tours hero (light bg) */
.cs-tours-hero h1 {
  color: var(--brown, #2d1810) !important;
}
.cs-tours-hero h1 em {
  color: var(--terra, #c96a3a) !important;
}

/* Section titles (general) — brown, not Listeo #222 */
.sec-title {
  color: var(--brown, #2d1810) !important;
}
.sec-title em {
  color: var(--terra, #c96a3a) !important;
}

/* Feature content headings */
.feat-content h2 {
  color: var(--brown, #2d1810) !important;
}
.feat-content h2 em {
  color: var(--terra, #c96a3a) !important;
}

/* How-it-works cards */
.how-body h3,
.how-card-body h3 {
  color: var(--brown, #2d1810) !important;
}

/* Guide cards */
.guide-body h3 {
  color: var(--brown, #2d1810) !important;
}

/* Pro CTA section (dark bg) */
.cs-tours-pro-cta h2,
.cs-tours-pro-cta p,
.pro-cta h2,
.pro-cta p {
  color: #fff !important;
}