/* =========================================================
   HOOLALA.TM — ÉVÉNEMENTS (design V2) · inspiration « Happeen »
   Condensé très gras, noir & blanc, blanc dominant, sombre auto.
   ========================================================= */
.ev{--ev-display:"Anton","Inter Tight",Impact,sans-serif}
.ev-ic{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ev-it{font-family:var(--hd-serif);font-style:italic;font-weight:400;text-transform:none;letter-spacing:-.01em}
.ev-h2{margin:0;font:400 clamp(48px,7vw,120px)/.9 var(--ev-display);text-transform:uppercase;letter-spacing:-.005em}
.ev-h2 .ev-it{font-size:.82em}

/* ---------- HERO ---------- */
.ev-hero{padding-top:clamp(18px,2.4vw,32px);background:var(--hd-bg)}
.ev-hero-top{display:flex;justify-content:space-between;gap:16px;font:500 12px var(--hd-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--hd-fg-2)}
.ev-giant{margin:clamp(8px,1.4vw,18px) 0 0;padding:0 clamp(8px,1.4vw,20px);font:400 min(24vw,calc((100vw - 32px) / 5.4))/.86 var(--ev-display);text-transform:uppercase;letter-spacing:-.01em;text-align:center;white-space:nowrap;
  color:var(--hd-fg);background-image:var(--img);background-size:cover;background-position:center 40%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:background-image .8s ease;animation:ev-pan 18s ease-in-out infinite alternate}
@keyframes ev-pan{from{background-position:center 20%}to{background-position:center 70%}}
@supports not ((-webkit-background-clip:text) or (background-clip:text)){.ev-giant{-webkit-text-fill-color:currentColor}}
.ev-hero-row{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(20px,4vw,64px);align-items:end;margin-top:clamp(18px,2.6vw,36px);padding-bottom:clamp(24px,3vw,40px)}
.ev-statement{margin:0;font:400 clamp(34px,4.2vw,68px)/.98 var(--ev-display);text-transform:uppercase}
.ev-inline-img{display:inline-block;width:1.9em;height:.82em;margin:0 .08em;vertical-align:-.04em;overflow:hidden;border-radius:6px}
.ev-inline-img img{width:100%;height:100%;object-fit:cover}
.ev-hero-side p{margin:0 0 18px;max-width:46ch}
.ev-ctas{display:flex;gap:8px;flex-wrap:wrap}
.ev-bar{background:var(--hd-fg);color:var(--hd-bg)}
.ev-bar .hd-wrap{display:flex;align-items:center;gap:clamp(14px,3vw,40px);min-height:60px;flex-wrap:wrap;padding-block:10px}
.ev-bar b{font:400 26px/1 var(--ev-display);text-transform:uppercase}
.ev-bar b::after{content:" ▾";font-size:.6em;vertical-align:middle}
.ev-bar span{font:500 13px var(--hd-sans);letter-spacing:.06em;text-transform:uppercase;opacity:.7}
.ev-bar a{display:inline-flex;align-items:center;gap:6px;margin-left:auto;font:600 13px var(--hd-sans);letter-spacing:.04em;text-transform:uppercase}
.ev-bar a:hover{opacity:.75}

/* ---------- Bande défilante ---------- */
.ev-marquee{overflow:hidden;white-space:nowrap;padding:clamp(14px,2vw,26px) 0;border-bottom:1px solid var(--hd-line)}
.ev-marquee>div{display:inline-flex;align-items:center;gap:clamp(18px,2.4vw,36px);animation:ev-mq 30s linear infinite}
.ev-marquee span{font:400 clamp(40px,6vw,96px)/1 var(--ev-display);text-transform:uppercase}
.ev-marquee span.o{color:transparent;-webkit-text-stroke:1.5px var(--hd-fg)}
.ev-marquee i{font-style:normal;font-size:clamp(18px,2vw,30px)}
@keyframes ev-mq{to{transform:translateX(-50%)}}

/* ---------- AGENDA ---------- */
.ev-agenda{padding:clamp(64px,8vw,120px) 0}
.ev-agenda-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px}
.ev-agenda-head p{margin:0;max-width:32ch;color:var(--hd-fg-2);text-align:right}
.hd-page .ev-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:clamp(28px,3vw,44px)}
.hd-page .ev-filters button{min-height:42px;padding:0 18px;border-radius:999px;border:1px solid var(--hd-line-2);font:600 13px var(--hd-sans);letter-spacing:.04em;text-transform:uppercase;transition:background .2s,color .2s}
.hd-page .ev-filters button.is-active,.hd-page .ev-filters button:hover{background:var(--hd-fg);color:var(--hd-bg)}
.ev-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:clamp(16px,2vw,28px)}
.ev-card[hidden]{display:none}
.ev-card{display:flex;flex-direction:column;border:1px solid var(--hd-line);border-radius:22px;overflow:hidden;background:var(--hd-bg);transition:transform .5s var(--hd-ease),box-shadow .5s}
.ev-card:hover{transform:translateY(-4px);box-shadow:var(--hd-shadow)}
.ev-card-media{position:relative;display:grid;place-items:center;aspect-ratio:4/5;overflow:hidden;background:var(--hd-bg-2)}
.ev-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--hd-ease)}
.ev-card:hover .ev-card-media img{transform:scale(1.04)}
.ev-card-ph{font:400 24px var(--ev-display);text-transform:uppercase;opacity:.3}
.ev-card-date{position:absolute;left:14px;top:14px;display:grid;place-items:center;min-width:64px;padding:8px 10px;border-radius:14px;background:var(--hd-bg);color:var(--hd-fg);font:600 12px var(--hd-sans);text-transform:uppercase;letter-spacing:.06em;box-shadow:var(--hd-shadow-s)}
.ev-card-date b{display:block;font:400 32px/1 var(--ev-display)}
.ev-card-flag{position:absolute;right:14px;top:14px;padding:7px 11px;border-radius:99px;background:var(--hd-fg);color:var(--hd-bg);font:600 11px var(--hd-sans);letter-spacing:.06em;text-transform:uppercase}
.ev-card-body{position:relative;display:flex;flex-direction:column;flex:1;padding:20px}
.ev-card-kicker{font:600 11px var(--hd-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--hd-fg-2)}
.ev-card-title{margin:8px 0 8px;font:400 clamp(28px,2.4vw,38px)/.98 var(--ev-display);text-transform:uppercase}
.ev-card-desc{margin:0 0 14px;color:var(--hd-fg-2);font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ev-card-meta{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px;padding:0;list-style:none}
.ev-card-meta li{padding:6px 10px;border-radius:99px;background:var(--hd-bg-2);font:500 12px var(--hd-sans)}
.ev-card-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:16px;border-top:1px solid var(--hd-line)}
.ev-card-price{font:400 28px/1 var(--ev-display);text-transform:uppercase}
.ev-card-price small{font:600 11px var(--hd-sans);letter-spacing:.06em}
.ev-card-cta{display:inline-flex;align-items:center;gap:6px;font:600 14px var(--hd-sans);border-bottom:1.5px solid currentColor;padding-bottom:2px}
.ev-card-status{margin-top:12px;padding:10px;border-radius:12px;background:var(--hd-fg);color:var(--hd-bg);text-align:center;font:600 12px var(--hd-sans);letter-spacing:.08em;text-transform:uppercase}

