/* Accueil — haut de page clair (30/09/2026, d'après la maquette fournie).
   Chargé après home-editorial.css et home-app-mobile.css ; ne cible que .hero--light.
   Fond bleu très pâle à formes organiques, contenu à gauche, photos décoratives à droite.
   Le fonctionnement (formulaire, autocomplétion des lieux, raccourcis) est inchangé. */

.home-editorial .hero.hero--light {
  --hl-navy: #102b66;
  --hl-teal: #0a9c97;
  --hl-muted: #56637d;
  --hl-line: #e3ebf5;
  position: relative;
  z-index: 1;
  isolation: auto;
  overflow: visible;
  padding: clamp(36px, 4.5vw, 58px) 0 clamp(36px, 4.5vw, 56px);
  color: var(--hl-navy);
  background: linear-gradient(180deg, #f4f9ff 0%, #ebf4fd 100%);
}
.home-editorial .hero.hero--light::before,
.home-editorial .hero.hero--light::after { display: none; }

/* Formes organiques d'arrière-plan : découpées dans leur propre calque pour ne jamais
   rogner la liste de suggestions de lieux qui dépasse sous le hero. */
.hero--light .hero__bg { position: absolute; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; }
.hero--light .hero__blob { position: absolute; display: block; background: #dcecfb; opacity: .75; }
.hero--light .hero__blob--a { width: 620px; height: 420px; right: -120px; top: -140px; border-radius: 58% 42% 55% 45% / 52% 60% 40% 48%; }
.hero--light .hero__blob--b { width: 520px; height: 300px; left: -160px; bottom: -150px; border-radius: 45% 55% 40% 60% / 60% 45% 55% 40%; opacity: .6; }
.hero--light .hero__blob--c { width: 360px; height: 220px; right: 22%; bottom: -120px; border-radius: 50% 50% 45% 55% / 55% 50% 50% 45%; background: #e3f1fb; }

.hero--light .hero__grid {
  position: relative; z-index: 1;
  display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 26px; align-items: center;
}
.hero--light .hero__main { position: relative; min-width: 0; }

/* Titre */
.hero--light .hero__spark { position: absolute; left: -58px; top: 2px; color: #16b8b4; transform: rotate(-8deg); }
.home-editorial .hero--light .hero__title,
.home-editorial .hero--light .hero__title--short {
  max-width: none; margin: 0; color: var(--hl-navy);
  font-size: clamp(2.3rem, 4.3vw, 3.85rem); line-height: 1.03; letter-spacing: -.045em; text-align: left;
}
.home-editorial .hero--light .hero-trust { margin-top: 12px; }
.home-editorial .hero--light .hero-trust li { color: var(--hl-muted); font-size: 1.12rem; font-weight: 500; }
.home-editorial .hero--light .hero-trust li:first-child { color: var(--hl-teal); font-weight: 800; }
.home-editorial .hero--light .hero-trust li + li::before { color: var(--hl-muted); }

/* Recherche : grande barre blanche arrondie, fonctionnement inchangé */
.home-editorial .hero--light .hero-trust + .search-panel { margin-top: 26px; }
.home-editorial .hero--light .search-panel {
  max-width: 860px; padding: 8px; border: 1px solid var(--hl-line); border-radius: 24px;
  background: #fff; box-shadow: 0 18px 44px rgba(16, 43, 102, .10);
}
.home-editorial .hero--light .search-panel form { min-height: 62px; }
.home-editorial .hero--light .search-panel .search-field { min-height: 62px; border-radius: 16px; }
.home-editorial .hero--light .search-panel .search-field:focus-within { background: #f4f8fd; box-shadow: inset 0 0 0 2px rgba(22, 184, 180, .35); }
.home-editorial .hero--light .search-panel .search-field svg { color: #16b8b4; }
.home-editorial .hero--light .search-panel .btn { min-height: 58px; border-radius: 17px; font-size: 1rem; font-weight: 800; box-shadow: 0 8px 18px rgba(255, 98, 93, .25); }
.home-editorial .hero--light .search-panel .btn:focus-visible { outline: 3px solid rgba(255, 98, 93, .45); outline-offset: 2px; }

/* Raccourcis : cartes blanches individuelles, icône dans une zone colorée */
.home-editorial .hero--light .time-shortcuts { flex-wrap: wrap; gap: 10px; margin-top: 22px; overflow: visible; }
.home-editorial .hero--light .time-shortcuts .chip.chip--icon {
  min-height: 50px; gap: 10px; padding: 6px 15px 6px 6px;
  border: 1px solid var(--hl-line); border-radius: 18px; background: #fff; color: var(--hl-navy);
  font-size: .9rem; font-weight: 800; white-space: nowrap; box-shadow: 0 6px 16px rgba(16, 43, 102, .06);
  -webkit-backdrop-filter: none; backdrop-filter: none;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.home-editorial .hero--light .time-shortcuts .chip.chip--icon:hover {
  color: var(--hl-navy); background: #fff; border-color: #cfdcee;
  transform: translateY(-2px); box-shadow: 0 12px 26px rgba(16, 43, 102, .12);
}
.home-editorial .hero--light .time-shortcuts .chip.chip--icon:focus-visible { outline: 3px solid rgba(22, 184, 180, .55); outline-offset: 2px; }
.hero--light .chip__icon { width: 37px; height: 37px; border-radius: 11px; box-shadow: none; }
.hero--light .chip--today .chip__icon { background: #F0645E; }
.hero--light .chip--weekend .chip__icon { background: #8B5CF6; }
.hero--light .chip--free .chip__icon { background: #22A06B; }
.hero--light .chip--family .chip__icon { background: #F59E0B; }
.hero--light .chip--nearby .chip__icon { background: #3B82F6; }

/* Photos décoratives à droite */
.hero--light .hero__visuals { position: relative; height: 400px; pointer-events: none; }
.hero--light .hero-blob {
  position: absolute; display: block; overflow: hidden; border: 6px solid #fff; background: #dcecfb;
  box-shadow: 0 18px 40px rgba(16, 43, 102, .16);
}
.hero--light .hero-blob img { display: block; width: 100%; height: 100%; object-fit: cover; }
.hero--light .hero-blob--kayak { left: 0; top: 58px; width: 196px; height: 232px; border-radius: 64% 36% 58% 42% / 44% 52% 48% 56%; }
.hero--light .hero-blob--patrimoine { right: 0; top: 0; width: 160px; height: 200px; border-radius: 42% 58% 62% 38% / 58% 40% 60% 42%; }
.hero--light .hero-blob--randonnee { right: 12px; bottom: 0; width: 186px; height: 196px; border-radius: 56% 44% 36% 64% / 62% 56% 44% 38%; }
.hero--light .hero__note {
  position: absolute; left: -150px; top: -6px; margin: 0; color: var(--hl-navy);
  font-family: "Caveat", "Segoe Print", "Bradley Hand", "Chalkboard SE", "Comic Sans MS", cursive;
  font-size: 1.45rem; line-height: 1.12; transform: rotate(-7deg); white-space: nowrap;
}
.hero--light .hero__arrow { position: absolute; left: -46px; top: 52px; color: var(--hl-navy); }
.hero--light .hero__dot { position: absolute; display: block; border-radius: 50%; background: #16b8b4; }
.hero--light .hero__dot--1 { width: 10px; height: 10px; left: 190px; top: 22px; background: #3B82F6; }
.hero--light .hero__dot--2 { width: 14px; height: 14px; left: 18px; bottom: 70px; border: 4px solid #16b8b4; background: transparent; }
.hero--light .hero__dot--3 { width: 8px; height: 8px; right: -6px; bottom: 150px; }

/* Grand écran intermédiaire : visuels réduits */
@media (max-width: 1240px) {
  .hero--light .hero__grid { grid-template-columns: minmax(0, 1fr) 320px; }
  .hero--light .hero__visuals { height: 380px; }
  .hero--light .hero-blob--kayak { width: 170px; height: 205px; top: 70px; }
  .hero--light .hero-blob--patrimoine { width: 145px; height: 180px; }
  .hero--light .hero-blob--randonnee { width: 165px; height: 175px; right: 6px; }
  .hero--light .hero__note { left: -120px; font-size: 1.25rem; }
  .hero--light .hero__arrow { left: -40px; top: 48px; width: 70px; }
  .hero--light .hero__spark { display: none; }
  .home-editorial .hero--light .time-shortcuts { gap: 8px; }
  .home-editorial .hero--light .time-shortcuts .chip.chip--icon { min-height: 46px; gap: 8px; padding: 5px 12px 5px 5px; font-size: .85rem; }
  .hero--light .chip__icon { width: 33px; height: 33px; border-radius: 10px; }
}

/* Tablette : la recherche reste prioritaire, les visuels s'effacent */
@media (max-width: 1099px) {
  .hero--light .hero__grid { grid-template-columns: 1fr; }
  .hero--light .hero__visuals { display: none; }
  .hero--light .hero__blob--a { width: 420px; height: 300px; right: -160px; top: -120px; }
}

/* Mobile : titre, compteur, recherche, bouton, raccourcis qui défilent */
@media (max-width: 680px) {
  .home-editorial .hero.hero--light { padding: 26px 0 28px; }
  .home-editorial .hero--light .hero__title,
  .home-editorial .hero--light .hero__title--short { font-size: 2.1rem; line-height: 1.06; }
  .home-editorial .hero--light .hero-trust { flex-wrap: nowrap; }
  .home-editorial .hero--light .hero-trust li { font-size: .84rem; white-space: nowrap; }
  .home-editorial .hero--light .hero-trust li + li::before { margin: 0 7px; }
  .home-editorial .hero--light .hero-trust + .search-panel { margin-top: 18px; }
  .home-editorial .hero--light .search-panel { padding: 6px; border-radius: 20px; }
  .home-editorial .hero--light .search-panel form,
  .home-editorial .hero--light .search-panel .search-field { min-height: 52px; }
  .home-editorial .hero--light .search-panel .btn { min-height: 52px; border-radius: 15px; }
  .home-editorial .hero--light .time-shortcuts { flex-wrap: nowrap; overflow-x: auto; gap: 10px; margin-top: 16px; padding-bottom: 6px; }
  .home-editorial .hero--light .time-shortcuts .chip.chip--icon { min-height: 46px; gap: 9px; padding: 5px 14px 5px 5px; border-radius: 15px; font-size: .85rem; }
  .hero--light .chip__icon { width: 34px; height: 34px; border-radius: 10px; }
  .hero--light .hero__blob--b { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .home-editorial .hero--light .time-shortcuts .chip.chip--icon { transition: none; }
  .home-editorial .hero--light .time-shortcuts .chip.chip--icon:hover { transform: none; }
}

/* Mode sombre : même composition, tons nuit */
@media (prefers-color-scheme: dark) {
  .home-editorial .hero.hero--light { --hl-navy: #f2f4fa; --hl-muted: #b2bad0; --hl-line: #303858; background: linear-gradient(180deg, #111a33 0%, #0f1224 100%); }
  .hero--light .hero__blob { background: #1a2748; opacity: .7; }
  .hero--light .hero__blob--c { background: #182440; }
  .home-editorial .hero--light .hero-trust li:first-child { color: #5fe0da; }
  .home-editorial .hero--light .search-panel { background: #171b33; box-shadow: 0 18px 44px rgba(0, 0, 0, .35); }
  .home-editorial .hero--light .search-panel .search-field:focus-within { background: #202642; }
  .home-editorial .hero--light .time-shortcuts .chip.chip--icon,
  .home-editorial .hero--light .time-shortcuts .chip.chip--icon:hover { background: #171b33; }
  .hero--light .hero-blob { border-color: #171b33; }
}

/* ---------------------------------------------------------------------------------------
   « Près de chez vous » (section popular, 30/09/2026) : décor autour des cartes uniquement.
   Les cartes (activity-card, sponsored-activity-card) et la rangée .rail ne sont pas touchées.
   --------------------------------------------------------------------------------------- */
.home-editorial .home-activity-section--decor {
  position: relative; overflow: visible; isolation: isolate;
  padding: clamp(52px, 5.5vw, 76px) 0 clamp(52px, 6vw, 80px);
  background: linear-gradient(180deg, #f4f9ff 0%, #edf5fd 100%);
}
.home-editorial .home-activity-section--decor > .container { position: relative; z-index: 1; }
/* Le rognage est sur le calque décoratif seul : la section ne devient jamais une zone
   défilable (sinon le focus d'une flèche la faisait glisser de côté). */
.nearby-deco { position: absolute; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; }
.nearby-deco__blob { position: absolute; display: block; background: #dcecfb; }
.nearby-deco__blob--a { width: 560px; height: 380px; right: -160px; top: -170px; opacity: .8; border-radius: 58% 42% 55% 45% / 52% 60% 40% 48%; }
.nearby-deco__blob--b { width: 520px; height: 320px; left: -210px; bottom: -190px; opacity: .65; border-radius: 45% 55% 40% 60% / 60% 45% 55% 40%; }
.nearby-deco__blob--c { width: 300px; height: 200px; left: 38%; top: -130px; opacity: .55; background: #e3f1fb; border-radius: 50% 50% 45% 55% / 55% 50% 50% 45%; }
.nearby-deco__squiggle { position: absolute; right: 12%; top: 34px; color: #16b8b4; opacity: .55; transform: rotate(-6deg); }
.nearby-deco__ring { position: absolute; left: 4%; bottom: 46px; width: 18px; height: 18px; border: 4px solid #16b8b4; border-radius: 50%; opacity: .6; }
.nearby-deco__dot { position: absolute; display: block; border-radius: 50%; }
.nearby-deco__dot--1 { right: 7%; top: 96px; width: 10px; height: 10px; background: #3B82F6; opacity: .6; }
.nearby-deco__dot--2 { right: 30%; bottom: 30px; width: 8px; height: 8px; background: #16b8b4; opacity: .6; }

.home-editorial .home-activity-section--decor .section__head { align-items: center; margin-bottom: 28px; }
.home-editorial .home-activity-section--decor .section__title {
  display: flex; align-items: center; gap: 14px; font-size: clamp(1.9rem, 3.2vw, 2.6rem);
}
.section__title-icon {
  flex: none; display: grid; place-items: center; width: 46px; height: 46px; border-radius: 15px;
  background: #dff5f4; color: #0a9c97; box-shadow: 0 6px 14px rgba(10, 156, 151, .14);
}
.home-editorial .home-activity-section--decor .section__head .text-muted { margin-top: 8px; padding-left: 60px; color: #56637d; font-size: 1rem; }

.home-editorial .section__link.section__link--pill {
  display: inline-flex; align-items: center; gap: 6px; padding: 10px 18px; border-radius: 999px;
  border: 1px solid #e3ebf5; background: rgba(255, 255, 255, .82); color: #0a8f8a; font-size: .9rem; font-weight: 850;
  box-shadow: 0 4px 14px rgba(16, 43, 102, .07); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
  text-decoration: none; transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.home-editorial .section__link.section__link--pill:hover { background: #fff; transform: translateY(-1px); box-shadow: 0 8px 20px rgba(16, 43, 102, .12); }
.home-editorial .section__link.section__link--pill:focus-visible { outline: 3px solid rgba(22, 184, 180, .55); outline-offset: 2px; }

@media (max-width: 1023px) {
  .nearby-deco__blob--c, .nearby-deco__squiggle { display: none; }
  .nearby-deco__blob--a { width: 420px; height: 300px; right: -180px; }
}
@media (max-width: 680px) {
  .home-editorial .home-activity-section--decor { padding: 34px 0 38px; }
  .home-editorial .home-activity-section--decor .section__head { margin-bottom: 18px; }
  .home-editorial .home-activity-section--decor .section__title { gap: 10px; font-size: 1.25rem; line-height: 1.15; letter-spacing: -.02em; }
  .section__title-icon { width: 34px; height: 34px; border-radius: 11px; }
  .section__title-icon svg { width: 17px; height: 17px; }
  .home-editorial .section__link.section__link--pill { padding: 7px 12px; }
  .home-editorial .section__link.section__link--pill { padding: 8px 13px; font-size: .8rem; }
  .nearby-deco__blob--b, .nearby-deco__ring, .nearby-deco__dot { display: none; }
  .nearby-deco__blob--a { width: 300px; height: 220px; right: -150px; top: -120px; }
}
@media (prefers-reduced-motion: reduce) { .home-editorial .section__link.section__link--pill { transition: none; } }
/* « Sorties gratuites » : pastille verte (couleur du raccourci « Gratuit »), motifs inversés. */
.section__title-icon--free { background: #dcf4e8; color: #1a8a5a; box-shadow: 0 6px 14px rgba(34, 160, 107, .14); }
.home-activity-section--free .nearby-deco__squiggle { right: auto; left: 46%; }
.home-activity-section--free .nearby-deco__blob--a { right: auto; left: -170px; }
.home-activity-section--free .nearby-deco__blob--b { left: auto; right: -210px; }
@media (prefers-color-scheme: dark) {
  .section__title-icon--free { background: #123a2a; color: #6fe0a8; }
}
@media (prefers-color-scheme: dark) {
  .home-editorial .home-activity-section--decor { background: linear-gradient(180deg, #111a33 0%, #0f1224 100%); }
  .nearby-deco__blob { background: #1a2748; }
  .nearby-deco__blob--c { background: #182440; }
  .section__title-icon { background: #12343a; color: #5fe0da; box-shadow: none; }
  .home-editorial .home-activity-section--decor .section__head .text-muted { color: #b2bad0; }
  .home-editorial .section__link.section__link--pill { background: rgba(23, 27, 51, .85); border-color: #303858; color: #5fe0da; }
  .home-editorial .section__link.section__link--pill:hover { background: #171b33; }
}

/* Flèches de défilement des rangées de cartes de l'accueil (30/09/2026) : cercle blanc, ombre
   douce, chevron bleu marine. Mécanisme du carrousel des catégories (site.js) ; masquées sur
   mobile (défilement au doigt) comme celles des catégories. */
.home-editorial .rail-carousel { position: relative; }
.home-editorial .rail-carousel .rail-carousel__arrow {
  top: calc(50% - 6px); width: 54px; height: 54px; border: 0; background: #fff; color: #102b66;
  box-shadow: 0 10px 26px rgba(16, 43, 102, .16), 0 0 0 1px rgba(16, 43, 102, .04);
}
.home-editorial .rail-carousel .rail-carousel__arrow svg { width: 24px; height: 24px; stroke-width: 2.8; }
.home-editorial .rail-carousel .rail-carousel__arrow:hover { color: #0a9c97; border: 0; box-shadow: 0 14px 32px rgba(16, 43, 102, .22); }
.home-editorial .rail-carousel .rail-carousel__arrow:focus-visible { outline: 3px solid rgba(22, 184, 180, .55); outline-offset: 3px; }
.home-editorial .rail-carousel .category-carousel__arrow--prev { left: -8px; }
.home-editorial .rail-carousel .category-carousel__arrow--next { right: -8px; }
@media (min-width: 1360px) {
  .home-editorial .rail-carousel .category-carousel__arrow--prev { left: -30px; }
  .home-editorial .rail-carousel .category-carousel__arrow--next { right: -30px; }
}
@media (prefers-color-scheme: dark) {
  .home-editorial .rail-carousel .rail-carousel__arrow { background: #171b33; color: #f2f4fa; box-shadow: 0 10px 26px rgba(0, 0, 0, .4), 0 0 0 1px #303858; }
}

/* ---------------------------------------------------------------------------------------
   Accueil mobile (30/09/2026, maquette fournie) — uniquement ≤ 680 px, l'ordinateur ne change pas.
   Bandeau photo à bord en vague, titre qui chevauche, compteur sur deux lignes, recherche avec
   géolocalisation, filtres en grille de cartes (3 + 2), puis « Trouver ma sortie ».
   --------------------------------------------------------------------------------------- */
.hero--light .hero__photo, .search-locate, .search-btn__icon { display: none; }
@media (max-width: 680px) {
  .home-editorial .hero.hero--light { padding-top: 0; }
  /* Découpe d'après le modèle fourni (30/09/2026) : grand arrondi clair en haut à gauche, palier au centre,
     « poche » arrondie à droite où la photo descend plus bas. Masque appliqué à la photo elle-même (le vrai fond apparaît dessous, aucun raccord de couleur). */
  .hero--light .hero__photo { position: relative; z-index: 1; display: block; height: 400px; margin-bottom: -180px; overflow: hidden;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 0H100V58.5C96 58.5 92 60 88 60.5C82 61 77 60.5 73 59.5C68 58 63 54 56 52.5C50 51.5 42 52 34 51.5C26 51 20 43 10 41.5C6 41 3 41 0 41Z'/%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 0H100V58.5C96 58.5 92 60 88 60.5C82 61 77 60.5 73 59.5C68 58 63 54 56 52.5C50 51.5 42 52 34 51.5C26 51 20 43 10 41.5C6 41 3 41 0 41Z'/%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat; }
  .hero--light .hero__photo picture, .hero--light .hero__photo img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 38%; }
  .hero--light .hero__photo-note {
    position: absolute; left: 30%; top: 14px; margin: 0; color: #102b66;
    font-family: "Caveat", "Segoe Print", "Bradley Hand", "Chalkboard SE", "Comic Sans MS", cursive;
    font-size: 1.4rem; line-height: 1.1; transform: rotate(-7deg); white-space: nowrap;
    text-shadow: 0 0 10px rgba(255, 255, 255, .95), 0 0 3px rgba(255, 255, 255, .95);
  }
  .hero--light .hero__photo-arrow { position: absolute; left: 66%; top: 74px; color: #102b66; filter: drop-shadow(0 0 4px rgba(255, 255, 255, .9)); }
  .hero--light .hero__photo-wave { display: none; }
  .hero--light .hero__grid { z-index: 2; }

  /* Titre, trait décoratif, compteur sur deux lignes */
  .hero--light .hero__main { display: flex; flex-direction: column; }
  .hero--light .hero__spark { display: block; left: -6px; top: 4px; width: 30px; height: 30px; }
  .home-editorial .hero--light .hero__title,
  .home-editorial .hero--light .hero__title--short { padding-left: 32px; font-size: 2.1rem; line-height: 1.04; }
  .home-editorial .hero--light .hero-trust { flex-direction: column; flex-wrap: nowrap; gap: 2px; margin-top: 10px; }
  .home-editorial .hero--light .hero-trust li { white-space: normal; }
  .home-editorial .hero--light .hero-trust li:first-child { font-size: 1.2rem; }
  .home-editorial .hero--light .hero-trust li + li { font-size: 1rem; }
  .home-editorial .hero--light .hero-trust li + li::before { content: none; }

  /* Carte de recherche */
  .home-editorial .hero--light .hero-trust + .search-panel { margin-top: 18px; }
  .home-editorial .hero--light .search-panel { padding: 4px 14px 14px; border-radius: 24px; }
  .home-editorial .hero--light .search-panel .search-field { min-height: 56px; padding: 0 4px; border-radius: 0; }
  .home-editorial .hero--light .search-panel .search-field:focus-within { background: transparent; box-shadow: none; }
  .home-editorial .hero--light .search-panel .search-field input { flex: 1 1 auto; min-width: 0; }
  .hero--light .search-locate {
    flex: none; display: grid; place-items: center; width: 40px; height: 40px; margin-left: auto; border-radius: 50%;
    background: #e6f6f5; color: #0a9c97; text-decoration: none;
  }
  .hero--light .search-locate:focus-visible { outline: 3px solid rgba(22, 184, 180, .5); outline-offset: 2px; }
  .home-editorial .hero--light .search-panel .btn { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 56px; margin-top: 10px; border-radius: 16px; }
  .hero--light .search-btn__icon { display: block; }

  /* Filtres : grille de cartes, icône au-dessus du libellé (3 puis 2 centrées) */
  .hero--light .time-shortcuts { order: 5; }
  .hero--light .hero-assistant { order: 6; margin-top: 16px; }
  .hero--light .assistant-fab { order: 7; }
  .home-editorial .hero--light .time-shortcuts {
    flex-wrap: wrap; justify-content: center; overflow: visible; gap: 10px; margin: 16px 0 0; padding: 0;
  }
  .home-editorial .hero--light .time-shortcuts .chip.chip--icon {
    flex: 0 0 calc((100% - 20px) / 3); flex-direction: column; justify-content: center; gap: 8px;
    min-height: 88px; padding: 12px 4px; border-radius: 18px; font-size: .82rem; text-align: center;
  }
  .hero--light .chip__icon { width: 40px; height: 40px; border-radius: 12px; }
}
/* Cercles translucides discrets dans la zone claire (d'après le modèle), mobile uniquement. */
@media (max-width: 680px) {
  .hero--light .hero__bg::before, .hero--light .hero__bg::after { content: ""; position: absolute; border-radius: 50%; pointer-events: none; }
  .hero--light .hero__bg::before { left: -34px; top: 186px; width: 96px; height: 96px; background: radial-gradient(circle at 35% 35%, rgba(255,255,255,.9), rgba(205,228,250,.55)); opacity: .8; }
  .hero--light .hero__bg::after { right: 14px; top: 300px; width: 28px; height: 28px; background: rgba(181, 212, 244, .55); }
}
@media (max-width: 680px) and (prefers-color-scheme: dark) {
  .hero--light .hero__bg::before { background: radial-gradient(circle at 35% 35%, rgba(60,80,130,.5), rgba(26,39,72,.4)); }
  .hero--light .hero__bg::after { background: rgba(60, 90, 150, .4); }
}
/* Pilule « Voir tout » : l'ancienne règle mobile (texte masqué + « Voir tout » ajouté en ::before)
   faisait apparaître le libellé en double dans la pilule. */
.home-editorial .section__link.section__link--pill::before { content: none; }
@media (max-width: 680px) { .home-editorial .section__link.section__link--pill { font-size: .8rem; } }

/* « À faire ce week-end » (30/09/2026) : pastille calendrier violette (couleur du raccourci « Ce week-end »). */
.section__title-icon--weekend { background: #efe8fd; color: #7c4ddb; box-shadow: 0 6px 14px rgba(124, 77, 219, .14); }
@media (prefers-color-scheme: dark) { .section__title-icon--weekend { background: #2a2150; color: #b99cff; } }
/* Mobile : jours en sélecteur à deux segments, filtres compacts sur une ligne qui défile (fondu à droite). */
@media (max-width: 680px) {
  .home-editorial .home-activity-section--weekend .wk__bar { flex-direction: column; align-items: stretch; gap: 12px; margin-bottom: 16px; }
  .home-editorial .home-activity-section--weekend .wk__days {
    display: grid; grid-template-columns: 1fr 1fr; gap: 4px; padding: 4px; border-radius: 18px; background: #e9f0f9; border: 1px solid #dfe8f4;
  }
  .home-editorial .home-activity-section--weekend .wk__days .wk-chip--day {
    justify-content: center; min-height: 44px; padding: 0 10px; border: 0; border-radius: 14px; background: transparent; font-size: .95rem;
  }
  .home-editorial .home-activity-section--weekend .wk__days .wk-chip--day:only-child { grid-column: 1 / -1; }
  .home-editorial .home-activity-section--weekend .wk__filters {
    flex-wrap: nowrap; overflow-x: auto; gap: 8px; padding: 2px 24px 4px 0; scrollbar-width: none;
    -webkit-mask-image: linear-gradient(90deg, #000 86%, transparent); mask-image: linear-gradient(90deg, #000 86%, transparent);
  }
  .home-editorial .home-activity-section--weekend .wk__filters::-webkit-scrollbar { display: none; }
  .home-editorial .home-activity-section--weekend .wk__filters .wk-chip { flex: none; min-height: 36px; padding: 0 14px; font-size: .84rem; }
}
@media (max-width: 680px) and (prefers-color-scheme: dark) {
  .home-editorial .home-activity-section--weekend .wk__days { background: #171b33; border-color: #303858; }
}

/* Photo de bannière du département (01/10/2026) : images souvent carrées avec le paysage en bas, là où
   passe la vague — agrandie et remontée pour faire apparaître le paysage au-dessus de la découpe. */
@media (max-width: 680px) {
  .hero--light .hero__photo--banner picture { height: 100%; overflow: hidden; }
  .hero--light .hero__photo--banner img { height: 130%; transform: translateY(-28%); object-position: center center; }
}

/* Note manuscrite en blanc + soleil, éclats et flèche en pointillés (30/09/2026, maquette), mobile. */
.hero--light .hero__photo-sun, .hero--light .hero__photo-spark { display: none; }
@media (max-width: 680px) {
  .hero--light .hero__photo-note {
    left: 28%; top: 18px; color: #fff; font-size: 1.3rem; line-height: 1.12; transform: rotate(-6deg);
    text-shadow: 0 2px 8px rgba(8, 40, 90, .6), 0 0 3px rgba(8, 40, 90, .5);
  }
  .hero--light .hero__photo-sun { display: block; position: absolute; right: 8px; top: 64px; width: 44px; height: 44px; color: #fff; filter: drop-shadow(0 2px 4px rgba(8, 40, 90, .35)); }
  .hero--light .hero__photo-spark { display: block; position: absolute; left: 20%; top: 22px; width: 24px; height: 24px; color: #fff; filter: drop-shadow(0 2px 4px rgba(8, 40, 90, .35)); }
  .hero--light .hero__photo-arrow { left: auto; right: 30%; top: 84px; color: #fff; filter: drop-shadow(0 2px 4px rgba(8, 40, 90, .35)); }
}
@media (max-width: 680px) and (prefers-color-scheme: dark) {
  .hero--light .hero__photo-note, .hero--light .hero__photo-arrow { color: #fff; }
}

/* Filtres sur une seule ligne horizontale qui défile (30/09/2026) : mêmes cartes (icône au-dessus
   du libellé), 3 visibles et demie pour inviter à faire défiler ; remplace la grille 3 + 2. */
@media (max-width: 680px) {
  .home-editorial .hero--light .time-shortcuts {
    flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; overflow-y: visible;
    gap: 10px; padding: 2px 2px 8px; scroll-snap-type: x proximity; scrollbar-width: none; -webkit-overflow-scrolling: touch;
  }
  .home-editorial .hero--light .time-shortcuts::-webkit-scrollbar { display: none; }
  .home-editorial .hero--light .time-shortcuts .chip.chip--icon {
    flex: 0 0 108px; min-width: 0; padding-inline: 8px; scroll-snap-align: start; white-space: nowrap;
  }
}
@media (max-width: 370px) {
  .home-editorial .hero--light .time-shortcuts .chip.chip--icon { flex: 0 0 100px; }
}
/* Mobile : la forme décorative du haut transparaissait dans la découpe de la photo (seconde « vague »
   pâle à droite du titre) — masquée pour que la zone claire reste unie. */
@media (max-width: 680px) { .hero--light .hero__blob--a, .hero--light .hero__blob--c { display: none; } }
/* Titre et compteur alignés sur le même bord gauche (30/09/2026, maquette) : trait décoratif dans
   la marge, retour à la ligne après « Que faire », tailles proportionnées. */
@media (max-width: 680px) {
  .home-editorial .hero--light .hero__title,
  .home-editorial .hero--light .hero__title--short { padding-left: 0; margin-left: 18px; font-size: 1.68rem; line-height: 1.08; letter-spacing: -.035em; }
  .hero--light .hero__title-line2 { display: block; white-space: nowrap; }
  .hero--light .hero__spark { left: -10px; top: 6px; width: 24px; height: 24px; }
  .home-editorial .hero--light .hero-trust { margin-left: 18px; margin-top: 8px; }
  .home-editorial .hero--light .hero-trust li:first-child { font-size: 1.1rem; }
  .home-editorial .hero--light .hero-trust li + li { font-size: .95rem; }
}
@media (max-width: 370px) {
  .home-editorial .hero--light .hero__title,
  .home-editorial .hero--light .hero__title--short { font-size: 1.52rem; }
}
/* Petits téléphones : les 3 premiers filtres tiennent sur une ligne (libellés un peu plus petits). */
@media (max-width: 370px) {
  .home-editorial .hero--light .time-shortcuts { gap: 8px; }
  .home-editorial .hero--light .time-shortcuts .chip.chip--icon { flex: 0 0 100px; min-width: 0; padding-inline: 6px; font-size: .78rem; }
}
@media (max-width: 680px) and (prefers-color-scheme: dark) {
  .hero--light .hero__photo-wave { color: #111a33; }
  .hero--light .hero__photo-note, .hero--light .hero__photo-arrow { color: #102b66; }
  .hero--light .search-locate { background: #12343a; color: #5fe0da; }
}