/* ============================================================
   POUSSE POUSSE — VERSION 10 SEPTEMBRE 2026
   Nouvelles photos du client, site bilingue, prix ronds,
   conversion de devise, avis Google.
   S'ajoute à site.css sans rien en retirer : mêmes couleurs,
   mêmes typographies, mêmes composants.
   ============================================================ */

/* ---------- sélecteur de langue ---------- */
.langue-pp{position:absolute;top:10px;right:14px;z-index:6;display:flex;gap:4px;line-height:1;
  background:rgba(255,255,255,.92);border-radius:999px;padding:4px;box-shadow:0 6px 16px -10px rgba(0,0,0,.6)}
.langue-pp a{font-family:var(--texte);font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--encre);
  text-decoration:none;padding:6px 10px;border-radius:999px}
.langue-pp a[aria-current="true"]{background:var(--encre);color:var(--jaune)}
.langue-pp a:not([aria-current="true"]):hover{background:var(--jaune)}
@media (max-width:820px){
  .langue-pp{position:static;margin-left:auto;margin-right:8px;box-shadow:none;background:#fff;border:1.5px solid var(--encre)}
  .langue-pp a{padding:6px 9px}
}

/* ---------- conversion de devise ---------- */
.conv{display:block;font-size:12.5px;font-weight:600;color:#6B6660;letter-spacing:.01em;margin-top:3px}
.conv:empty{display:none}
.conv-mini{display:block;font-size:12px;font-weight:600;color:#6B6660;margin-top:2px;text-align:right}
.devise-pp{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:14px 0 0;font-size:13px;color:#4A4A4A}
.devise-pp[hidden]{display:none}
.devise-pp button{font:inherit;font-size:12.5px;font-weight:700;border:1.5px solid #E4E0D8;background:#fff;border-radius:999px;
  padding:6px 12px;cursor:pointer;color:var(--encre)}
.devise-pp button[aria-pressed="true"]{border-color:var(--encre);background:var(--encre);color:var(--jaune)}
.devise-pp small{flex-basis:100%;font-size:11.5px;color:#8A857D}
.resa__prix .conv{flex-basis:100%;margin-top:0}

/* ---------- bande de preuves sous le héros ---------- */
.preuves-pp .pratique-da__grille > div{display:flex;flex-direction:column;justify-content:center}
.preuves-pp b{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.preuves-pp .etoiles-pp{display:inline-flex;gap:2px}
.etoiles-pp svg{width:16px;height:16px;fill:var(--jaune)}
.preuves-pp a{color:#fff}
.preuves-pp .conv{color:rgba(255,255,255,.62);font-weight:500}

/* ---------- escale croisière : photo à droite ---------- */
.vehicule-sec--inverse .vehicule-sec__grille{flex-direction:row-reverse}
.vehicule-sec--inverse{background:#fff}
@media (max-width:760px){ .vehicule-sec--inverse .vehicule-sec__grille{flex-direction:column} }
.faits-pp{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 22px;padding:0;list-style:none}
.faits-pp li{background:var(--jaune-pale,#FFFBF2);border:1.5px solid #F0E2C2;border-radius:12px;padding:10px 14px;font-size:13.5px;color:#3F3F3F;line-height:1.35}
.faits-pp b{display:block;font-size:17px;color:var(--encre)}

/* ---------- avis Google ---------- */
.avis-g{background:#fff}
.avis-g .titre-pp{margin-bottom:8px}
.avis-g__tete p{margin:0;max-width:52ch;color:#4A4A4A}
.avis-c__texte::before{content:"« "}
.avis-c__texte::after{content:" »"}
.avis-c__trad{font-size:12px;color:#8A857D;margin:0}
.avis-c__g{margin-left:auto;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#8A857D}

/* ---------- pages internes : encart à la place d'une photo ---------- */
.page-tete__encart{flex:1 1 360px;background:#fff;border-radius:18px;padding:clamp(20px,2.6vw,32px);
  box-shadow:0 26px 46px -36px rgba(0,0,0,.45);display:grid;gap:16px}
.page-tete__encart .encart-note{display:flex;align-items:center;gap:14px}
.page-tete__encart .encart-note b{font-family:var(--marker);font-size:clamp(34px,4.4vw,48px);line-height:1}
.page-tete__encart .encart-note span{font-size:13.5px;color:#5A5A5A;line-height:1.4}
.page-tete__encart ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.page-tete__encart li{display:flex;justify-content:space-between;gap:14px;border-top:1px solid #EFEBE2;padding-top:10px;font-size:14.5px}
.page-tete__encart li span{color:#6B6660}
.page-tete__encart li b{text-align:right}
.page-tete__encart .conv{text-align:right}
.page-tete--simple .page-tete__grille > div{flex:1 1 100%}

/* ---------- affiche des sorties scolaires ---------- */
.coordonnees-pp figure.affiche-pp{aspect-ratio:auto;background:#fff}
.coordonnees-pp figure.affiche-pp img{height:auto;object-fit:contain}
.coordonnees-pp figcaption{font-size:13px;color:#5A5A5A;padding:10px 2px 0;line-height:1.45}

/* ---------- culture : trois repères ---------- */
.reperes-pp{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:14px}
.reperes-pp article{background:#fff;border-radius:14px;padding:20px 22px;box-shadow:0 18px 30px -26px rgba(0,0,0,.4)}
.reperes-pp h3{font-family:var(--marker);font-weight:400;font-size:19px;text-transform:uppercase;margin:0 0 8px}
.reperes-pp p{margin:0;font-size:14.5px;color:#3F3F3F;line-height:1.6}

/* ---------- galerie : quatre œuvres, légendes toujours lisibles ---------- */
.galerie-pp figcaption small{display:block;font-weight:500;font-size:12px;opacity:.85}

/* ---------- chiffres de l'entreprise ---------- */
.chiffres-pp{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 0;padding:0;list-style:none}
.chiffres-pp li{flex:1 1 150px;background:#fff;border-radius:14px;padding:14px 16px;box-shadow:0 18px 30px -26px rgba(0,0,0,.35);font-size:13.5px;color:#5A5A5A}
.chiffres-pp b{display:block;font-family:var(--marker);font-weight:400;font-size:26px;color:var(--encre);line-height:1.1}

/* ---------- barre mobile : prix rond + conversion ---------- */
.barre-mobile .btn{flex-direction:column;gap:2px;line-height:1.1}
.barre-mobile .btn small{font-size:10.5px;font-weight:600;opacity:.75;text-transform:none;letter-spacing:0}
.barre-mobile .btn small:empty{display:none}
.preuves-pp .conv{font-family:var(--texte);font-size:13px;color:rgba(255,255,255,.7);margin-top:4px}
.faits-pp .conv{margin-top:2px}
.page-tete__encart .encart-note .etoiles-pp{display:flex;margin-bottom:4px}
.page-tete__encart .encart-note span:not(.etoiles-pp){display:block}

/* ---------- avis : chiffres animés et bandeau d'avis qui défile ---------- */
.avis-chiffres{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-wrap:wrap;gap:12px}
.avis-chiffres li{flex:1 1 160px;background:var(--jaune-pale,#FFFBF2);border:1.5px solid #F0E2C2;border-radius:14px;padding:14px 16px;font-size:13.5px;color:#5A5A5A;line-height:1.35}
.avis-chiffres b{display:block;font-family:var(--marker);font-weight:400;font-size:clamp(26px,3vw,34px);color:var(--encre);line-height:1.1;margin-bottom:2px}
.avis-defile{overflow:hidden;padding:6px 0 18px;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.avis-defile__piste{display:flex;gap:14px;width:max-content;animation:avis-defile 75s linear infinite}
.avis-defile:hover .avis-defile__piste,.avis-defile:focus-within .avis-defile__piste{animation-play-state:paused}
.avis-defile .avis-c{flex:0 0 auto;width:min(340px,82vw)}
@keyframes avis-defile{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){
  .avis-defile{overflow-x:auto;-webkit-mask-image:none;mask-image:none}
  .avis-defile__piste{animation:none}
  .avis-defile .avis-c[aria-hidden="true"]{display:none}
}

/* ---------- annulation en ligne ---------- */
.annul-resultat{margin:18px 0 6px;background:var(--jaune-pale,#FFFBF2);border:1.5px solid #F0E2C2;border-radius:14px;padding:16px 18px;font-size:14.5px;line-height:1.6}
.annul-resultat dl{display:grid;grid-template-columns:1fr auto;gap:6px 14px;margin:10px 0 0}
.annul-resultat dt{color:#6B6660}
.annul-resultat dd{margin:0;font-weight:700;text-align:right}
.annul-resultat dd.rembourse{color:#1E7A3C;font-size:17px}
.annul-confirmer{margin-top:10px;background:#B3261E}
.formulaire-pp__reponse.erreur{color:#B3261E}

/* ---------- pied de page mobile : pictogrammes au-dessus du texte (10/09) ----------
   Chaque tache peinte couvre toute la tuile (comme à l'origine) ; le texte commence
   sous le pictogramme. La marge haute suit la largeur de la tuile (pourcentage) avec un
   minimum calculé pour le cas où l'image s'ajuste à la hauteur : plus de chevauchement,
   du petit téléphone à la tablette. */
@media (max-width:820px){
  .pied-r__mgrille{align-items:stretch}
  .pied-r__mgrille>div{position:relative;z-index:0;overflow:hidden;background-image:none!important;min-height:0!important}
  .pied-r__mgrille>div::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
    background-repeat:no-repeat;background-size:cover;background-position:center top}
  .pied-r__mgrille>div:nth-child(1)::before{background-image:url(/images/tache-decouvrir.webp)}
  .pied-r__mgrille>div:nth-child(2)::before{background-image:url(/images/tache-experiences.webp)}
  .pied-r__mgrille>div:nth-child(3)::before{background-image:url(/images/tache-infos.webp)}
  .pied-r__mgrille>div:nth-child(4)::before{background-image:url(/images/tache-contact.webp)}
  .pied-r__mgrille>div:nth-child(-n+2){padding-top:max(150px,calc(60% + 8px))!important}
  .pied-r__mgrille>div:nth-child(n+3){padding-top:max(170px,calc(66% + 8px))!important}
  /* réseaux : les icônes passent à droite de l'avion peint, comme sur grand écran */
  .pied-r__mreseaux{justify-content:flex-end;padding-right:7%}
}

/* ---------- sorties scolaires & pass Culture (page Réserver) ---------- */
.scolaire-pp{background:var(--jaune-pale,#FFFBF2)}
.scolaire-pp__tete{max-width:760px;margin:0 0 clamp(20px,3vw,34px)}
.scolaire-pp__tete p{color:#3F3F3F;line-height:1.65;margin:0 0 16px}
.scolaire-pp__tete .faits-pp{margin:0}
.scolaire-pp__grille{display:flex;flex-wrap:wrap;gap:clamp(22px,3vw,40px);align-items:flex-start}
.scolaire-pp figure.affiche-pp{flex:1 1 380px;margin:0;background:#fff;border-radius:18px;overflow:hidden;
  box-shadow:0 26px 46px -36px rgba(0,0,0,.45);position:sticky;top:90px}
.scolaire-pp figure.affiche-pp img{display:block;width:100%;height:auto}
.scolaire-pp figcaption{font-size:13px;font-weight:600;color:#3F3F3F;padding:12px 16px 14px;text-align:center}
.scolaire-pp .formulaire-pp{flex:1 1 400px}
.formulaire-pp h3.titre-pp{margin:0 0 18px}
.champ select,.champ input[type=number]{display:block;width:100%;margin-top:6px;padding:13px 15px;border:1.5px solid #E4E0D8;border-radius:10px;
  font:inherit;font-size:15px;font-weight:400;background:#FCFBF9;color:var(--encre)}
.champ select:focus,.champ input[type=number]:focus{outline:none;border-color:var(--jaune);box-shadow:0 0 0 3px rgba(255,193,7,.25)}
.formulaire-pp .note-pp{margin:-6px 0 16px;font-size:12.5px;line-height:1.5;color:#6B6660}
@media (max-width:900px){ .scolaire-pp figure.affiche-pp{position:static} }
.scolaire-lien{margin-top:4px;background:var(--jaune-pale,#FFFBF2);border:1.5px solid #F0E2C2;border-radius:14px;padding:16px 18px}
.scolaire-lien b{display:block;font-family:var(--marker);font-weight:400;font-size:18px;text-transform:uppercase}
.scolaire-lien p{margin:6px 0 12px;font-size:14px;color:#4A4A4A;line-height:1.5}
.scolaire-lien .btn-noir{width:100%;justify-content:center;color:#fff}
.page-tete__encart li b a{color:var(--encre);text-decoration:underline;text-decoration-color:var(--jaune);text-decoration-thickness:3px;text-underline-offset:3px}