/* — Annonces maison (partials/simple_house_ad.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; } }