/* ---------- CHIFFRES ---------- */
.ev-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding-bottom:clamp(56px,7vw,100px)}
.ev-stats div{padding:20px clamp(12px,2vw,28px) 20px 0;border-top:2px solid var(--hd-fg)}
.ev-stats div+div{padding-left:clamp(12px,2vw,28px)}
.ev-stats b{display:block;font:400 clamp(56px,7vw,110px)/.9 var(--ev-display)}
.ev-stats span{display:block;margin-top:8px;font:500 13px var(--hd-sans);color:var(--hd-fg-2);text-transform:uppercase;letter-spacing:.06em}

/* ---------- EN IMAGES ---------- */
.ev-images{padding:clamp(64px,8vw,120px) 0;background:var(--hd-bg-2)}
.ev-images-lead{margin:16px 0 clamp(28px,3vw,44px);max-width:52ch}
.ev-triad{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:12px}
.hd-page .ev-triad-card{position:relative;display:block;overflow:hidden;border-radius:22px;background:var(--hd-bg);aspect-ratio:4/5;border:0}
.ev-triad-card:first-child{aspect-ratio:auto;min-height:100%}
.ev-triad-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .26s ease,transform .9s var(--hd-ease)}
.ev-triad-card.is-changing img{opacity:0}
.ev-triad-card:hover img{transform:scale(1.04)}
.hd-page .ev-triad-card.is-empty{background:repeating-linear-gradient(135deg,var(--hd-line) 0 1px,transparent 1px 16px),var(--hd-bg);border:1px dashed var(--hd-line-2)}
.ev-triad-tag{position:absolute;left:14px;bottom:14px;z-index:2;padding:8px 14px;border-radius:99px;background:var(--hd-fg);color:var(--hd-bg);font:400 18px/1 var(--ev-display);text-transform:uppercase;letter-spacing:.02em}
.ev-feed{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:12px}
.ev-feed a{display:block;aspect-ratio:1;overflow:hidden;border-radius:16px;background:var(--hd-bg)}
.ev-feed img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--hd-ease)}
.ev-feed a:hover img{transform:scale(1.05)}

