/* Pousse Pousse — adaptation téléphone / tablette (v1009-2130) */

/* 1. Section « Escale » : le bloc texte débordait à droite sur téléphone */
@media (max-width:760px){
  .vehicule-sec__grille{align-items:stretch!important}
  .vehicule-sec__grille>*{min-width:0;max-width:100%;width:auto!important}
}

/* 2. Calendrier de réservation : une ligne par jour (jour | 8 h 30 | 14 h 30) */
@media (max-width:1024px){
  .jours{display:grid!important;grid-template-columns:1fr;gap:8px!important}
  .jours .jr{display:grid!important;grid-template-columns:76px minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:8px;min-height:0!important;padding:8px 8px 8px 12px!important;flex:none!important;min-width:0!important}
  .jr__tete{grid-column:1;grid-row:1;justify-content:center;gap:2px!important}
  .jr__tete b{font-size:15px!important;line-height:1.15}
  .jr__eti{font-size:10.5px!important}
  .jr .creneau{grid-row:1;align-self:stretch;display:flex!important;flex-wrap:wrap;align-items:baseline;column-gap:6px;row-gap:3px;padding:9px 10px!important;min-height:58px;align-content:center}
  .jr .creneau[data-choisir$="08:30"]{grid-column:2}
  .jr .creneau[data-choisir$="14:30"]{grid-column:3}
  .jr .creneau .h{flex:0 0 100%;font-size:15px!important}
  .jr .creneau .p{font-size:12.5px!important;line-height:1.25;flex:0 0 100%}
  .jr__vide,.jr__motif{grid-column:2/4;align-self:center;margin:0!important}
  /* devises : libellé au-dessus, quatre boutons alignés */
  .devise-pp{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px!important}
  .devise-pp>:not(button){grid-column:1/-1}
  .devise-pp button{width:100%;min-height:40px}
}
@media (min-width:640px) and (max-width:900px){
  .jours{grid-template-columns:1fr 1fr!important}
}
@media (max-width:360px){
  .jours .jr{grid-template-columns:62px minmax(0,1fr) minmax(0,1fr);padding-left:8px!important}
  .jr .creneau{padding:8px 7px!important}
  .jr .creneau .p{font-size:11.5px!important}
}

/* 3. Petits encarts d'infos (escale, scolaires) : grille régulière sur téléphone */
@media (max-width:600px){
  .faits-pp{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important}
  .faits-pp li{width:auto!important;min-width:0}
}

