/* ============================================================
   css/comp-hero.css — EN-TETE COMPETITION (objet partage) — 20/10/2026
   Un seul en-tete pour la fiche competition de l'app (js/core/comp-hero.js),
   l'apercu de l'assistant organisateur et la vitrine publique competition.php.

   Principe (decision Xavier 20/10/2026) : l'image est affichee ENTIERE,
   jamais recadree (l'ancienne bande fixe de 160 px en "cover" tronquait
   toute image qui n'etait pas tres large). Les deux logos (evenement puis
   club hote) sont petits et poses en bas a droite, sur l'image.
   Les couleurs sont portees par des valeurs fixes : l'en-tete reste sombre
   quel que soit le theme de l'app (clair ou sombre).
   ============================================================ */
.ch-hero { position:relative; overflow:hidden; background:#080A0C; line-height:0 }
.ch-hero .ch-img { display:block; width:100%; height:auto; max-height:min(78vw, 440px);
                   object-fit:contain; margin:0 auto }
/* Sans image mais avec au moins un logo : fond de marque, bande basse. */
.ch-hero.ch-nobg { min-height:84px;
                   background:linear-gradient(128deg, var(--accent, #B71C1C) -10%, #10151B 62%, #080A0C 100%) }
.ch-hero.ch-nobg::before { content:""; position:absolute; inset:0;
                   background:repeating-linear-gradient(101.5deg, rgba(255,255,255,.03) 0 1px, transparent 1px 7px) }
/* Logos : bas droite, petits, en ligne (evenement a gauche, club hote a droite). */
.ch-logos { position:absolute; right:10px; bottom:10px; z-index:2; display:flex; flex-direction:row;
            align-items:center; gap:6px }
.ch-logo { width:38px; height:38px; object-fit:contain; border-radius:8px; padding:3px;
           background:rgba(0,0,0,.55); filter:drop-shadow(0 1px 4px rgba(0,0,0,.5)) }
/* Apercu dans l'assistant organisateur */
.ch-preview { border:1px solid var(--border); border-radius:10px; overflow:hidden; margin:6px 0 12px }
.ch-preview-empty { padding:14px; font-size:12px; line-height:1.5; color:var(--text3); background:var(--bg3) }