/* — Annonces maison (partials/monde/simple_escale.php) : une rangée entière de la liste des spectacles. Aux couleurs de l'annonceur,
   en police du système, avec la mention en noir plein dans le coin, pour qu'elles n'aient pas l'air de faire partie du site
   (allure choisie par Mathieu le 2026-10-08). Aucun style du site (designs.css) ne doit les habiller. — */
.slist > .escale { grid-column: 1 / -1; max-width: none; }
.escale--quiz { --pb-bg: #fff8dc; --pb-line: #FDD018; --pb-ink: #31038A; --pb-btn: #31038A; --pb-btn-ink: #ffffff; }
.escale--tools { --pb-bg: #0d0a05; --pb-line: #ffbf47; --pb-ink: #ffbf47; --pb-btn: #ffbf47; --pb-btn-ink: #15110a; }
.escale--plan { --pb-bg: #202a4c; --pb-line: #f9a712; --pb-ink: #ffffff; --pb-btn: #f9a712; --pb-btn-ink: #1a2030; }
/* The Wild Swim Society : sable, nuit, sarcelle et bouée de son logo (thewildswimsociety.com). */
.escale--swim { --pb-bg: #f8efe6; --pb-line: #4a5f82; --pb-ink: #3b2a22; --pb-btn: #9f5833; --pb-btn-ink: #ffffff; }
/* So Many Bands (somanybands.com), Planned Odyssey (plannedodyssey.com), Infernal Trivia (infernaltrivia.com : mêmes couleurs que Quiz infernal). */
.escale--smb { --pb-bg: #f6f1ea; --pb-line: #16130f; --pb-ink: #16130f; --pb-btn: #d9482b; --pb-btn-ink: #ffffff; }
.escale--odyssey { --pb-bg: #0f1424; --pb-line: #f2b544; --pb-ink: #e9ecf5; --pb-btn: #f2b544; --pb-btn-ink: #1a1406; }
.escale--trivia { --pb-bg: #fff8dc; --pb-line: #FDD018; --pb-ink: #31038A; --pb-btn: #31038A; --pb-btn-ink: #ffffff; }
.escale--smb .escale__logo, .escale--odyssey .escale__logo, .escale--trivia .escale__logo { border-radius: 22%; }
.escale__link { position: relative; display: flex; align-items: center; gap: 1.25rem; padding: 2.3rem 1.4rem 1.1rem; overflow: hidden; border: 3px solid var(--pb-line); border-radius: 0.75rem; background: var(--pb-bg); color: var(--pb-ink); font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; text-decoration: none; }
.escale__label { position: absolute; top: 0; left: 0; padding: 0.3rem 0.8rem; border-radius: 0 0 0.6rem 0; background: #111111; color: #ffffff; font-weight: 700; font-size: 0.75rem; letter-spacing: 0.1em; text-transform: uppercase; }
.escale__logo { flex: 0 0 auto; width: 3.5rem; height: 3.5rem; border-radius: 0.5rem; }
.escale__text { flex: 1; min-width: 0; }
.escale__title { display: block; font-weight: 800; font-size: clamp(1.1rem, 0.95rem + 0.7vw, 1.4rem); line-height: 1.2; }
.escale__lead { display: block; margin-top: 4px; font-size: 0.9375rem; }
.escale__dom { display: block; margin-top: 0.3rem; font-size: 0.8125rem; opacity: 0.75; }
.escale__go { flex: 0 0 auto; padding: 0.6rem 1.1rem; border-radius: 999px; background: var(--pb-btn); color: var(--pb-btn-ink); font-weight: 700; white-space: nowrap; }
.escale__link:hover .escale__go { filter: brightness(0.92); }
@media (max-width: 640px) { .escale__link { flex-direction: column; align-items: flex-start; gap: 0.6rem; } }
/* — Escales Infernal Trivia Host en image (partials/monde/escale_trivia.php, reprises de l'agenda mondial le 2026-10-28, temporaires) :
   pages américaines, une par page, dans le flux (jamais fixe ni collante). Paysage sur une rangée entière, carrée ou verticale dans une
   case de la grille. — */
.escale--image { --pb-bg: #fff8dc; --pb-line: #FDD018; --pb-ink: #31038A; justify-self: center; width: 100%; }
.slist > .escale--landscape { grid-column: 1 / -1; max-width: 760px; }
.escale--square, .slist > .escale--square { grid-column: auto; max-width: 480px; }
.escale--vertical, .slist > .escale--vertical { grid-column: auto; max-width: 340px; }
.escale--alone { margin: 2rem auto 0; }
.escale--alone.escale--landscape { max-width: 760px; }
.escale--image .escale__link { display: block; padding: 0; }
.escale__visual { display: block; width: 100%; height: auto; }