/* 4. Pied de page téléphone / tablette : le texte commence SOUS le pictogramme */
@media (max-width:820px){
  footer.pied-r .pied-r__mgrille>div:nth-child(n){position:relative;isolation:isolate;padding:74% 16px 24px!important;min-height:0!important;background:none!important}
  .pied-r__mgrille>div::before{content:""!important;position:absolute!important;inset:0!important;z-index:-1!important;transform:none!important;width:auto!important;height:auto!important;background:var(--pp-tache) center top/100% auto no-repeat,linear-gradient(to bottom,transparent 55%,var(--pp-tc) 55%)!important}
  .pied-r__mgrille>div:nth-child(1){--pp-tache:url(/images/tache-decouvrir.webp);--pp-tc:rgb(217,3,111)}
  .pied-r__mgrille>div:nth-child(2){--pp-tache:url(/images/tache-experiences.webp);--pp-tc:rgb(250,174,1)}
  .pied-r__mgrille>div:nth-child(3){--pp-tache:url(/images/tache-infos.webp);--pp-tc:rgb(2,169,193)}
  .pied-r__mgrille>div:nth-child(4){--pp-tache:url(/images/tache-contact.webp);--pp-tc:rgb(107,37,168)}
  footer.pied-r .pied-r__mreseaux{position:relative;display:flex!important;flex-wrap:wrap;align-items:center;gap:14px!important;justify-content:flex-start!important;padding:58% 20px 36px!important;background:url(/images/tache-reseaux.webp) center top/100% auto no-repeat,linear-gradient(to bottom,transparent 55%,rgb(123,177,26) 55%)!important}
  .pied-r__mreseaux::before{content:"Suivez-nous";flex:0 0 100%;font-family:var(--marker),'Permanent Marker',cursive;font-size:20px;text-transform:uppercase;color:#fff;line-height:1}
  html[lang^=en] .pied-r__mreseaux::before{content:"Follow us"}
}
@media (min-width:600px) and (max-width:820px){
  .pied-r__mgrille{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  footer.pied-r .pied-r__mgrille>div:nth-child(n){padding:74% 12px 22px!important}
  footer.pied-r .pied-r__mreseaux{min-height:210px;align-content:center;padding:30px 24px 30px 52%!important;background:url(/images/tache-reseaux.webp) center 60%/100% auto no-repeat,rgb(123,177,26)!important}
}

/* 5. Pied de page grand format : titres et liens descendus sous les pictogrammes */
@media (min-width:821px){
  .pied-r__col{top:67.6%!important}
  .pied-r__reseaux{top:79.2%!important}
}
@media (min-width:821px) and (max-width:1180px){
  .pied-r__col a,.pied-r__col p{font-size:12.5px!important}
  .pied-r__legal{font-size:11.5px!important;gap:18px!important}
}

/* 6. Page Réserver : pass Culture proposé EN OPTION, replié sous la réservation */
.option-pc{padding:0 0 clamp(44px,6vw,80px)}
.option-pc__boite{background:#fff;border:1.5px solid var(--ligne,#e7e2d8);border-radius:18px;box-shadow:0 12px 32px rgba(20,20,20,.06);overflow:hidden}
.option-pc__barre{list-style:none;cursor:pointer;display:flex;align-items:center;gap:18px;padding:20px 24px}
.option-pc__barre::-webkit-details-marker{display:none}
.option-pc__barre::marker{content:""}
.option-pc__eti{flex:none;font-family:var(--marker),'Permanent Marker',cursive;font-size:13px;line-height:1;text-transform:uppercase;background:var(--jaune,#f6c343);color:#141414;padding:8px 12px;border-radius:6px;transform:rotate(-2deg)}
.option-pc__txt{flex:1;min-width:0;display:grid;gap:4px}
.option-pc__txt b{font-size:17px;line-height:1.25;color:#141414}
.option-pc__txt span{font-size:14px;line-height:1.5;color:var(--gris-txt,#5d5a55)}
.option-pc__ouvrir{flex:none;width:42px;height:42px;border-radius:50%;background:#141414;position:relative;transition:transform .25s ease}
.option-pc__ouvrir::before,.option-pc__ouvrir::after{content:"";position:absolute;left:50%;top:50%;width:15px;height:2.5px;border-radius:2px;background:var(--jaune,#f6c343);transform:translate(-50%,-50%)}
.option-pc__ouvrir::after{transform:translate(-50%,-50%) rotate(90deg)}
.option-pc__boite[open] .option-pc__ouvrir{transform:rotate(45deg)}
.option-pc__barre:hover .option-pc__ouvrir{transform:scale(1.06)}
.option-pc__boite[open] .option-pc__barre:hover .option-pc__ouvrir{transform:rotate(45deg) scale(1.06)}
.option-pc__barre:focus-visible{outline:3px solid var(--jaune,#f6c343);outline-offset:-3px;border-radius:18px}
.option-pc__contenu{border-top:1px solid var(--ligne,#e7e2d8);padding:clamp(20px,3vw,36px) clamp(16px,3vw,36px) clamp(24px,3vw,40px)!important;margin:0!important;background:none!important}
@media (max-width:600px){
  .option-pc__barre{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 14px;padding:16px 16px 18px}
  .option-pc__eti{grid-column:1;justify-self:start}
  .option-pc__ouvrir{grid-column:2;grid-row:1/span 2;align-self:center}
  .option-pc__txt{grid-column:1}
  .option-pc__txt b{font-size:16px}
  .option-pc__txt span{font-size:13.5px}
}