/* ============================================================
   NEREVA : page « Gestion des bennes » (/gestion-bennes, 4 langues), lot O.5.26 (v48.27.0), finition premium. Feuille propre à la page (préfixe gb-, règles limitées à main.gb-page).
   Référence de qualité : Golden « Fonctionnalités Transport » (tf-css) : fenêtres UI blanches (rayon 14 px, filet 1 px, ombre douce), cadre d appareil fin (#0D0F13), sections sombres planes (#0B0C10),
   colonnes ouvertes à filets, numéros en pastille, aucune carte décorative ni effet superflu. Aucune règle globale : rien hors de main.gb-page.
   ============================================================ */

/* ---------- Section « La même benne, côté chauffeur et côté chantier » : trois étapes, numéro au-dessus, téléphone, carte explicative ---------- */
main.gb-page .phones-band.gb-band{background:#0B0C10}
main.gb-page .gb-trio{list-style:none;margin:clamp(36px,4.5vw,52px) auto 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,3vw,44px);max-width:1040px;align-items:stretch;counter-reset:gb}
main.gb-page .gb-trio li{margin:0;display:flex;flex-direction:column;align-items:center;min-width:0}
main.gb-page .gb-num{display:inline-flex;align-items:center;justify-content:center;flex:none;margin:0 0 18px;font-family:'Inter Tight',Inter,sans-serif;font-weight:800;font-size:.8rem;letter-spacing:.14em;color:#0B1220;background:#9DB6FF;border-radius:999px;padding:6px 14px;line-height:1}
main.gb-page .gb-trio .hm-dev{width:100%;max-width:300px;transform:none}
main.gb-page .gb-trio .hm-dev img{filter:none;max-height:none}
main.gb-page .gb-card{margin:22px 0 0;width:100%;max-width:330px;flex:1;padding:18px 18px 20px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:16px;text-align:left;display:flex;flex-direction:column;gap:6px}
main.gb-page .gb-card b{font-family:'Inter Tight',Inter,sans-serif;font-size:1.12rem;letter-spacing:-.01em;line-height:1.25;color:#fff;font-weight:700}
main.gb-page .gb-card span{color:#B8C4DE;font-size:.92rem;line-height:1.5}
main.gb-page .gb-band .s-head .lead a{color:#fff;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.45)}
main.gb-page .gb-band .s-head .lead a:hover{text-decoration-color:#fff}
@media(max-width:900px){
 main.gb-page .gb-trio{grid-template-columns:1fr;gap:clamp(34px,6vw,48px);max-width:360px}
 main.gb-page .gb-trio .hm-dev{max-width:320px}
 main.gb-page .gb-card{max-width:340px;flex:none}
}
@media(max-width:900px) and (min-width:700px){
 main.gb-page .gb-trio{grid-template-columns:1fr 1fr;max-width:700px;gap:clamp(28px,4vw,40px) clamp(24px,4vw,40px)}
 main.gb-page .gb-trio li:nth-child(3){grid-column:1/-1;max-width:330px;justify-self:center}
}
@media(max-width:430px){main.gb-page .gb-trio .hm-dev{max-width:300px}}

/* ---------- Fenêtres des rangées texte + visuel (parc, rotations, TMS) : fenêtre Golden (rayon 14 px, filet 1 px, ombre douce), sans halo, largeur maîtrisée ---------- */
main.gb-page .dsx .sc-fig{max-width:600px;margin:0 auto}
main.gb-page .dsx .sc-glow{display:none}
main.gb-page .dsx .sc-fig img{border-radius:14px;box-shadow:0 24px 46px -30px rgba(12,14,18,.35),0 0 0 1px rgba(16,24,40,.08)}
main.gb-page .dsx{align-items:center}

/* ---------- Cycle en cinq étapes : cartes → colonnes ouvertes à filets, numéro en pastille ronde (composant étapes de la Golden) ---------- */
main.gb-page .steplist.steps5{gap:clamp(22px,3vw,34px) 0;justify-content:flex-start}
main.gb-page .steplist.steps5 .step{background:none!important;border:0!important;border-left:1px solid var(--line)!important;border-radius:0!important;box-shadow:none!important;padding:4px clamp(18px,2.4vw,32px) 6px!important;margin:0!important;display:flex;flex-direction:column;gap:10px}
main.gb-page .steplist.steps5 .step:first-child{border-left:0!important;padding-left:0!important}
main.gb-page .steplist.steps5 .step .num{width:34px;height:34px;border-radius:50%!important;padding:0!important;font-size:.92rem;font-weight:700;display:inline-grid!important;place-items:center;font-variant-numeric:tabular-nums;margin:0 0 4px}
main.gb-page .steplist.steps5 .step h3{font-size:1.18rem;letter-spacing:-.015em;line-height:1.15;margin:0}
main.gb-page .steplist.steps5 .step p{font-size:.97rem;line-height:1.55;margin:0;max-width:34ch}
@media(min-width:1100px){main.gb-page .steplist.steps5 .step{flex:0 1 20%;max-width:20%}}
@media(max-width:1099px) and (min-width:821px){main.gb-page .steplist.steps5 .step{flex:0 1 33.333%;max-width:33.333%}main.gb-page .steplist.steps5 .step:nth-child(4){border-left:0!important;padding-left:0!important}}
@media(max-width:820px) and (min-width:561px){main.gb-page .steplist.steps5 .step{flex:0 1 50%;max-width:50%}main.gb-page .steplist.steps5 .step:nth-child(2n+1){border-left:0!important;padding-left:0!important}}
@media(max-width:560px){main.gb-page .steplist.steps5{gap:0}main.gb-page .steplist.steps5 .step{flex:0 1 100%;max-width:100%;border-left:0!important;border-top:1px solid var(--line)!important;padding:18px 0!important}main.gb-page .steplist.steps5 .step:first-child{border-top:0!important;padding-top:0!important}main.gb-page .steplist.steps5 .step p{max-width:none}}

/* ---------- Questions fréquentes : cartes → lignes à filets (composant FAQ de la Golden) ---------- */
main.gb-page .qa2{background:transparent!important;border:0!important;border-top:1px solid var(--line)!important;border-radius:0!important;margin:0!important;box-shadow:none!important;overflow:visible}
main.gb-page .qa2:last-of-type{border-bottom:1px solid var(--line)!important}
main.gb-page .qa2 summary{padding:16px 4px!important;font-size:1.02rem!important}
main.gb-page .qa2 .qb3{padding:0 44px 18px 4px!important;font-size:.98rem;line-height:1.6;max-width:70ch}
main.gb-page .qa2 .qi3{width:26px!important;height:26px!important;border:1px solid var(--line)!important;background:transparent!important}
main.gb-page .qa2 .qi3::before,main.gb-page .qa2 .qi3::after{background:#2F5BE8!important}

/* ---------- Corrections finales (GO du 12.10, build4) ---------- */
/* Lien de conclusion des colonnes texte (sections rotations et TMS) : même langage que le lien « en savoir plus » de la Golden (tf-more-link / tf-link) : espace réel au-dessus, lien bleu, flèche animée */
main.gb-page .dsx-txt .gb-more{margin:clamp(22px,3vw,30px) 0 0;max-width:none}
main.gb-page .dsx-txt .gb-more .txtlink{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:#2F5BE8;padding:0;margin:0;font-size:1rem;background:none}
main.gb-page .dsx-txt .gb-more .txtlink .ar{color:#2F5BE8;transition:transform .22s ease}
main.gb-page .dsx-txt .gb-more .txtlink:hover{text-decoration:underline;text-underline-offset:3px}
main.gb-page .dsx-txt .gb-more .txtlink:hover .ar{transform:translateX(4px)}
@media(prefers-reduced-motion:reduce){main.gb-page .dsx-txt .gb-more .txtlink .ar{transition:none}}
/* Les deux fenêtres back-office (planning des rotations, chantiers clients) : même système de présentation : même largeur (600 px au bureau), même cadre, même ombre, même emplacement dans leur colonne, même hauteur de scène (celle de la fenêtre la plus haute), fenêtre centrée verticalement ; images à leurs proportions naturelles, jamais déformées ni recadrées */
main.gb-page #rotations .dsx-fig,main.gb-page #tms .dsx-fig{display:flex;align-items:center;justify-content:center;min-height:375px!important}
main.gb-page #rotations .dsx .sc-fig,main.gb-page #tms .dsx .sc-fig{width:100%;max-width:600px;margin:0 auto}
main.gb-page #rotations .dsx .sc-fig img,main.gb-page #tms .dsx .sc-fig img{width:100%;height:auto;object-fit:unset}
@media(max-width:1100px){main.gb-page #rotations .dsx-fig,main.gb-page #tms .dsx-fig{min-height:0!important}}
@media(max-width:700px){main.gb-page #rotations .dsx .sc-fig,main.gb-page #tms .dsx .sc-fig{max-width:none}}