/*
Theme Name: Kadence Child LesFacilitatrices
Theme URI: https://www.lesfacilitatrices.fr
Description: Theme enfant Kadence - Palette et typographie LesFacilitatrices.fr
Author: Christine NOVEL et Edith DEPOND - SPARK AND FLOW Agency
Author URI: https://www.lesfacilitatrices.fr
Template: kadence
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: kadence-child
*/

/* ============================================================
   PALETTE LESFACILITATRICES
   Crème    #FAF6F1  — fond principal
   Brun     #2A2118  — texte & header
   Rose     #C4846A  — accent principal (CTA, liens, hover)
   Champagne #C9A87A — accent secondaire (décoratif)
   ============================================================ */

/* ── 1. VARIABLES GLOBALES KADENCE (override palette) ──────── */
:root {
  --global-palette1:        #2A2118;   /* brun — couleur principale */
  --global-palette2:        #C4846A;   /* rose nude — accent */
  --global-palette3:        #C9A87A;   /* champagne */
  --global-palette4:        #5C3D2A;   /* brun moyen */
  --global-palette5:        #8A7B72;   /* brun gris — texte secondaire */
  --global-palette6:        #F0E8DF;   /* crème foncé */
  --global-palette7:        #FAF6F1;   /* crème — fond */
  --global-palette8:        #FFFFFF;   /* blanc */
  --global-palette9:        #FAF6F1;   /* crème — arrière-plans */

  /* Boutons */
  --global-palette-btn-bg:          #C4846A;
  --global-palette-btn-color:       #FFFFFF;
  --global-palette-btn-bg-hover:    #2A2118;
  --global-palette-btn-color-hover: #FFFFFF;

  /* Typographies */
  --global-heading-font-family: 'Cormorant Garamond', Georgia, serif;
  --global-body-font-family:    'DM Sans', Arial, sans-serif;

  /* Espacements */
  --global-content-width: 1160px;
}

/* ── 2. FOND & CORPS DE PAGE ───────────────────────────────── */
body {
  background-color: #FAF6F1;
  color: #2A2118;
  font-family: 'DM Sans', Arial, sans-serif;
  font-size: 16px;
  line-height: 1.75;
  -webkit-font-smoothing: antialiased;
}

/* ── 3. TYPOGRAPHIES ───────────────────────────────────────── */
h1, h2, h3, h4, h5, h6,
.wp-block-heading {
  font-family: 'Cormorant Garamond', Georgia, serif;
  color: #2A2118;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.01em;
}

h1 { font-size: clamp(2rem,    4vw, 3.2rem); }
h2 { font-size: clamp(1.6rem,  3vw, 2.4rem); }
h3 { font-size: clamp(1.3rem,  2.5vw, 1.8rem); }
h4 { font-size: 1.3rem; }

p, li, td, input, textarea, select {
  font-family: 'DM Sans', Arial, sans-serif;
}

/* ── 4. LIENS ──────────────────────────────────────────────── */
a {
  color: #C4846A;
  text-decoration: none;
  transition: color 0.2s ease;
}
a:hover {
  color: #2A2118;
}

/* ── 5. HEADER ─────────────────────────────────────────────── */
.site-header,
.kadence-sticky-header {
  background-color: #FAF6F1 !important;
  border-bottom: 1px solid rgba(201,168,122,0.4);
}

/* Logo */
.site-header .site-branding img,
.kadence-sticky-header .site-branding img {
  max-height: 56px;
}

/* ── 6. NAVIGATION ─────────────────────────────────────────── */
.primary-navigation a,
.primary-navigation .nav-link {
  font-family: 'DM Sans', Arial, sans-serif;
  font-size: 0.85rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #2A2118 !important;
  padding: 0 1rem;
  transition: color 0.2s ease;
}
.primary-navigation a:hover,
.primary-navigation .current-menu-item > a {
  color: #C4846A !important;
}

/* Sous-menus */
.primary-navigation .sub-menu {
  background: #2A2118;
  border-top: 2px solid #C4846A;
  min-width: 200px;
}
.primary-navigation .sub-menu a {
  font-size: 0.82rem;
  padding: 0.6rem 1.2rem;
  border-bottom: 1px solid rgba(250,246,241,0.1);
}

