/* Police auto-hébergée Comfortaa (téléchargée depuis Google Fonts) */
@font-face {
    font-family: 'Comfortaa';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/comfortaa-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Comfortaa';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/comfortaa-500.woff2') format('woff2');
}

@font-face {
    font-family: 'Comfortaa';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/comfortaa-700.woff2') format('woff2');
}

/* --- Ether Lab : classes utilitaires éditoriales --- */

/* Label discret en majuscules ("ICONIC" dans la référence) */
.el-eyebrow {
    display: inline-block;
    font-family: var(--wp--preset--font-family--body);
    font-size: var(--wp--preset--font-size--small);
    text-transform: uppercase;
    letter-spacing: 0.15em;
    color: var(--wp--preset--color--muted-text);
}

/* Cercle accent plein (le rond rouge de la référence) */
.el-dot {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background: var(--wp--preset--color--accent);
    flex-shrink: 0;
}
.el-dot.is-small { width: 1.5rem; height: 1.5rem; }

/* Étiquette de coin façon date/référence de dossier */
.el-tag {
    font-family: var(--wp--preset--font-family--body);
    font-size: var(--wp--preset--font-size--small);
    border: 1px solid var(--wp--preset--color--contrast);
    border-radius: 999px;
    padding: 0.2em 0.9em;
    white-space: nowrap;
}

/* Séparateurs verticaux entre colonnes (grille éditoriale) */
.el-vdivide > .wp-block-column:not(:last-child) {
    border-right: 1px solid var(--wp--preset--color--muted);
    padding-right: var(--wp--preset--spacing--30);
}
.el-vdivide > .wp-block-column:not(:first-child) {
    padding-left: var(--wp--preset--spacing--30);
}

/* Grille de séries : cellule avec cadre fin, image + titre dessous */
.el-series-cell .wp-block-post-featured-image {
    margin: 0;
    overflow: hidden;
    border: 1px solid var(--wp--preset--color--muted);
}
.el-series-cell .wp-block-post-featured-image img {
    transition: transform 0.5s ease;
}
.el-series-cell .wp-block-post-featured-image a:hover img { transform: scale(1.04); }
.el-series-cell .wp-block-post-title a { text-decoration: none; }
.el-series-cell .wp-block-post-title a:hover { color: var(--wp--preset--color--accent); }

/* Signature "script" pour un mot-clé accent (comme "Iconic" manuscrit) */
.el-script {
    font-family: 'Brush Script MT', cursive;
    color: var(--wp--preset--color--accent);
    text-transform: none;
    font-weight: 400;
}

/* Ring shadow chaud au survol (inspiré du design system Claude), angles vifs conservés */
.el-series-cell .wp-block-post-featured-image {
    transition: box-shadow 0.3s ease;
}
.el-series-cell:hover .wp-block-post-featured-image {
    box-shadow: 0 0 0 1px var(--wp--preset--color--accent);
}

/* --- Pivot design : arrondi + alternance clair/sombre --- */
.el-tag { border-radius: 999px; }
.el-series-cell .wp-block-post-featured-image {
    border-radius: 20px;
}
.el-series-cell:hover .wp-block-post-featured-image {
    box-shadow: 0 0 0 3px var(--wp--preset--color--accent);
}
.wp-block-image img { border-radius: 20px; }

/* Sections sombres (alternance) */
.el-section-dark {
    background: var(--wp--preset--color--contrast);
    color: var(--wp--preset--color--base);
}
.el-section-dark h1, .el-section-dark h2, .el-section-dark h3 { color: var(--wp--preset--color--base); }
.el-section-dark .el-eyebrow { color: var(--wp--preset--color--muted); }
.el-section-dark .wp-block-image img { box-shadow: 0 0 0 1px rgba(255,255,255,0.08); }