/*
Theme Name: NewsCard Pro Child - Course de côte de Verbois
Theme URI: https://www.themehorse.com/themes/newscard-pro
Description: Portail événementiel Verbois pour NewsCard Pro, avec affichage programmé et logo sélectionnable dans la médiathèque.
Author: Site administrator
Template: newscard-pro
Version: 1.3.0
Text Domain: newscard-pro-child
*/
@import url("../newscard-pro/style.css");

:root { --verbois-red:#e51d2a; --verbois-dark:#111820; --verbois-ink:#171b20; }
/* Bannière événement : logo à droite, sans filets décoratifs jaunes ou rouges. */
.verbois-event-banner { position:relative; z-index:20; background:linear-gradient(110deg,#111820 0%,#202830 100%); color:#fff; padding:18px 22px; border:0!important; text-align:left; }
.verbois-event-banner__inner { max-width:1200px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:28px; }
.verbois-event-banner__copy { flex:1 1 auto; min-width:0; }
.verbois-event-banner__badge { display:inline-block; background:var(--verbois-red); color:#fff; font-size:12px; font-weight:800; padding:6px 12px; margin:0 0 8px; text-transform:uppercase; letter-spacing:.06em; }
.verbois-event-banner__title { display:block; color:#fff; font-size:clamp(21px,3vw,34px); line-height:1.15; font-weight:900; text-transform:uppercase; margin:0 0 5px; }
.verbois-event-banner__text { color:#e9edf0; font-size:15px; margin:0; }
.verbois-event-banner__logo { flex:0 0 auto; width:min(30%,300px); display:flex; justify-content:flex-end; align-items:center; }
.verbois-event-logo { display:block; width:auto; max-width:100%; max-height:175px; object-fit:contain; }
body.verbois-event-active .site-header, body.verbois-event-active .info-bar, body.verbois-event-active .navbar { border-top:0!important; border-bottom:0!important; }

.verbois-home { width:100%; }
.verbois-hero { min-height:330px; display:flex; align-items:center; justify-content:center; text-align:center; padding:clamp(32px,6vw,76px) 22px; margin:0 0 34px; color:#fff; background:linear-gradient(120deg,rgba(12,15,19,.94),rgba(28,30,32,.72)),radial-gradient(circle at 80% 20%,#c8102e 0,transparent 42%),#17191d; border:0!important; }
.verbois-hero__content { max-width:900px; margin:auto; }
.verbois-kicker,.verbois-section__heading>span,.verbois-photo-callout>div>span { color:var(--verbois-red); font-weight:800; letter-spacing:.12em; font-size:12px; text-transform:uppercase; }
.verbois-hero .verbois-kicker { color:#fff; }
.verbois-hero h1 { color:#fff; font-size:clamp(32px,5vw,58px); line-height:1.05; margin:14px 0; text-transform:uppercase; font-weight:900; }
.verbois-hero p { color:#f4f4f4; font-size:18px; }
.verbois-jump { display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin-top:24px; }
.verbois-jump a,.verbois-photo-callout>a { display:inline-block; padding:11px 18px; background:var(--verbois-red); color:#fff!important; text-decoration:none; font-weight:800; border-radius:3px; }
.verbois-jump a:hover,.verbois-photo-callout>a:hover { background:#b91420; }
.verbois-section { margin:36px 0 48px; }
.verbois-section__heading { margin-bottom:22px; border:0!important; border-left:4px solid var(--verbois-red)!important; padding-left:16px; }
.verbois-section__heading h2,.verbois-social-note h2 { margin:5px 0 0; font-size:clamp(24px,3vw,34px); font-weight:850; }
.verbois-section__heading>span { color:var(--verbois-red); }
.verbois-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.verbois-card { margin:0; background:#fff; border:1px solid #e8e8e8; box-shadow:0 5px 18px rgba(0,0,0,.07); overflow:hidden; }
.verbois-card__image { display:block; position:relative; height:220px; overflow:hidden; background:#222; }
.verbois-card__image img { width:100%; height:100%; object-fit:cover; transition:transform .25s ease; }
.verbois-card:hover .verbois-card__image img { transform:scale(1.04); }
.verbois-no-image { display:flex; align-items:center; justify-content:center; height:100%; color:#fff; font-weight:800; }
.verbois-card__tag { position:absolute; bottom:12px; left:12px; padding:5px 9px; background:var(--verbois-red); color:#fff; font-size:11px; font-weight:900; text-transform:uppercase; }
.verbois-card__body { padding:18px; }
.verbois-card__body time { color:#777; font-size:12px; }
.verbois-card__body h3 { font-size:20px; line-height:1.25; margin:8px 0; }
.verbois-card__body h3 a { color:#171717; text-decoration:none; }
.verbois-card__body p { color:#555; }
.verbois-read-more { color:var(--verbois-red); font-weight:800; text-decoration:none; }
.verbois-empty,.verbois-social-note { background:#f5f5f5; padding:26px; border-left:4px solid var(--verbois-red); }
.verbois-photo-callout { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:30px; margin:35px 0; background:#17191d; color:#fff; border:0!important; }
.verbois-photo-callout h2 { color:#fff; margin:6px 0; }
.verbois-photo-callout p { margin:0; color:#ddd; }
.verbois-pagination { margin:28px 0; }
.verbois-social-note { margin:35px 0; }
.verbois-social-note h2 { margin-bottom:10px; }
.verbois-social-hint { color:#666; font-size:13px; }
@media(max-width:900px) { .verbois-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .verbois-event-banner__inner { align-items:flex-start; gap:14px; } .verbois-event-banner__logo { width:34%; } .verbois-event-logo { max-height:105px; } .verbois-event-banner__text { font-size:13px; } .verbois-grid { grid-template-columns:1fr; } .verbois-card__image { height:230px; } .verbois-photo-callout { display:block; } .verbois-photo-callout>a { margin-top:18px; } }

/* Pendant l'accueil événementiel, masquer les blocs du thème parent "Main Stories" et "Popular Stories". */
body.verbois-event-active .featured-section,
body.verbois-event-active .featured-stories {
    display: none !important;
}

/* Lien permettant d'afficher ponctuellement la page d'accueil NewsCard Pro habituelle. */
.verbois-jump .verbois-normal-link { background: #fff; color: #171b20; border: 1px solid rgba(255,255,255,.7); }
.verbois-jump .verbois-normal-link:hover, .verbois-jump .verbois-normal-link:focus { background: #e51d2a; color: #fff; border-color: #e51d2a; }