/* ── 7. BOUTONS ─────────────────────────────────────────────── */
.wp-block-button__link,
.button,
.btn,
button[type="submit"],
input[type="submit"] {
  background-color: #C4846A !important;
  color: #FFFFFF !important;
  border: none;
  border-radius: 2px;
  font-family: 'DM Sans', Arial, sans-serif;
  font-size: 0.85rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 0.85rem 2rem;
  transition: background-color 0.25s ease, transform 0.15s ease;
  cursor: pointer;
}
.wp-block-button__link:hover,
.button:hover,
.btn:hover,
button[type="submit"]:hover,
input[type="submit"]:hover {
  background-color: #2A2118 !important;
  transform: translateY(-1px);
}

/* ── 8. ARTICLES — LISTE / GRILLE ──────────────────────────── */
.entry-title,
.entry-title a {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 1.55rem;
  font-weight: 600;
  color: #2A2118;
  line-height: 1.25;
  transition: color 0.2s ease;
}
.entry-title a:hover {
  color: #C4846A;
}

/* Méta (date, auteur, catégorie) */
.entry-meta,
.entry-footer,
.post-meta {
  font-family: 'DM Sans', Arial, sans-serif;
  font-size: 0.8rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #8A7B72;
}

/* Carte article */
.article-post,
.loop-entry {
  background: #FFFFFF;
  border-radius: 4px;
  overflow: hidden;
  transition: box-shadow 0.25s ease, transform 0.2s ease;
  border: 1px solid rgba(42,33,24,0.08);
}
.article-post:hover,
.loop-entry:hover {
  box-shadow: 0 8px 32px rgba(42,33,24,0.12);
  transform: translateY(-3px);
}

/* ── 9. SIDEBAR ─────────────────────────────────────────────── */
.widget-title,
.wp-block-heading {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 1.2rem;
  font-weight: 600;
  color: #2A2118;
  border-bottom: 2px solid #C4846A;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
}

/* ── 10. CATÉGORIES — BADGES ───────────────────────────────── */
.category-label,
.cat-links a,
.entry-categories a {
  background: #F0E8DF;
  color: #C4846A;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 0.25rem 0.7rem;
  border-radius: 2px;
  display: inline-block;
  transition: background 0.2s ease, color 0.2s ease;
}
.category-label:hover,
.cat-links a:hover,
.entry-categories a:hover {
  background: #C4846A;
  color: #FFFFFF;
}

/* ── 11. SÉPARATEUR DÉCORATIF ──────────────────────────────── */
hr,
.section-separator {
  border: none;
  border-top: 1px solid #C9A87A;
  opacity: 0.5;
  margin: 2.5rem 0;
}

