/* ============================================================
   (Frontend)   Common/CSS/affiche-tournoi.css
   ============================================================
   Z7-POSTER-FRAME — LE CADRE D'AFFICHE DE TOURNOI, POUR TOUT LE SITE.

   FORMAT OFFICIEL D'UNE AFFICHE Z7 : 1080 x 1550, rapport 1080 / 1550
   (0,69677). Reference : `Image/Tournois/image-random-tournois.png`,
   mesuree dans le depot. Decision du proprietaire, 05/10/2026.

   LE CADRE EST TOUJOURS A CE RAPPORT. L'IMAGE LE REMPLIT TOUJOURS
   ENTIEREMENT :

     · `object-fit: cover`, jamais `contain` ;
     · aucune bande noire, aucun letterboxing, aucun espace vide ;
     · aucune deformation : l'image garde ses proportions.

   UNE AFFICHE AU BON FORMAT S'AFFICHE ENTIERE ET PARFAITEMENT. Une
   affiche fournie dans un autre rapport remplit quand meme le cadre, et
   se trouve donc RECADREE — c'est voulu, et c'est a l'organisateur de
   fournir le bon format s'il veut voir toute son affiche.

   CE QUI EST COMMUN ET CE QUI NE L'EST PAS :
     · commun  — le rapport du cadre, le remplissage, le comportement ;
     · contextuel — la TAILLE, via `--z7-une-h`, la hauteur de la carte.

   POURQUOI LA LARGEUR SE CALCULE A PARTIR DE LA HAUTEUR. Le cadre doit
   toucher le haut et le bas de la carte. CSS ne sait pas deduire une
   largeur d'une hauteur inconnue — `aspect-ratio` sur une boite etiree
   la fait tomber a zero, c'est mesure. On ecrit donc la hauteur de la
   carte (`--z7-une-h`) et on en deduit la largeur du cadre :

        largeur = (hauteur de carte - 2 px de bordure) x 1080 / 1550

   Chaque page pose son `--z7-une-h` : une carte plus grande sur
   l'Accueil, plus compacte sur Tournois. Le rapport, lui, ne bouge
   jamais.
   ============================================================ */

.z7-affiche-cadre {
    position: relative;
    /*  `--z7-une-haut` est la hauteur TOTALE de la carte, lignes
        optionnelles comprises (voir `carte-une.css`). Le repli sur
        `--z7-une-h` sert aux pages qui n'emploient pas encore le
        composant complet. */
    flex: 0 0 calc((var(--z7-une-haut, var(--z7-une-h)) - 2px) * 1080 / 1550);
    min-width: 0;
    overflow: hidden;
    line-height: 0;
    background: rgba(5, 8, 15, 0.7);
}

/*  L'image est POSITIONNEE dans son cadre : ainsi elle ne peut ni le
    deformer, ni le faire grandir. Sans cela, `height: 100 %` sur une
    boite dont la hauteur vient d'`aspect-ratio` retombe sur « auto » et
    c'est l'image qui impose ses proportions — mesure au telephone, trois
    affiches donnaient trois hauteurs de cadre. */
.z7-affiche {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*  LA CARTE EN PILE (telephone) : l'affiche passe au-dessus et porte
    alors son rapport elle-meme, puisqu'elle ne tire plus sa taille de la
    hauteur de la carte. */
.z7-affiche-cadre--pile {
    flex: 0 0 auto;
    aspect-ratio: 1080 / 1550;
}