/* Justice Claire — CSS complémentaire (généré). Slider/ticker sans JS, cartes, a11y. */
:root{--e26l4-radius:4px;--e26l4-shadow:0 6px 24px rgba(0,0,0,.08)}

:where(a,button,input,.wp-block-button__link):focus-visible{outline:2px solid var(--wp--preset--color--primary);outline-offset:2px}

/* Icônes de section (iconFeatures / iconList) — SVG inline auto-hébergé */
.e26l4-icon{color:var(--wp--preset--color--primary);line-height:0;margin-bottom:.6rem}
.e26l4-icon svg{width:42px;height:42px}
.e26l4-iconlist{list-style:none;margin:0;padding:0}
.e26l4-iconlist li{display:flex;align-items:flex-start;gap:.6rem;margin-bottom:.5rem}
.e26l4-iconlist .e26l4-icon{margin:0;flex:0 0 auto}
.e26l4-iconlist .e26l4-icon svg{width:22px;height:22px}

/* Cartes de listing en grille */
.e26l4-cards .wp-block-post-template{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--wp--preset--spacing--40)}
.e26l4-cards .wp-block-post,.e26l4-card{background:var(--wp--preset--color--surface);border-radius:var(--e26l4-radius);overflow:hidden;box-shadow:var(--e26l4-shadow);display:flex;flex-direction:column}
.e26l4-cards .wp-block-post .wp-block-post-featured-image img,.e26l4-card .wp-block-post-featured-image img{aspect-ratio:16/10;object-fit:cover;width:100%;height:auto}
.e26l4-cards .wp-block-post>:not(.wp-block-post-featured-image),.e26l4-card>:not(.wp-block-post-featured-image){padding-inline:var(--wp--preset--spacing--30)}
.e26l4-cards .wp-block-post>:last-child{padding-bottom:var(--wp--preset--spacing--30)}

/* Article-hero : le dernier post réel en grand (image + texte + « Découvrir ») */
.e26l4-articlehero .wp-block-post-featured-image img{aspect-ratio:16/10;object-fit:cover;width:100%;height:auto;border-radius:12px}
.e26l4-articlehero .wp-block-post-terms{color:var(--wp--preset--color--primary);font-weight:600;text-transform:uppercase;letter-spacing:.04em}
.e26l4-articlehero .wp-block-post-title{margin:.4rem 0 .6rem;line-height:1.1}
.e26l4-articlehero .wp-block-read-more{display:inline-block;margin-top:1rem;padding:.55rem 1.15rem;background:var(--wp--preset--color--primary);color:var(--wp--preset--color--base);border-radius:var(--e26l4-radius);text-decoration:none;font-weight:600}
.e26l4-articlehero .wp-block-read-more:hover{opacity:.9}

/* Colonne latérale optionnelle (récents / catégories / sélection) */
.e26l4-sidebar{background:var(--wp--preset--color--surface);border-radius:var(--e26l4-radius);padding:var(--wp--preset--spacing--40);box-shadow:var(--e26l4-shadow)}
@media (min-width:782px){.e26l4-sidebar{margin-top:var(--wp--preset--spacing--40)}}
/* Widgets avec image à la une (medium, centrée, cliquable) */
.e26l4-widgetlist-img .wp-block-post{border-bottom:none;padding-bottom:0;margin-bottom:var(--wp--preset--spacing--30);text-align:center}
.e26l4-widgetlist-img .wp-block-post-featured-image{margin:0 0 .4rem}
.e26l4-widgetlist-img .wp-block-post-featured-image img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:6px;display:block}
.e26l4-sidebar h3{margin:1.3rem 0 .6rem;text-transform:uppercase;letter-spacing:.03em}
.e26l4-sidebar h3:first-child{margin-top:0}
.e26l4-widgetlist .wp-block-post-template{display:block;margin:0;padding:0;list-style:none}
.e26l4-widgetlist .wp-block-post{margin:0 0 .6rem;padding-bottom:.6rem;border-bottom:1px solid rgba(0,0,0,.08)}
.e26l4-widgetlist .wp-block-post-title{margin:0;line-height:1.3}
.e26l4-widgetlist .wp-block-post-date{color:var(--wp--preset--color--muted)}
.e26l4-sidebar .wp-block-categories{list-style:none;margin:0;padding:0}
.e26l4-sidebar .wp-block-categories li{margin:.3rem 0}

