/* ============================================================
   LA FORESTIÈRE — FONDATIONS GLOBALES
   Version 0.1.0
   Scope : .lf-design-active
   ============================================================ */

.lf-design-active {
    --lf-green: #173c2e;
    --lf-green-deep: #0d2c20;
    --lf-cream: #f4efe5;
    --lf-paper: #fffdf8;
    --lf-ink: #17211c;
    --lf-muted: #68716c;
    --lf-gold: #b88a58;
    --lf-line: rgba(23, 60, 46, .14);

    --lf-content: 1180px;
    --lf-wide: 1400px;

    --lf-space-xs: 8px;
    --lf-space-sm: 16px;
    --lf-space-md: 24px;
    --lf-space-lg: 40px;
    --lf-space-xl: 64px;
    --lf-space-2xl: 96px;

    color: var(--lf-ink);
    background: var(--lf-paper);
    font-size: 17px;
    line-height: 1.7;
    -webkit-font-smoothing: antialiased;
}

/* On laisse Kadence charger les polices globales. Ces familles servent de
   cibles quand elles seront configurées dans Kadence. */
.lf-design-active {
    --lf-font-body: "DM Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --lf-font-title: "Newsreader", Georgia, "Times New Roman", serif;
}

.lf-design-active,
.lf-design-active button,
.lf-design-active input,
.lf-design-active textarea,
.lf-design-active select {
    font-family: var(--lf-font-body);
}

.lf-design-active p,
.lf-design-active li {
    line-height: 1.7;
}

.lf-design-active h1,
.lf-design-active h2,
.lf-design-active h3 {
    font-family: var(--lf-font-title);
    font-weight: 500;
    letter-spacing: -.035em;
    text-wrap: balance;
}

.lf-design-active h1 {
    font-size: clamp(46px, 5vw, 72px);
    line-height: 1.02;
}

.lf-design-active h2 {
    font-size: clamp(34px, 3.8vw, 52px);
    line-height: 1.08;
}

.lf-design-active h3 {
    font-size: clamp(25px, 2.4vw, 34px);
    line-height: 1.15;
}

.lf-design-active h4,
.lf-design-active h5,
.lf-design-active h6 {
    font-family: var(--lf-font-body);
    letter-spacing: -.015em;
}

/* Liens éditoriaux */
.lf-design-active .entry-content a:not(.wp-element-button):not(.kb-button) {
    text-underline-offset: .18em;
    text-decoration-thickness: 1px;
}

/* Boutons : volontairement sobre, sans imposer les couleurs de chaque bloc. */
.lf-design-active .wp-element-button,
.lf-design-active .kb-button,
.lf-design-active .button,
.lf-design-active button,
.lf-design-active input[type="submit"] {
    border-radius: 3px;
    font-weight: 700;
    transition: transform .18s ease, background-color .18s ease, border-color .18s ease;
}

.lf-design-active .wp-element-button:hover,
.lf-design-active .kb-button:hover,
.lf-design-active .button:hover {
    transform: translateY(-2px);
}

/* Images de contenu : pas de rayon imposé aux logos/icônes. */
.lf-design-active .entry-content figure img,
.lf-design-active .entry-content .wp-block-image img {
    height: auto;
}

/* Classe utilitaire à attribuer dans l'éditeur Kadence. */
.lf-design-active .lf-overline {
    display: block;
    margin-bottom: 18px;
    color: var(--lf-gold);
    font-size: 11px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.lf-design-active .lf-content-narrow {
    max-width: 760px;
}

.lf-design-active .lf-content-wide {
    max-width: var(--lf-content);
    margin-inline: auto;
}