/* ── 12. IMAGES ─────────────────────────────────────────────── */
img {
  border-radius: 3px;
}
.wp-post-image {
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* ── 13. NEWSLETTER / FORMULAIRES ──────────────────────────── */
input[type="email"],
input[type="text"],
textarea {
  border: 1px solid #C9A87A;
  border-radius: 2px;
  padding: 0.75rem 1rem;
  font-family: 'DM Sans', Arial, sans-serif;
  font-size: 0.95rem;
  background: #FFFFFF;
  color: #2A2118;
  transition: border-color 0.2s ease;
  width: 100%;
}
input[type="email"]:focus,
input[type="text"]:focus,
textarea:focus {
  outline: none;
  border-color: #C4846A;
  box-shadow: 0 0 0 3px rgba(196,132,106,0.15);
}

/* Section newsletter fond crème */
.newsletter-section,
.wp-block-group.has-background {
  background: #F0E8DF !important;
  padding: 3rem 2rem;
  border-radius: 4px;
}

/* ── 14. FOOTER ─────────────────────────────────────────────── */
.site-footer {
  background-color: #2A2118 !important;
  color: #FAF6F1;
  padding: 3rem 0 1.5rem;
  border-top: 3px solid #C4846A;
}
.site-footer a {
  color: #C9A87A;
}
.site-footer a:hover {
  color: #FAF6F1;
}
.site-footer .widget-title {
  color: #FAF6F1;
  border-bottom-color: #C9A87A;
  font-size: 1rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.site-footer p,
.site-footer li {
  font-size: 0.9rem;
  color: rgba(250,246,241,0.8);
}

/* Copyright bar */
.footer-credit,
.site-info {
  background: #1A1310;
  color: rgba(250,246,241,0.5);
  font-size: 0.8rem;
  text-align: center;
  padding: 1rem;
  letter-spacing: 0.05em;
}

/* ── 15. PAGE D'ACCUEIL — HÉRO ──────────────────────────────── */
.hero-section {
  background: linear-gradient(135deg, #2A2118 0%, #5C3D2A 60%, #C4846A 100%);
  color: #FAF6F1;
  padding: 6rem 2rem;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.hero-section::before {
  content: '';
  position: absolute;
  inset: 0;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="80" cy="20" r="60" fill="%23C9A87A" opacity="0.06"/></svg>');
  background-size: cover;
  pointer-events: none;
}
.hero-section h1 {
  color: #FAF6F1;
  font-size: clamp(2.4rem, 5vw, 4rem);
  margin-bottom: 1.2rem;
}
.hero-section p {
  color: rgba(250,246,241,0.85);
  font-size: 1.1rem;
  max-width: 600px;
  margin: 0 auto 2rem;
}

/* ── 16. BLOCS GUTENBERG ────────────────────────────────────── */
.wp-block-pullquote {
  border-top: 3px solid #C4846A;
  border-bottom: 3px solid #C4846A;
  padding: 1.5rem 2rem;
  margin: 2.5rem 0;
}
.wp-block-pullquote blockquote {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 1.5rem;
  font-style: italic;
  color: #2A2118;
}

.wp-block-quote {
  border-left: 4px solid #C4846A;
  padding-left: 1.5rem;
  margin-left: 0;
  font-style: italic;
  color: #5C3D2A;
}

/* Tables */
.wp-block-table table {
  border-collapse: collapse;
  width: 100%;
}
.wp-block-table th {
  background: #2A2118;
  color: #FAF6F1;
  font-family: 'DM Sans', Arial, sans-serif;
  font-size: 0.85rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 0.8rem 1rem;
}
.wp-block-table td {
  border: 1px solid #F0E8DF;
  padding: 0.7rem 1rem;
}
.wp-block-table tr:nth-child(even) td {
  background: #FAF6F1;
}

/* ── 17. RESPONSIVE ─────────────────────────────────────────── */
@media (max-width: 768px) {
  .site-header .site-branding img {
    max-height: 40px;
  }
  .primary-navigation a {
    font-size: 0.9rem;
    letter-spacing: 0.04em;
  }
  .hero-section {
    padding: 4rem 1.5rem;
  }
  h1 { font-size: 2rem; }
  h2 { font-size: 1.6rem; }
}

/* ── 18. FORMULAIRE BREVO (plugin sibwp) ───────────────────── */
.sib-form { background: transparent !important; padding: 0 !important; }
.sib-form .form__entry { margin: 0 !important; }
.sib-form-block { padding: 0 !important; }
.sib-form input[type="email"],
.sib-form input[type="text"] {
  border: 1px solid rgba(201,168,122,0.5) !important;
  border-radius: 0 !important;
  padding: 14px 18px !important;
  font-family: 'DM Sans', Arial, sans-serif !important;
  font-size: 0.95rem !important;
  background: #FFFFFF !important;
  color: #2A2118 !important;
  width: 100% !important;
}
.sib-form input[type="email"]:focus,
.sib-form input[type="text"]:focus {
  border-color: #C4846A !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(196,132,106,0.15) !important;
}
.sib-form .sib-form-block__button,
.sib-form button[type="submit"] {
  background: #C4846A !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 0 !important;
  font-family: 'DM Sans', Arial, sans-serif !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  padding: 14px 28px !important;
  cursor: pointer !important;
  transition: background 0.2s ease !important;
  width: 100% !important;
}
.sib-form .sib-form-block__button:hover,
.sib-form button[type="submit"]:hover {
  background: #2A2118 !important;
}
.sib-form label { display: none !important; }
.sib-form .entry__error { color: #C0392B !important; font-size: 0.82rem !important; }
/* Dans le footer — champs blancs sur fond sombre */
.lf-footer .sib-form input[type="email"],
.lf-footer .sib-form input[type="text"] {
  background: rgba(250,246,241,0.08) !important;
  color: #FAF6F1 !important;
  border-color: rgba(201,168,122,0.3) !important;
}
.lf-footer .sib-form input[type="email"]::placeholder {
  color: rgba(250,246,241,0.35) !important;
}

/* ── 19. SCROLLBAR PERSONNALISÉE (Chrome/Edge) ──────────────── */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #FAF6F1; }
::-webkit-scrollbar-thumb { background: #C9A87A; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #C4846A; }