/* =========================================================================
   Kara — Skin de contenu (pages internes WP)
   Travaille AVEC le skin magazine (mu-plugin kara-v3-pages.php) qui style le
   contenu .kara-v3 (kv-hero, cartes, figures, métiers). Ici : header propre,
   polices self-hostées, footer, et on ne contraint JAMAIS le magazine.
   100% local (aucune police externe).
   ========================================================================= */

/* ---- General Sans (utilisé par le skin magazine) → Inter self-hostée ---- */
@font-face { font-family: 'General Sans'; src: url('../fonts/inter-400.woff2') format('woff2'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'General Sans'; src: url('../fonts/inter-500.woff2') format('woff2'); font-weight: 500; font-display: swap; }
@font-face { font-family: 'General Sans'; src: url('../fonts/inter-600.woff2') format('woff2'); font-weight: 600; font-display: swap; }
@font-face { font-family: 'General Sans'; src: url('../fonts/inter-700.woff2') format('woff2'); font-weight: 700; font-display: swap; }

:root {
  --kara-forest: #0d2e22;
  --kara-emerald: #157A57;
  --kara-emerald-d: #0F6B4B;
  --kara-ink: #15211C;
}

/* ---- En-tête Astra : wordmark « Kara Expertise » + menu de marque ---- */
.custom-logo-link, .site-logo-img img { display: none !important; }
.site-title { font-family: 'Fraunces', Georgia, serif !important; font-size: 1.5rem !important; font-weight: 600; letter-spacing: -0.01em; }
.site-title a { color: var(--kara-forest) !important; text-decoration: none; }
.main-header-bar { padding-block: .5rem; }
.main-header-menu a, .main-header-menu .menu-link, .ast-builder-menu a {
  color: var(--kara-ink) !important; font-weight: 500; font-family: 'Inter', system-ui, sans-serif;
}
.main-header-menu .current-menu-item > a,
.main-header-menu .current-menu-ancestor > a,
.main-header-menu a:hover, .main-header-menu li:hover > a { color: var(--kara-emerald) !important; }
.ast-header-button, .ast-custom-button-link .ast-custom-button {
  background: var(--kara-emerald) !important; color: #fff !important;
  border-radius: 100px !important; padding: .7em 1.4em !important; border: none !important;
}
.ast-header-button:hover, .ast-custom-button-link:hover .ast-custom-button { background: var(--kara-emerald-d) !important; }

/* ---- On ne contraint JAMAIS le magazine (pleine largeur) ---- */
.entry-content > .kara-v3,
.entry-content .kara-v3 { max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; }
.site-content .ast-container { max-width: none; padding: 0; }
.ast-article-single { padding: 0 !important; }

/* ---- Numéros de métiers retirés (demande direction) ---- */
.ex-num { display: none !important; }

/* ---- Pages SANS magazine (contact, mentions…) : colonne de lecture aérée ---- */
.entry-content:not(:has(.kara-v3)) {
  max-width: 760px; margin-inline: auto; padding: clamp(2.5rem, 5vw, 4.5rem) 1.2rem;
  font-family: 'Inter', system-ui, sans-serif;
}
.entry-content:not(:has(.kara-v3)) > * + * { margin-top: 1.3em; }
.entry-content:not(:has(.kara-v3)) p,
.entry-content:not(:has(.kara-v3)) li { font-size: 1.0625rem; line-height: 1.78; color: #3A4842; }
.entry-content:not(:has(.kara-v3)) h1,
.entry-content:not(:has(.kara-v3)) h2,
.entry-content:not(:has(.kara-v3)) h3 { font-family: 'Fraunces', Georgia, serif; color: var(--kara-ink); line-height: 1.15; }
.entry-title { font-family: 'Fraunces', Georgia, serif; color: var(--kara-ink); }

/* ---- Pied de page sobre ---- */
.site-footer { background: var(--kara-forest); color: #C2CCC0; }
.site-footer a { color: #C2CCC0; }
.site-footer a:hover { color: #5FD3A5; }