/* Visionneuse des affiches à venir (identifiants d'origine) */
.evt-upcoming-lightbox{position:fixed;inset:0;z-index:9800;display:grid;place-items:center;padding:56px 16px;background:rgba(10,10,10,.94)}
.evt-upcoming-lightbox[hidden]{display:none}
.evt-upcoming-lightbox figure{margin:0;display:grid;gap:14px;justify-items:center;max-height:100%}
.evt-upcoming-lightbox img{max-width:min(92vw,620px);max-height:76vh;object-fit:contain;border-radius:14px}
.evt-upcoming-lightbox figcaption{display:grid;gap:4px;text-align:center;color:#fff}
.evt-upcoming-lightbox figcaption small{font:600 11px var(--hd-sans);letter-spacing:.16em;opacity:.6}
.evt-upcoming-lightbox figcaption strong{font:400 30px/1 var(--ev-display,Impact);text-transform:uppercase}
.evt-upcoming-lightbox button{position:absolute;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;font-size:30px;line-height:1;cursor:pointer}
.evt-upcoming-close{top:16px;right:16px}.evt-upcoming-prev{left:16px;top:50%;transform:translateY(-50%)}.evt-upcoming-next{right:16px;top:50%;transform:translateY(-50%)}

/* ---------- MANIFESTE (lignes noires) ---------- */
.ev-steps{background:var(--hd-fg);color:var(--hd-bg);padding:clamp(20px,3vw,40px) 0 clamp(40px,5vw,72px)}
.ev-steps-row{display:flex;align-items:baseline;gap:clamp(16px,3vw,40px);padding:clamp(10px,1.4vw,18px) var(--hd-pad);border-bottom:1px solid color-mix(in srgb,var(--hd-bg) 18%,transparent);transition:padding .5s var(--hd-ease),background .3s}
.ev-steps-row:hover{padding-left:calc(var(--hd-pad) + 24px);background:color-mix(in srgb,var(--hd-bg) 6%,transparent)}
.ev-steps-row span{font:600 13px var(--hd-sans);opacity:.5}
.ev-steps-row b{font:400 clamp(52px,8vw,140px)/.9 var(--ev-display);text-transform:uppercase;font-weight:400}
.ev-steps-quote{margin-top:clamp(28px,3vw,44px) !important;max-width:60ch;font:500 clamp(17px,1.6vw,22px)/1.4 var(--hd-sans);opacity:.85}
.ev-steps-quote b{display:block;margin-top:8px;font:400 22px var(--ev-display);opacity:.7}

/* ---------- FINAL « Un événement à organiser ? → » ---------- */
.ev-final{display:block;background:var(--hd-fg);color:var(--hd-bg);border-top:1px solid color-mix(in srgb,var(--hd-bg) 18%,transparent);transition:background .3s}
.ev-final-in{display:grid;gap:10px;padding:clamp(40px,6vw,90px) 0}
.ev-final-kick{font:500 13px var(--hd-sans);letter-spacing:.08em;text-transform:uppercase;opacity:.6}
.ev-final-title{display:flex;align-items:center;justify-content:space-between;gap:24px;font:400 clamp(44px,8vw,150px)/.9 var(--ev-display);text-transform:uppercase}
.ev-final-title svg{flex:none;width:clamp(48px,7vw,120px);height:auto;fill:none;stroke:currentColor;stroke-width:2.2;transition:transform .5s var(--hd-ease)}
.ev-final:hover .ev-final-title svg{transform:translateX(16px)}

/* ---------- FICHE ÉVÉNEMENT ---------- */
.ev-detail{padding:clamp(20px,3vw,40px) 0 clamp(64px,8vw,120px)}
.ev-crumbs{display:flex;justify-content:space-between;gap:16px;margin-bottom:clamp(20px,3vw,40px);font:500 12px var(--hd-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--hd-fg-2)}
.ev-crumbs a:hover{color:var(--hd-fg)}
.ev-detail-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,72px);align-items:start}
.ev-detail-media{position:sticky;top:calc(var(--hd-hdr) + 24px)}
.ev-poster{display:block;overflow:hidden;border-radius:24px;background:var(--hd-bg-2);box-shadow:var(--hd-shadow)}
.ev-poster img{width:100%;height:auto;transition:transform .9s var(--hd-ease)}
.ev-poster:hover img{transform:scale(1.03)}
.ev-poster--empty{display:grid;place-items:center;aspect-ratio:4/5;font:400 26px var(--ev-display);text-transform:uppercase;opacity:.4}
.ev-bigdate{display:flex;align-items:flex-end;gap:12px;margin-bottom:12px}
.ev-bigdate b{font:400 clamp(90px,11vw,180px)/.8 var(--ev-display)}
.ev-bigdate span{padding-bottom:8px;font:400 clamp(22px,2vw,32px)/.95 var(--ev-display);text-transform:uppercase}
.ev-title{margin:0;font:400 clamp(48px,6vw,104px)/.9 var(--ev-display);text-transform:uppercase}
.ev-lead{margin:18px 0 0;max-width:52ch;color:var(--hd-fg-2);font-size:17px}
.ev-rows{margin:clamp(24px,3vw,40px) 0 0;border-top:2px solid var(--hd-fg)}
.ev-rows div{display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--hd-line)}
.ev-rows dt{font:600 12px var(--hd-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--hd-fg-2)}
.ev-rows dd{margin:0;font:400 clamp(24px,2.2vw,34px)/1.05 var(--ev-display);text-transform:uppercase}
.ev-desc{margin-top:clamp(20px,3vw,32px);max-width:62ch;font-size:16px;line-height:1.65}
.ev-ticket{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-top:clamp(24px,3vw,40px);padding:clamp(20px,2.4vw,32px);border-radius:24px;background:var(--hd-fg);color:var(--hd-bg)}
.ev-ticket>div{display:grid;gap:6px}
.ev-ticket-label{font:600 12px var(--hd-sans);letter-spacing:.12em;opacity:.6}
.ev-ticket-price{font:400 clamp(40px,4vw,64px)/.9 var(--ev-display);text-transform:uppercase}
.ev-ticket-price small{font:600 12px var(--hd-sans);letter-spacing:.06em;opacity:.7}
.ev-ticket-note{font-size:14px;opacity:.75}
.ev-ticket-btn{display:inline-flex;align-items:center;gap:8px;min-height:56px;padding:0 26px;border-radius:999px;background:var(--hd-bg);color:var(--hd-fg);font:600 14px var(--hd-sans);letter-spacing:.04em;transition:transform .25s var(--hd-ease)}
.ev-ticket-btn:hover{transform:translateY(-2px)}
.ev-ticket-btn.is-off{opacity:.5;background:transparent;color:var(--hd-bg);border:1px solid currentColor}
.ev-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}

