/* Livraison++ R23.5 — MOBILE PAGES SEPAREES */
.mobile-page-directory,.mobile-page-bar{display:none}

@media(max-width:760px){
  /* Une page = un écran logique, avec un cadre principal. */
  body[data-site-page]:not([data-site-page="home"]){background:#03080c}
  body[data-site-page]:not([data-site-page="home"]) main.shell.page,
  body[data-site-page]:not([data-site-page="home"]) main.shell.content-page{
    width:calc(100% - 18px)!important;
    margin:10px auto 14px!important;
    padding:9px!important;
    border:1px solid #25333b!important;
    border-radius:16px!important;
    background:linear-gradient(180deg,#081116,#050b0f)!important;
    box-shadow:0 16px 38px rgba(0,0,0,.3)!important;
  }

  /* Barre de page mobile : retour + nom de la page. */
  .mobile-page-bar{
    display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;
    width:calc(100% - 18px);margin:8px auto 0;padding:8px 9px;
    border:1px solid #24323a;border-radius:12px;background:#071015;
  }
  .mobile-page-bar a{color:#ffc21b;text-decoration:none;font-size:10px;font-weight:900;white-space:nowrap}
  .mobile-page-bar strong{color:#fff;text-align:center;font-size:11px;letter-spacing:.03em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .mobile-page-bar .mobile-page-home{width:30px;height:30px;display:grid;place-items:center;border:1px solid #33424b;border-radius:9px;color:#fff;font-size:14px}

  /* Accueil mobile = portail de navigation, pas une longue page de contenu. */
  body[data-site-page="home"] main.page{padding-bottom:10px!important}
  body[data-site-page="home"] main.page > *{display:none!important}
  body[data-site-page="home"] main.page > .hero-grid,
  body[data-site-page="home"] main.page > .mobile-page-directory{display:block!important}
  body[data-site-page="home"] .hero-grid .track-card{display:none!important}
  body[data-site-page="home"] .hero{min-height:0!important;padding:18px 15px!important;border-radius:15px!important}
  body[data-site-page="home"] .hero .route-art,
  body[data-site-page="home"] .hero .hero-trust{display:none!important}
  body[data-site-page="home"] .hero h1{font-size:clamp(29px,8.4vw,38px)!important;line-height:1!important}
  body[data-site-page="home"] .hero p{font-size:11.5px!important;line-height:1.5!important}
  body[data-site-page="home"] .hero-buttons{grid-template-columns:1fr!important}

  .mobile-page-directory{margin-top:10px!important}
  .mobile-page-directory h2{font-size:13px;margin:0 0 8px;color:#fff}
  .mobile-page-directory>p{font-size:9px;color:#94a3ab;margin:0 0 10px;line-height:1.4}
  .mobile-page-directory-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .mobile-page-link{
    min-height:88px;padding:12px 10px;display:flex;flex-direction:column;justify-content:space-between;gap:6px;
    border:1px solid #283740;border-radius:13px;background:linear-gradient(180deg,#0a141a,#060c10);
    color:#fff;text-decoration:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)
  }
  .mobile-page-link.primary{border-color:#9a7510;background:linear-gradient(180deg,#181505,#090d0f)}
  .mobile-page-link i{font-style:normal;font-size:20px;color:#ffc21b}
  .mobile-page-link strong{font-size:11px;line-height:1.15}
  .mobile-page-link small{font-size:8px;line-height:1.25;color:#8fa0a8}

  /* Services = répertoire; chaque carte ouvre sa vraie page dédiée. */
  body[data-site-page="services"] .page-head{margin-bottom:8px!important}
  body[data-site-page="services"] .service-row{gap:8px!important}
  body[data-site-page="services"] .service-card{
    min-height:70px!important;border:1px solid #293841!important;border-radius:12px!important;background:#071015!important
  }
  body[data-site-page="services"] .service-card:active{border-color:#ffc21b!important;transform:scale(.99)}

  /* Détails service, tarifs, entreprise, suivi et contact sont chacun encadrés. */
  body[data-site-page^="service-"] .page-head,
  body[data-site-page="tarifs"] .page-head,
  body[data-site-page="entreprises"] .page-head,
  body[data-site-page="routes-recurrentes"] .page-head,
  body[data-site-page="a-propos"] .page-head,
  body[data-site-page="contact"] .page-head,
  body[data-site-page="suivi"] .tracking-full{
    border-color:#34444d!important;border-radius:13px!important;background:#071015!important
  }
  body[data-site-page^="service-"] .cards3,
  body[data-site-page="entreprises"] .cards3,
  body[data-site-page="contact"] .contact-grid{margin-top:8px!important}
  body[data-site-page^="service-"] .info-card,
  body[data-site-page="entreprises"] .info-card,
  body[data-site-page="contact"] .contact-card{
    border:1px solid #25343c!important;border-radius:11px!important;background:#050c10!important
  }

  /* L'application livreur a déjà sa page séparée. Aucun bandeau qui encombre chaque page. */
  body[data-site-page] .mobile-driver-app{display:none!important}

  /* Commande dédiée : elle ne contient plus le reste du vieux site. */
  body.order-only-page .announcement-bar,
  body.order-only-page .mobile-action-bar{display:none!important}
  body.order-only-page .site-header{position:sticky;top:0;z-index:130}
  body.order-only-page .order-only-main{width:100%;padding:8px 0 18px}
  body.order-only-page #commande{
    width:calc(100% - 18px);margin:0 auto;padding:12px!important;
    border:1px solid #2c3b43!important;border-radius:16px!important;background:#071015!important
  }
  body.order-only-page .order-heading{margin-bottom:10px!important}
  body.order-only-page .order-heading h2{font-size:clamp(24px,7vw,32px)!important;line-height:1.05!important}
  body.order-only-page .order-layout{grid-template-columns:1fr!important;gap:10px!important}
  body.order-only-page .order-form,
  body.order-only-page .quote-panel{border-radius:12px!important}
  body.order-only-page .quote-panel{position:static!important;top:auto!important}
}

@media(max-width:380px){
  .mobile-page-directory-grid{grid-template-columns:1fr}
  .mobile-page-link{min-height:68px}
}