/*
Theme Name: Afervescence Child
Theme URI: https://afervescence.com
Template: kadence
Description: Theme enfant Kadence pour afervescence.com
Version: 1.0.0
Author: Claude Code pour Tania Gombert
Text Domain: afervescence-child
*/

/* === VARIABLES CSS === */
:root {
    --green: #01D662;
    --ink: #080808;
    --cream: #F7F5F0;
    --muted: #6B6B6B;
    --blue: #0F2CCF;
    --white: #FFFFFF;
    --gap: clamp(1rem, 3vw, 2rem);
}

/* === TYPOGRAPHY === */
@font-face {
    font-family: 'Anton';
    src: url('fonts/Anton-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-Variable.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: 'Inter', system-ui, sans-serif;
    font-weight: 400;
    color: var(--ink);
    background: var(--white);
    line-height: 1.6;
}

h1, h2, h3, h4, h5, h6,
.headline, .hero-title {
    font-family: 'Anton', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.05;
    letter-spacing: -0.01em;
}

h1 { font-size: clamp(44px, 7.2vw, 104px); }
h2 { font-size: clamp(32px, 4.6vw, 60px); }
h3 { font-size: clamp(22px, 2.8vw, 36px); }

/* === NAV STICKY === */
.site-header,
#masthead {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    background: rgba(8, 8, 8, 0.92);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-bottom: none;
    padding: 0 !important;
    transition: background 0.3s ease;
}

/* Espace pour la nav fixe */
.wp-site-blocks { padding-top: 80px; }

/* === CTA VERT === */
.wp-block-button .wp-block-button__link,
.btn-primary, .cta-btn {
    background: var(--green) !important;
    color: var(--ink) !important;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 0.9rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 0.75rem 1.5rem;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    transition: opacity 0.2s;
}
.wp-block-button .wp-block-button__link:hover { opacity: 0.85; }

/* === SCROLL MARGIN pour ancres === */
section[id],
.wp-block-group[id] {
    scroll-margin-top: 90px;
}