/* Cartes OVERLAY : texte SUR l'image via core/cover (image à la une + voile). */
.e26l4-overlaycards .wp-block-post-template{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--wp--preset--spacing--40)}
.e26l4-overlaycards .wp-block-post{margin:0}
.e26l4-overlaycards .wp-block-cover{min-height:240px}
.e26l4-overlaycards .wp-block-post-title,.e26l4-overlaycards .wp-block-post-title a,.e26l4-overlaycards .wp-block-post-terms,.e26l4-overlaycards .wp-block-post-terms a{color:#fff}
.e26l4-overlaycards .wp-block-post-title{margin:.15rem 0 0}
.e26l4-overlaycards .wp-block-post-title a{text-decoration:none}
.e26l4-overlaycards .wp-block-post-title a:hover{text-decoration:underline}
.e26l4-overlaycards .wp-block-post-terms{text-transform:uppercase;letter-spacing:.03em;font-weight:600;opacity:.92}

/* Article-héro OVERLAY (grande couverture) */
.e26l4-heroverlay .wp-block-cover{min-height:60vh}
.e26l4-heroverlay .wp-block-post-title,.e26l4-heroverlay .wp-block-post-title a,.e26l4-heroverlay .wp-block-post-terms,.e26l4-heroverlay .wp-block-post-excerpt{color:#fff}
.e26l4-heroverlay .wp-block-post-title a{text-decoration:none}
.e26l4-heroverlay .wp-block-post-terms{text-transform:uppercase;letter-spacing:.04em;font-weight:600}
.e26l4-heroverlay .wp-block-read-more{display:inline-block;margin-top:1rem;padding:.6rem 1.2rem;background:var(--wp--preset--color--primary);color:var(--wp--preset--color--base);border-radius:var(--e26l4-radius);text-decoration:none;font-weight:600}

/* Étiquettes d'article en #hashtags */
.e26l4-tags{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.e26l4-tags a{display:inline-block;padding:.2rem .65rem;background:var(--wp--preset--color--surface);border-radius:999px;font-size:.82rem;color:var(--wp--preset--color--primary);text-decoration:none}
.e26l4-tags a::before{content:"#"}
.e26l4-tags a:hover{background:var(--wp--preset--color--primary);color:var(--wp--preset--color--base)}

/* Boutons de partage social (liens statiques) */
.e26l4-share{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}
.e26l4-share-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:0;padding:0;cursor:pointer;border-radius:50%;background:var(--wp--preset--color--surface);color:var(--wp--preset--color--contrast);transition:background .2s ease,color .2s ease}
.e26l4-share-btn:hover{background:var(--wp--preset--color--primary);color:var(--wp--preset--color--base)}

/* Aération : rythme vertical entre sections de home + marge avant le footer */
.e26l4-home{margin-bottom:var(--wp--preset--spacing--60)}
.e26l4-home > * + *{margin-top:var(--wp--preset--spacing--60)}
/* Un titre (ou son intro) reste COLLÉ à son contenu : petit écart, pas le grand rythme */
.e26l4-home > .wp-block-heading + *,
.e26l4-home > .e26l4-secintro + *{margin-top:.7rem}
/* Intro d'une section (texte sous le titre de rubrique, avant les cartes) */
.e26l4-secintro{color:var(--wp--preset--color--muted);max-width:var(--content);margin:0 0 1rem}

/* Slider horizontal (scroll-snap tactile, sans JS) */
.e26l4-slider .wp-block-post-template{display:flex;gap:var(--wp--preset--spacing--40);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:.5rem;scrollbar-width:thin}
.e26l4-slider .wp-block-post{scroll-snap-align:start;flex:0 0 min(78vw,320px);background:var(--wp--preset--color--surface);border-radius:var(--e26l4-radius);overflow:hidden}
/* Cartes overlay DANS un slider (texte sur image + défilement horizontal) */
.e26l4-slider-ov .wp-block-post{background:none;box-shadow:none}
.e26l4-slider-ov .wp-block-cover{min-height:220px}
.e26l4-slider-ov .wp-block-post-title,.e26l4-slider-ov .wp-block-post-title a,.e26l4-slider-ov .wp-block-post-terms{color:#fff}
.e26l4-slider-ov .wp-block-post-title a{text-decoration:none}
.e26l4-slider-ov .wp-block-post-terms{text-transform:uppercase;letter-spacing:.03em;font-weight:600;opacity:.92}
/* Slider AUTO-défilant : boucle continue (cartes dupliquées en JS), pause au survol */
.e26l4-slider-auto{overflow:hidden}
.e26l4-slider-auto .wp-block-post-template{width:max-content;overflow:visible;scroll-snap-type:none;animation:e26l4-slide 22s linear infinite}
.e26l4-slider-auto:hover .wp-block-post-template{animation-play-state:paused}
@keyframes e26l4-slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.e26l4-slider-auto{overflow-x:auto}.e26l4-slider-auto .wp-block-post-template{animation:none;width:auto}}

/* Tuiles média cliquables */
.e26l4-tile{position:relative;border-radius:var(--e26l4-radius);overflow:hidden}
.e26l4-tile img,.e26l4-card img{transition:transform .4s ease}

/* Bandeau magazine : une seule ligne. Date fixe à gauche, fil défilant clippé à droite. */
.e26l4-ticker{display:flex;align-items:center;gap:1rem;flex-wrap:nowrap;background:var(--wp--preset--color--contrast);color:var(--wp--preset--color--base);padding:.45rem var(--wp--preset--spacing--40);font-size:.85rem;line-height:1;overflow:hidden}
.e26l4-ticker .e26l4-date{flex:0 0 auto;white-space:nowrap;font-weight:700;letter-spacing:.02em;padding-right:1rem;border-right:1px solid rgba(255,255,255,.25)}
.e26l4-ticker .wp-block-query{flex:1 1 auto;min-width:0;overflow:hidden}
.e26l4-ticker .wp-block-post-template{display:flex;flex-wrap:nowrap;white-space:nowrap;gap:2.5rem;width:max-content;margin:0;padding:0;list-style:none;animation:e26l4-marquee 32s linear infinite}
.e26l4-ticker .wp-block-post{flex:0 0 auto;margin:0}
.e26l4-ticker .wp-block-post-title{margin:0;font-size:inherit;line-height:1;font-weight:400}
.e26l4-ticker a{color:var(--wp--preset--color--base);text-decoration:none;white-space:nowrap}
.e26l4-ticker:hover .wp-block-post-template{animation-play-state:paused}
@keyframes e26l4-marquee{from{transform:translateX(0)}to{transform:translateX(-100%)}}

/* Barre supérieure du header (3ᵉ ligne optionnelle) */
.e26l4-topbar{background:var(--wp--preset--color--surface);border-bottom:1px solid rgba(0,0,0,.06);padding:.35rem clamp(1rem,4vw,2rem);font-size:.85rem;gap:1rem}
.e26l4-topbar .wp-block-site-tagline{margin:0}
.e26l4-copyright{font-size:.85rem;color:var(--wp--preset--color--muted)}
/* Texte de marque à côté du logo (remplace le titre du site) */
.e26l4-brandtext{font-family:var(--wp--preset--font-family--heading);font-weight:700;font-size:1.15rem;line-height:1.15;margin:0}
.e26l4-brandtext a{color:var(--wp--preset--color--contrast);text-decoration:none}
.wp-block-button__link{border-radius:var(--e26l4-radius)}
.e26l4-card:hover .wp-block-post-title a{text-decoration:underline}

.e26l4-hero{background-image:url(hero.webp);background-size:cover;background-position:center}
@media (prefers-reduced-motion:reduce){.e26l4-tile img,.e26l4-card img{transition:none}.e26l4-ticker .wp-block-post-template{animation:none}}