/* ==========================================================================
   Correctifs globaux (chargés en dernier)
   1. Pied de page en colonnes, lisible en mode clair ET sombre
   2. Boutons passeport et panier : plus d'animation au survol
   3. Intro « avion » au premier chargement
   ========================================================================== */

/* ---------- 1. Pied de page ---------- */
footer{--ft-ink:#f3ede2;--ft-soft:#f3ede2b3;--ft-faint:#f3ede266;--ft-line:#f3ede21f;background:#101d2b!important;color:var(--ft-ink)!important}
html[data-theme=dark] footer{background:#070d14!important;border-top:1px solid var(--ft-line)!important}
footer:before{font-size:clamp(3rem,11vw,9.5rem)!important;-webkit-text-stroke:1px #f3ede22e!important;color:transparent!important;opacity:1!important}
footer a,footer button{color:var(--ft-soft)!important;opacity:1!important}
footer a:hover,footer button:hover,footer a:focus-visible,footer button:focus-visible{color:var(--ft-ink)!important}
footer .foot.ft-grid{display:grid!important;grid-template-columns:minmax(220px,1.4fr) repeat(3,minmax(150px,1fr));gap:36px 48px;align-items:start;padding-bottom:36px;border-bottom:1px solid var(--ft-line)}
footer .ft-brand b{display:block;font-family:var(--f-display);font-weight:500;font-size:1.5rem;color:var(--ft-ink)}
footer .ft-brand p{color:var(--ft-soft)!important;font-size:.9rem!important;line-height:1.6;max-width:32ch;margin:10px 0 0}
footer .ft-col{display:flex!important;flex-direction:column;align-items:flex-start;gap:11px}
footer .ft-col h2{margin:0 0 4px;font:700 .72rem/1 var(--f-body);letter-spacing:.16em;text-transform:uppercase;color:var(--orange,#d97945)}
footer .ft-col a,footer .ft-col button{font-size:.9rem!important;text-decoration:none;padding:0;background:none;border:0;text-align:left;cursor:pointer;transition:color .2s,transform .2s}
footer .ft-col a:hover,footer .ft-col button:hover{transform:translateX(3px)}
footer .foot button[data-cookie-settings]{font-size:.9rem!important;font-family:inherit!important}
footer .foot-social a{border-color:var(--ft-faint)!important;color:var(--ft-ink)!important}
footer .foot-social a:hover{border-color:var(--orange,#d97945)!important;background:#ffffff0f!important}
footer .foot-note{display:flex!important;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 24px;color:var(--ft-soft)!important;padding-top:22px!important;padding-bottom:28px!important;font-size:.82rem}
footer .foot-note .foot-tech{width:auto!important;margin:0!important;opacity:1!important;color:var(--ft-faint)}
footer .foot-note .foot-tech>span{color:#f3ede28c}
@media (max-width:900px){footer .foot.ft-grid{grid-template-columns:1fr 1fr}footer .ft-brand{grid-column:1/-1}}
@media (max-width:520px){footer .foot.ft-grid{grid-template-columns:1fr 1fr;gap:28px 20px}footer .ft-col:last-child{grid-column:1/-1}footer .foot-note{flex-direction:column;align-items:flex-start}}

/* ---------- 2. Passeport et panier : immobiles au survol ---------- */
.t2w-pass-nav,.t2w-pass-nav:hover,.ct-btn,.ct-btn:hover,.globi-pass-btn:hover{transform:none!important;transition:border-color .2s,background .2s!important}
.t2w-pass-nav:hover,.ct-btn:hover{border-color:var(--orange,#d97945)!important}

/* ---------- 4. Tout le guide sur une page ---------- */
.gc{margin:40px auto 10px}
.gc details{border:1.5px solid var(--ink);border-radius:20px;background:var(--surface);box-shadow:4px 4px 0 var(--ink);overflow:hidden}
.gc summary{display:flex;align-items:center;gap:16px;padding:20px 24px;cursor:pointer;list-style:none}
.gc summary::-webkit-details-marker{display:none}
.gc summary:after{content:"+";margin-left:auto;font:400 2rem/1 var(--f-display);color:var(--orange);transition:transform .3s}
.gc details[open] summary:after{transform:rotate(45deg)}
.gc summary b{display:block;font-family:var(--f-display);font-weight:500;font-size:1.3rem}
.gc summary small{display:block;color:var(--muted);font-size:.88rem;margin-top:2px}
.gc .gc-ico{font-size:1.6rem}
.gc-body{padding:4px 28px 28px;border-top:1px dashed var(--line);max-width:900px;line-height:1.75}
.gc-body .gc-part{padding-top:18px}
.gc-body .gc-part+.gc-part{border-top:1px solid var(--line);margin-top:26px}
.gc-body h2{font-family:var(--f-display);font-weight:500;font-size:1.7rem;margin:18px 0 8px}
.gc-body h3{font-size:1.15rem;margin:20px 0 6px}
.gc-body img{max-width:100%;height:auto;border-radius:12px}
.gc-body .gc-print button{border:1.5px solid var(--ink);background:var(--bg);color:var(--ink);border-radius:999px;padding:10px 18px;font-weight:700;cursor:pointer}
@media print{header,footer,.rv-bottom,#m-progress,.chatbot,.globi-fab,.gp-fab{display:none!important}.gc details>*:not(summary){display:block!important}.gc details{border:0;box-shadow:none}}

/* ---------- 5. FAQ des guides ---------- */
.faq-t2w{margin:56px auto 0;max-width:900px}
.faq-t2w h2{font-family:var(--f-display);font-weight:500;font-size:clamp(1.7rem,3vw,2.3rem);margin:8px 0 18px;line-height:1.15}
.faq-t2w details{border-bottom:1px solid var(--line);padding:2px 0}
.faq-t2w summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;padding:16px 0;font-weight:700;font-size:1.02rem}
.faq-t2w summary::-webkit-details-marker{display:none}
.faq-t2w summary:after{content:"+";color:var(--orange);font:400 1.6rem/1 var(--f-display);transition:transform .25s}
.faq-t2w details[open] summary:after{transform:rotate(45deg)}
.faq-t2w details p{margin:0 0 18px;color:var(--muted);line-height:1.7;max-width:75ch}
.faq-t2w .faq-note{font-size:.82rem;color:var(--muted);margin-top:16px}

/* ---------- 6. Qui sommes-nous ---------- */
.qs-hero{padding-top:72px;padding-bottom:30px;max-width:1000px}
.qs-hero h1{font-family:var(--f-display);font-weight:400;font-size:clamp(2.4rem,5.4vw,4.6rem);line-height:1.04;letter-spacing:-.03em;margin:16px 0 22px}
.qs-hero h1 em{color:var(--orange)}
.qs-lead{font-size:clamp(1.05rem,1.6vw,1.25rem);color:var(--muted);max-width:62ch;line-height:1.6}
.qs-story{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding-top:30px;padding-bottom:70px}
.qs-block{background:var(--surface);border:1.5px solid var(--ink);border-radius:22px;padding:28px;box-shadow:5px 5px 0 var(--ink)}
.qs-block h2{font-family:var(--f-display);font-weight:500;font-size:1.55rem;line-height:1.15;margin:10px 0 12px}
.qs-block p{line-height:1.7;margin:0 0 12px}
.qs-num{font:700 .8rem var(--f-body);letter-spacing:.16em;color:var(--orange)}
.qs-why{background:#101d2b;color:#f3ede2;padding:70px 0}
html[data-theme=dark] .qs-why{background:#070d14}
.qs-why h2{font-family:var(--f-display);font-weight:400;font-size:clamp(2rem,4vw,3.2rem);margin:12px 0 30px;color:#f3ede2}
.qs-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.qs-card{border:1px solid #f3ede233;border-radius:18px;padding:24px}
.qs-card b{display:block;font-size:1.15rem;color:#f3ede2;margin-bottom:8px}
.qs-card p{margin:0;color:#f3ede2bf;line-height:1.7}
.qs-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding-top:60px;padding-bottom:20px;text-align:center}
.qs-numbers strong{display:block;font:400 clamp(3rem,7vw,5rem)/1 var(--f-poster,var(--f-display));color:var(--orange)}
.qs-numbers span{display:block;color:var(--muted);margin-top:8px;max-width:26ch;margin-inline:auto}
.qs-cta{text-align:center;padding-top:50px;padding-bottom:80px}
.qs-cta h2{font-family:var(--f-display);font-weight:400;font-size:clamp(2rem,4vw,3rem);margin:0 0 10px}
.qs-cta p{color:var(--muted)}
.qs-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:20px}
@media (max-width:900px){.qs-story,.qs-cards,.qs-numbers{grid-template-columns:1fr}}

/* ---------- 7. Avion de l'accueil (au-dessus de la carte d'embarquement) ---------- */
.home-lead.hp-lead{position:relative}
.hp-card{position:relative;z-index:2}
.hp-plane{position:absolute;z-index:1;pointer-events:none;max-width:none;height:auto;width:clamp(280px,32vw,440px);
  right:calc(var(--hp-r,0px) + var(--hp-w,340px) - 70px);top:calc(var(--hp-t,0px) + var(--hp-h,340px) * .07);
  animation:hp-in 1.3s cubic-bezier(.16,1,.3,1) .35s both,hp-float 7s ease-in-out 1.7s infinite}

@keyframes hp-in{from{opacity:0;transform:translate3d(-70px,26px,0) rotate(2deg)}to{opacity:1;transform:translate3d(0,0,0) rotate(0)}}
@keyframes hp-float{0%,100%{translate:0 0}50%{translate:0 -6px}}
@media (max-width:900px){.hp-plane{width:min(78vw,360px);right:4%;top:calc(var(--hp-t,0px) - min(30vw,140px))}.hp-card{margin-top:min(26vw,120px)}}
@media (prefers-reduced-motion:reduce){.hp-plane{animation:none}}

/* ---------- 8. Avantages Travel2World ---------- */
.av-hero2{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;padding-top:60px;padding-bottom:40px}
.av-hero2 h1{font-family:var(--f-display);font-weight:400;font-size:clamp(2.4rem,5vw,4.4rem);line-height:1.04;letter-spacing:-.03em;margin:16px 0 20px}
.av-hero2 h1 em{color:var(--orange)}
.av-lead{font-size:clamp(1.05rem,1.5vw,1.2rem);color:var(--muted);max-width:56ch;line-height:1.6}
.av-chips{list-style:none;padding:0;margin:22px 0 26px;display:flex;flex-wrap:wrap;gap:8px}
.av-chips li{border:1.5px solid var(--ink);border-radius:999px;padding:6px 14px;font-weight:600;font-size:.85rem;background:var(--surface)}
.av-hero-fig{position:relative;margin:0;border-radius:28px;overflow:visible}
.av-hero-fig img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:28px;border:1.5px solid var(--ink);box-shadow:8px 8px 0 var(--ink);background:#d9cfbf}
.av-badge{position:absolute;left:-22px;bottom:34px;background:var(--orange);color:#fff;border-radius:16px;padding:12px 18px;font-weight:600;box-shadow:4px 4px 0 var(--ink);max-width:220px;line-height:1.3}
.av-badge b{display:block;font:400 2.2rem/1 var(--f-poster,var(--f-display))}
.av-rows{display:grid;gap:70px;padding-top:50px;padding-bottom:80px}
.av-row{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s cubic-bezier(.2,.8,.2,1)}
.av-row.in{opacity:1;transform:none}
.av-row.rev .av-fig{order:2}
.av-fig{margin:0;position:relative;border-radius:24px;overflow:hidden;border:1.5px solid var(--ink);box-shadow:6px 6px 0 var(--ink);aspect-ratio:4/3;background:#d9cfbf}
.av-fig img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.av-row:hover .av-fig img{transform:scale(1.04)}
.av-duo{display:grid;grid-template-columns:1fr 1fr}
.av-duo img+img{border-left:1.5px solid var(--ink)}
.av-duo figcaption{position:absolute;left:14px;bottom:14px;background:#101d2bd9;color:#f3ede2;border-radius:999px;padding:5px 12px;font-size:.8rem;font-weight:600}
.av-fig.av-noimg img{visibility:hidden}
.av-tag{font:700 .78rem var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--orange)}
.av-txt h2{font-family:var(--f-display);font-weight:500;font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.1;margin:10px 0 14px}
.av-txt p{font-size:1.05rem;line-height:1.75;margin:0 0 10px;max-width:52ch}
.av-txt .av-sub{color:var(--muted)}
.av-how{background:#101d2b;color:#f3ede2;padding:70px 0}
html[data-theme=dark] .av-how{background:#070d14}
.av-how h2{font-family:var(--f-display);font-weight:400;font-size:clamp(2rem,4vw,3.2rem);margin:12px 0 28px;color:#f3ede2}
.av-steps{list-style:none;counter-reset:s;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.av-steps li{counter-increment:s;border:1px solid #f3ede233;border-radius:18px;padding:24px}
.av-steps li:before{content:"0" counter(s);display:block;font:700 .8rem var(--f-body);letter-spacing:.16em;color:#d97945;margin-bottom:10px}
.av-steps b{display:block;font-size:1.12rem;margin-bottom:6px}
.av-steps span{color:#f3ede2bf;line-height:1.65}
.av-note{margin:26px 0 0;font-size:.86rem;color:#f3ede299;max-width:80ch;line-height:1.6}
.av-cta{text-align:center;padding-top:64px;padding-bottom:80px}
.av-cta h2{font-family:var(--f-display);font-weight:400;font-size:clamp(2rem,4vw,3rem);margin:0 0 20px}
.av-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
/* encart accueil / offres */
.av-teaser{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center;margin-top:70px;margin-bottom:70px}
.av-teaser h2{font-family:var(--f-display);font-weight:400;font-size:clamp(2rem,4vw,3.2rem);line-height:1.05;margin:12px 0 16px}
.av-teaser h2 em{color:var(--orange)}
.av-teaser p{color:var(--muted);line-height:1.7;margin:0 0 22px;max-width:50ch}
.avt-mosaic{display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:1fr 1fr;gap:14px;height:clamp(320px,34vw,440px)}
.avt-mosaic figure{position:relative;margin:0;border-radius:20px;overflow:hidden;border:1.5px solid var(--ink);box-shadow:5px 5px 0 var(--ink);background:#d9cfbf}
.avt-mosaic .m1{grid-row:1/3}
.avt-mosaic img{width:100%;height:100%;object-fit:cover;display:block}
.avt-mosaic figcaption{position:absolute;left:12px;bottom:12px;background:#101d2bd9;color:#f3ede2;border-radius:999px;padding:5px 12px;font-size:.8rem;font-weight:600}
.nav nav a.nav-avantages{color:var(--orange)!important;font-weight:700}
@media (max-width:900px){.av-hero2,.av-row,.av-teaser{grid-template-columns:1fr;gap:26px}.av-row.rev .av-fig{order:0}.av-steps{grid-template-columns:1fr}.av-hero-fig img{aspect-ratio:4/3}.av-badge{left:12px;bottom:12px}.av-rows{gap:50px}}
@media (prefers-reduced-motion:reduce){.av-row{opacity:1;transform:none;transition:none}}

/* ---------- 9. Correctifs des pages pays ---------- */
/* étape « Découvrir » : les étapes en ligne, puis le lien checklist sur sa propre ligne, sans encart rouge coincé */
.pc-grid:has(.tiktok-grid)>aside,.japan-guide:has(.tiktok-grid)>aside{flex-wrap:wrap!important;align-items:center;gap:8px 18px}
.pc-grid:has(.tiktok-grid)>aside .of-promo,.japan-guide:has(.tiktok-grid)>aside .of-promo{display:none!important}
.pc-grid:has(.tiktok-grid)>aside>p:empty,.japan-guide:has(.tiktok-grid)>aside>p:empty{display:none}
/* barre « Guide complet en PDF » : compacte, en bas à gauche, se cache quand on lit */
@media (min-width:801px){
  .gd-sticky{left:20px!important;right:auto!important;max-width:440px!important;transform:translateY(140%)!important;transition:transform .45s cubic-bezier(.2,.8,.2,1)!important}
  .gd-sticky.on{transform:none!important}
  .gd-sticky.on.gd-away{transform:translateY(140%)!important}
}
@media (max-width:800px){.gd-sticky.on.gd-away{transform:translateY(140%)!important}}
/* tampon du passeport : apparaît petit, en bas à droite près de Globi, sans recouvrir le texte */
.gp-stamp-fly{left:auto!important;top:auto!important;right:96px!important;bottom:22px!important;width:118px!important;margin:0!important}
.gp-stamp-fly.go{right:30px!important;bottom:30px!important;width:36px!important;opacity:.15}
@media (max-width:700px){.gp-stamp-fly{right:74px!important;bottom:76px!important;width:92px!important}.globi-teaser{max-width:170px;font-size:.78rem}}