/* LE PAYS HOTE DE LA SUPER LEAGUE (21/10/2026) — public/superligue-hote.js */
#slh{position:fixed;inset:0;z-index:9000;background:#060a18}
#slh .slh-fond{position:absolute;inset:0;overflow-y:auto;-webkit-overflow-scrolling:touch}
.slh-accueil{min-height:100%;background-size:cover;background-position:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:28px 18px 24px;text-align:center;color:#fff;box-sizing:border-box}
.slh-surtitre{font-size:12px;letter-spacing:3px;color:#ffcf6b;font-weight:800}
.slh-titre{font-size:34px;font-weight:900;margin:8px 0 10px;text-shadow:0 2px 18px rgba(0,0,0,.6);line-height:1.1}
.slh-drapeau{height:.8em;width:auto;vertical-align:baseline;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.4);margin-right:4px}
.slh-texte{max-width:640px;font-size:15.5px;line-height:1.55;color:#e8eefc;margin-bottom:8px}
.slh-texte.petit{font-size:13px;opacity:.85}
.slh-hotesse{display:flex;align-items:flex-end;gap:12px;max-width:640px;width:100%;margin:14px auto 6px;text-align:left}
.slh-hot-photo{flex:none;width:118px;height:150px;border-radius:16px;background-size:cover;background-position:50% 20%;border:2px solid rgba(255,207,107,.7);box-shadow:0 8px 30px rgba(0,0,0,.5)}
.slh-bulle{position:relative;background:#fff;color:#141a33;border-radius:16px;padding:12px 14px;font-size:14.5px;line-height:1.45;font-weight:600;box-shadow:0 6px 24px rgba(0,0,0,.35)}
.slh-bulle:before{content:'';position:absolute;left:-8px;bottom:18px;border:8px solid transparent;border-right-color:#fff;border-left:0}
.slh-hotesse.petite .slh-hot-photo{width:76px;height:96px}
.slh-hotesse.petite .slh-bulle{font-size:13.5px}
.slh-pied{width:100%;max-width:640px;margin-top:14px}
.slh-page{max-width:1100px;margin:0 auto;padding:18px 14px 30px;color:#fff;box-sizing:border-box}
.slh-h2{font-size:22px;font-weight:900;margin:8px 0 12px;color:#ffcf6b}
.slh-grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.slh-carte{background:#0f1630;border:1px solid rgba(255,207,107,.25);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}
.slh-photo{height:150px;background-size:cover;background-position:center}
canvas.slh-bus{display:block;width:100%;height:150px;object-fit:cover;background:#000}
.slh-corps{padding:11px 12px 12px;display:flex;flex-direction:column;gap:5px;flex:1}
.slh-nom{font-size:16px;font-weight:900}
.slh-lieu{font-size:12.5px;color:#9fb3d8}
.slh-desc{font-size:13px;line-height:1.45;color:#d6def3}
.slh-pm{list-style:none;padding:0;margin:2px 0 4px;font-size:12.5px;line-height:1.4}
.slh-pm li{padding-left:16px;position:relative;margin:2px 0}
.slh-pm li.p:before{content:'+';position:absolute;left:2px;color:#3ddc97;font-weight:900}
.slh-pm li.m:before{content:'–';position:absolute;left:3px;color:#ff7a7a;font-weight:900}
.slh-btn{margin-top:auto;appearance:none;border:0;border-radius:12px;padding:11px 12px;font-weight:900;font-size:14px;cursor:pointer;color:#1b1203;background:linear-gradient(135deg,#ffd76a,#e8a323)}
.slh-btn:disabled{opacity:.5;cursor:not-allowed}
.slh-btn.grand{width:100%;padding:15px;font-size:17px}
.slh-recap{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:6px 0 10px}
.slh-recap div{background:rgba(15,22,48,.85);border:1px solid rgba(255,207,107,.35);border-radius:12px;padding:8px 12px;display:flex;flex-direction:column;font-size:13px}
.slh-recap span{opacity:.75;font-size:12px}
@media (max-width:520px){.slh-titre{font-size:27px}.slh-hot-photo{width:90px;height:116px}}
/* L'en-tete de la page Super League : la photo du pays hote, en faible opacite derriere le rouge */
.sl-banniere.slh-pays-fond{position:relative;overflow:hidden}
.sl-banniere.slh-pays-fond:before{content:'';position:absolute;inset:0;background-image:var(--slh-photo);background-size:cover;background-position:center;opacity:.1;pointer-events:none;z-index:0}
.sl-banniere.slh-pays-fond>*{position:relative;z-index:1}
/* Le meme fond sur le bloc Super League de l'accueil (::before y est deja pris par la lueur du brasier) */
.sl-accueil.slh-pays-fond::after{content:'';position:absolute;inset:0;background-image:var(--slh-photo);background-size:cover;background-position:center;opacity:.1;pointer-events:none;z-index:0}
.sl-accueil.slh-pays-fond>.sl-banniere,.sl-accueil.slh-pays-fond>.sl-acc-corps{position:relative;z-index:1}
/* LA COUPE DU MONDE DES CLUBS CHEZ SES HOTES (21/10/2026) — public/mondial-hote.js : le vert et l'or du Mondial */
#mch{position:fixed;inset:0;z-index:9000;background:#03100a}
#mch .slh-fond{position:absolute;inset:0;overflow-y:auto;-webkit-overflow-scrolling:touch}
#mch .slh-carte{background:#071d14;border-color:rgba(61,220,151,.28)}
#mch .slh-h2,.mch-or{color:#7ef0b8}
#mch .slh-btn{background:linear-gradient(135deg,#7ef0b8,#1fa36a);color:#03140c}
#mch .slh-hot-photo{border-color:rgba(126,240,184,.75)}
.mch-accueil{background:radial-gradient(120% 80% at 50% 0%,#0d3b26,#03100a 70%);justify-content:flex-start;padding-top:16px}
.mch-mosaique{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:100%;max-width:980px;margin-bottom:14px}
.mch-mosaique div{height:170px;border-radius:14px;background-size:cover;background-position:center;position:relative;box-shadow:0 8px 26px rgba(0,0,0,.5)}
.mch-mosaique span{position:absolute;left:8px;bottom:8px;background:rgba(3,16,10,.78);padding:4px 9px;border-radius:9px;font-weight:800;font-size:13px}
.mch-pays{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:0 0 10px;font-weight:800}
.mch-pays span{background:rgba(126,240,184,.12);border:1px solid rgba(126,240,184,.35);padding:5px 11px;border-radius:999px}
.mch-stades{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;width:100%;max-width:980px;margin:8px 0}
.mch-stades div{height:96px;border-radius:12px;background-size:cover;background-position:center;position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:6px;text-align:left;box-shadow:inset 0 -50px 40px -10px rgba(0,0,0,.85)}
.mch-stades b{font-size:12px;line-height:1.15}.mch-stades small{font-size:10.5px;opacity:.8}
.mch-sponsor .mch-logo{height:110px;display:flex;align-items:center;justify-content:center;background:#fff}
.mch-sponsor .mch-logo img{width:64px!important;height:64px!important;background:none!important}
.mch-rembourse{font-size:13px;color:#cfe;margin:4px 0}
.mch-rembourse b{color:#7ef0b8}
@media (max-width:640px){.mch-mosaique div{height:96px}.mch-stades{grid-template-columns:repeat(2,1fr)}.mch-stades div:last-child{grid-column:1/-1}}

.mch-sel{cursor:pointer;transition:transform .15s,box-shadow .15s}
.mch-sel.on{border-color:#7ef0b8!important;box-shadow:0 0 0 2px #7ef0b8,0 10px 30px rgba(31,163,106,.35);transform:translateY(-2px)}
.mch-prix{margin-top:auto;font-weight:900;color:#7ef0b8}

/* 21/10/2026 (Ju) : le mot d'avant premier match du Mondial, en petit pop-up */
#mch.mch-voile{background:rgba(2,8,5,.62);display:flex;align-items:center;justify-content:center;padding:16px}
.mch-pop{width:100%;max-width:600px;max-height:calc(100vh - 32px);overflow-y:auto;overflow-x:hidden;scrollbar-width:none;box-sizing:border-box;background:#06180f;border:1px solid rgba(126,240,184,.35);border-radius:18px;box-shadow:0 24px 70px rgba(0,0,0,.6);padding:0 0 16px}
.mch-pop-photo{height:170px;background-size:cover;background-position:center;border-radius:18px 18px 0 0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:12px;text-align:center}
.mch-pop-titre{font-size:24px;font-weight:900;color:#fff;margin-top:4px}
.mch-pop::-webkit-scrollbar{display:none}
.mch-pop .slh-hotesse{width:auto;max-width:none;margin:14px 14px 12px}   /* 21/10/2026 (Ju) : width:100% + marges = 28 px de trop -> barre horizontale */
.mch-pop .slh-btn{display:block;width:calc(100% - 28px);margin:0 14px}

.sl-accueil.mc-accueil.slh-pays-fond::after{opacity:.16}