/* ---------- Vide + boutique ---------- */
.ev-empty{padding:clamp(48px,6vw,90px) 0;text-align:center}
.ev-empty p{max-width:52ch;margin:16px auto 0}
.ev-shop{padding:clamp(64px,8vw,110px) 0}
.ev-shop .ev-h2{margin-bottom:clamp(24px,3vw,40px)}
.ev-shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:16px}
.ev-shop-card{display:block}
.ev-shop-img{display:grid;place-items:center;aspect-ratio:1;overflow:hidden;border-radius:20px;background:var(--hd-bg-2)}
.ev-shop-img img{width:100%;height:100%;object-fit:contain;padding:6%;transition:transform .9s var(--hd-ease)}
.ev-shop-card:hover .ev-shop-img img{transform:scale(1.05)}
.ev-shop-copy{display:grid;gap:4px;padding:14px 4px 0}
.ev-shop-copy small{font:600 11px var(--hd-sans);letter-spacing:.1em;color:var(--hd-fg-2)}
.ev-shop-copy strong{font:400 24px/1 var(--ev-display);text-transform:uppercase}
.ev-shop-copy b{font:600 15px var(--hd-sans)}

/* ---------- Responsive ---------- */
@media (max-width:1000px){
  .ev-hero-row,.ev-detail-grid{grid-template-columns:1fr}
  .ev-detail-media{position:static;max-width:520px}
  .ev-triad{grid-template-columns:1fr 1fr}
  .ev-triad-card:first-child{grid-column:1/-1;aspect-ratio:16/10}
  .ev-stats{grid-template-columns:1fr 1fr}
  .ev-stats div:nth-child(3){padding-left:0}
  .ev-feed{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:640px){
  .ev-agenda-head{flex-direction:column;align-items:flex-start}
  .ev-agenda-head p{text-align:left}
  .ev-bar a{margin-left:0}
  .ev-feed{grid-template-columns:1fr 1fr}
  .ev-rows div{grid-template-columns:1fr;gap:4px}
  .ev-ticket-btn{width:100%;justify-content:center}
  .ev-final-title svg{width:40px}
}