/* ql-home-event.css — bandeau + carte événement, page d'accueil. Isolé : supprimable sans impact. */
#event-banner{position:fixed;top:0;left:0;right:0;height:40px;z-index:201;display:flex;align-items:center;justify-content:center;gap:14px;background:linear-gradient(90deg,rgba(26,143,255,.14),rgba(139,63,255,.14));border-bottom:1px solid rgba(26,143,255,.25);backdrop-filter:blur(20px);font-family:'Share Tech Mono',monospace;font-size:11px;letter-spacing:.14em;color:var(--white);text-align:center;padding:0 16px}
#event-banner.hidden{display:none}
#event-banner .eb-dot{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 6px var(--cyan);animation:blink 1.2s ease-in-out infinite;flex-shrink:0}
#event-banner.eb-live .eb-dot{background:var(--mag);box-shadow:0 0 6px var(--mag)}
#event-banner.eb-live{color:var(--mag)}
#event-banner.eb-open{color:var(--cyan)}
#event-banner a{color:inherit;text-decoration:none;border-bottom:1px solid currentColor;white-space:nowrap}
#event-banner a:hover{opacity:.8}
body.has-event-banner nav{top:40px}
body.has-event-banner{padding-top:40px}
@media(max-width:768px){
  #event-banner{height:34px;font-size:9.5px;gap:8px}
  body.has-event-banner nav{top:34px}
  body.has-event-banner{padding-top:34px}
}

/* Carte featured (repris du hub /tournois/) */
#event{overflow-x:hidden}
#event .event-card--featured{position:relative;width:100%;max-width:1200px;margin:0 auto;padding:44px 40px;border:1px solid transparent;background:linear-gradient(var(--panel),var(--panel)) padding-box,linear-gradient(90deg,var(--blue),var(--cyan),var(--violet),var(--mag),var(--blue)) border-box;background-size:100% 100%,300% 100%;animation:qlEventBorderSweep 6s linear infinite}
@keyframes qlEventBorderSweep{0%{background-position:0% 0%,0% 0%}100%{background-position:0% 0%,300% 0%}}
#event .efc-title{font-family:'Orbitron',sans-serif;font-size:clamp(24px,3.2vw,36px);font-weight:900;color:var(--white);line-height:1.1;margin:16px 0 6px}
#event .efc-title-accent{background:linear-gradient(90deg,var(--blue),var(--violet));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#event .efc-subtitle{font-family:'Share Tech Mono',monospace;font-size:12px;letter-spacing:.08em;color:var(--silver);margin-bottom:28px}
#event .efc-tiles{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(26,143,255,.18);width:100%}
#event .efc-tile{padding:18px 16px;border-right:1px solid rgba(26,143,255,.18);min-width:0}
#event .efc-tile:last-child{border-right:none}
#event .efc-tile-lbl{font-family:'Share Tech Mono',monospace;font-size:9px;letter-spacing:.14em;color:var(--blue)}
#event .efc-tile-val{font-family:'Orbitron',sans-serif;font-size:22px;font-weight:700;color:var(--white);margin-top:8px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#event .efc-tile-sub{font-family:'Share Tech Mono',monospace;font-size:10px;color:var(--silver);margin-top:4px}
#event .efc-level-badge{display:inline-block;margin-top:22px;font-family:'Share Tech Mono',monospace;font-size:10px;letter-spacing:.1em;color:var(--mag);border:1px solid rgba(212,0,255,.4);background:rgba(212,0,255,.05);padding:8px 16px}
#event .efc-btns{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px}
#event .efc-mention{margin-top:14px;color:var(--dim);display:block}
#event .countdown{display:flex;gap:14px;justify-content:center;margin:22px 0 4px}
#event .countdown-label{font-family:'Share Tech Mono',monospace;font-size:10px;letter-spacing:.16em;color:var(--dim);text-align:center;margin-bottom:8px;text-transform:uppercase}
#event .cd-unit{text-align:center;min-width:52px}
#event .cd-unit .cd-val{font-family:'Orbitron',sans-serif;font-size:26px;font-weight:900;color:var(--white)}
#event .cd-unit .cd-lbl{font-family:'Share Tech Mono',monospace;font-size:9px;letter-spacing:.1em;color:var(--dim)}
@media(max-width:960px){
  #event .efc-tiles{grid-template-columns:repeat(2,1fr)}
  #event .efc-tile{border-bottom:1px solid rgba(26,143,255,.18)}
  #event .efc-tile:nth-child(2n){border-right:none}
}
@media(max-width:560px){
  #event .efc-tiles{grid-template-columns:1fr}
  #event .efc-tile{border-right:none}
}
