/*
 * BAXARA Platform V5 — Sprint 3.3M Mobile First / Hybridation
 * Version 5.9.0
 * Objectif: transformer le responsive existant en expérience commerciale mobile prioritaire.
 */

/* Touch + performance perceived */
@media (hover:none) and (pointer:coarse){
  a,button,input,select,textarea{touch-action:manipulation}
}

@media (max-width: 780px){
  :root{--bxv5-mobile-bar:68px}
  html{scroll-padding-top:76px;scroll-behavior:smooth}
  body{padding-bottom:calc(var(--bxv5-mobile-bar) + env(safe-area-inset-bottom));overflow-x:hidden}
  .bxv5-container{width:min(100% - 28px,100%)!important}

  /* --- Header mobile réellement compact --- */
  .bxv585-topbar{display:none!important}
  .bxv585-header{position:sticky!important;top:0!important;z-index:1400!important;background:rgba(255,255,255,.98)!important;backdrop-filter:blur(12px);border-bottom:1px solid #dce6ef!important;box-shadow:0 4px 16px rgba(3,38,75,.06)}
  .bxv585-header__inner{min-height:64px!important;padding:7px 0!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important}
  .bxv585-brand{height:48px!important;min-width:0!important;display:flex!important;align-items:center!important}
  .bxv585-brand .bxv5-official-logo--header{width:190px!important;max-width:100%!important;max-height:46px!important;object-fit:contain!important;object-position:left center!important}
  .bxv585-header__inner>.bxv585-search{display:none!important}
  .bxv585-header__actions{display:flex!important;gap:7px!important;align-items:center!important}
  .bxv585-action{display:none!important}
  .bxv5-search-toggle,.bxv5-menu-toggle{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;min-width:42px!important;border:1px solid #d6e2ec!important;border-radius:12px!important;background:#fff!important;color:#03264b!important;font-size:20px!important;box-shadow:none!important}
  .bxv5-menu-toggle{background:#03264b!important;color:#fff!important;border-color:#03264b!important}
  .bxv585-navigation{display:none!important}

  /* Recherche mobile comme panneau plein écran léger */
  .bxv585-search.is-mobile-open,.bxv5-search.is-mobile-open{
    display:block!important;position:fixed!important;inset:64px 0 auto 0!important;top:64px!important;z-index:1700!important;max-width:none!important;padding:14px!important;border:0!important;border-bottom:1px solid #dce6ef!important;border-radius:0!important;background:#fff!important;box-shadow:0 14px 34px rgba(3,38,75,.15)!important
  }
  .bxv585-search.is-mobile-open form,.bxv5-search.is-mobile-open form{display:grid!important;grid-template-columns:1fr auto!important;gap:8px!important}
  .bxv585-search.is-mobile-open input,.bxv5-search.is-mobile-open input{min-height:48px!important;font-size:16px!important;border-radius:12px!important}
  .bxv585-search.is-mobile-open button,.bxv5-search.is-mobile-open form button{min-height:48px!important;border-radius:12px!important}
  .bxv5-search-premium{max-height:calc(100vh - 150px)!important;overflow:auto!important}

  /* Drawer optimisé pouce */
  .bxv5-mobile-drawer__panel{width:min(88vw,360px)!important;padding:18px 18px calc(26px + env(safe-area-inset-bottom))!important;overflow:auto!important}
  .bxv5-mobile-drawer__head{position:sticky;top:0;background:#fff;z-index:2;padding-bottom:14px!important}
  .bxv5-mobile-drawer__brand{max-width:205px!important}
  .bxv5-mobile-drawer__quick{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:8px 0 12px!important}
  .bxv5-mobile-drawer__quick a,.bxv5-mobile-catalog-trigger,.bxv5-mobile-menu a,.bxv5-mobile-drawer .bxv5-button{min-height:48px!important;border-radius:12px!important;display:flex!important;align-items:center!important}
  .bxv5-mobile-menu{margin:10px 0 16px!important}
  .bxv5-mobile-menu li{border-bottom:1px solid #edf2f6!important}
  .bxv5-mobile-menu a{font-size:15px!important;font-weight:800!important;color:#03264b!important;padding:0 4px!important}

  /* --- Hero mobile: moins haut, lisible, visuel conservé --- */
  .bxv585-hero .bxv5-hero__track{min-height:520px!important;height:520px!important}
  .bxv585-hero .bxv5-hero-slide{min-height:520px!important}
  .bxv585-hero .bxv5-hero-slide__background{object-position:72% center!important}
  .bxv585-hero .bxv5-hero-slide__overlay{background:linear-gradient(90deg,#03264b 0%,#03264b 64%,rgba(3,38,75,.80) 82%,rgba(3,38,75,.34) 100%)!important}
  .bxv585-hero .bxv5-hero-slide__content{padding:38px 0 56px!important;align-items:flex-end!important}
  .bxv585-hero .bxv5-hero-slide__copy{width:88%!important;max-width:460px!important}
  .bxv585-hero .bxv5-hero-slide__eyebrow{font-size:11px!important;letter-spacing:.09em!important}
  .bxv585-hero .bxv5-hero-slide__title{font-size:clamp(38px,12vw,56px)!important;line-height:.96!important;letter-spacing:-.04em!important;margin:12px 0!important}
  .bxv585-hero .bxv5-hero-slide__text{font-size:15px!important;line-height:1.5!important;max-width:36ch!important}
  .bxv585-hero .bxv5-hero-slide__badges{display:flex!important;gap:7px!important;overflow:auto!important;padding-bottom:4px!important;scrollbar-width:none}
  .bxv585-hero .bxv5-hero-slide__badges::-webkit-scrollbar{display:none}
  .bxv585-hero .bxv5-hero-slide__actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important}
  .bxv585-hero .bxv5-button{min-height:48px!important;padding:10px 12px!important;font-size:13px!important;text-align:center!important;justify-content:center!important}
  .bxv585-hero .bxv5-hero__arrow{width:42px!important;height:42px!important}
  .bxv585-hero .bxv5-hero__arrow--prev{left:8px!important}.bxv585-hero .bxv5-hero__arrow--next{right:8px!important}

  /* --- Homepage: sections courtes et scannables --- */
  .bxv586-trust{overflow:hidden!important}
  .bxv586-trust__grid{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory;gap:0!important;padding:0 14px!important;width:100%!important;scrollbar-width:none}
  .bxv586-trust__grid::-webkit-scrollbar{display:none}
  .bxv586-trust__grid article{min-width:78vw!important;scroll-snap-align:start!important;padding:14px 10px!important}

  .bxv586-section,.bxv587-section{padding-top:48px!important;padding-bottom:48px!important}
  .bxv586-section-heading,.bxv587-section-heading{margin-bottom:22px!important}
  .bxv586-section-heading h2,.bxv587-section-heading h2{font-size:clamp(31px,9vw,42px)!important;line-height:1.02!important;letter-spacing:-.035em!important}

  /* Univers en carrousel horizontal plutôt que 6 cartes empilées */
  .bxv586-universes__grid{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;gap:12px!important;padding:3px 14px 16px!important;margin-left:-14px!important;margin-right:-14px!important;scrollbar-width:none!important}
  .bxv586-universes__grid::-webkit-scrollbar{display:none}
  .bxv586-universes__grid article{min-width:82vw!important;max-width:82vw!important;scroll-snap-align:start!important;padding:22px!important;min-height:230px!important}

  /* Produits: carrousel horizontal mobile, action immédiate */
  .bxv586-products .bxv56r-product-grid,.bxv587-products .bxv56r-product-grid,.bxv56r-product-grid{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;gap:12px!important;padding:4px 14px 18px!important;margin-left:-14px!important;margin-right:-14px!important;scrollbar-width:none!important}
  .bxv56r-product-grid::-webkit-scrollbar{display:none}
  .bxv56r-product-grid>*{min-width:82vw!important;max-width:82vw!important;scroll-snap-align:center!important}
  .bxv57a-product-card{border-radius:18px!important;overflow:hidden!important}
  .bxv57a-product-card__image{aspect-ratio:1/1!important;min-height:0!important}
  .bxv57a-product-card__content{padding:15px!important}
  .bxv57a-product-card .bxv5-button{min-height:48px!important;width:100%!important}

  /* Parcours et MPS */
  .bxv586-commercial-path__inner,.bxv586-mps__inner{grid-template-columns:1fr!important;gap:24px!important}
  .bxv586-commercial-path__steps{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;gap:12px!important;padding-bottom:8px!important;scrollbar-width:none}
  .bxv586-commercial-path__steps article{min-width:78vw!important;scroll-snap-align:start!important}
  .bxv586-mps__card{padding:20px!important}

  /* Marques: défilement horizontal compact */
  .bxv586-brands__grid{display:flex!important;overflow-x:auto!important;gap:10px!important;scroll-snap-type:x mandatory!important;padding-bottom:10px!important;scrollbar-width:none}
  .bxv586-brands__grid>*{min-width:44vw!important;scroll-snap-align:start!important}

  /* CTA final */
  .bxv586-final-cta__inner{padding:28px 22px!important;border-radius:20px!important;grid-template-columns:1fr!important;gap:20px!important}
  .bxv586-final-cta h2{font-size:34px!important;line-height:1.02!important}
  .bxv586-final-cta__actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;width:100%!important}
  .bxv586-final-cta .bxv5-button{min-height:50px!important;justify-content:center!important}

  /* --- Catalogue mobile --- */
  .bxv56r-catalog-hero{padding:34px 0!important}
  .bxv56r-catalog-hero__inner{grid-template-columns:1fr!important;gap:18px!important}
  .bxv56r-catalog-hero h1{font-size:38px!important;line-height:1!important}
  .bxv56r-catalog-hero__promise{display:none!important}
  .bxv56r-category-navigation{position:sticky!important;top:64px!important;z-index:900!important;background:#fff!important;border-bottom:1px solid #e6edf3!important}
  .bxv56r-category-navigation__track{display:flex!important;overflow-x:auto!important;flex-wrap:nowrap!important;gap:8px!important;padding-bottom:10px!important;scrollbar-width:none!important}
  .bxv56r-category-navigation__track a{white-space:nowrap!important;min-height:42px!important;display:flex!important;align-items:center!important}
  .bxv56r-catalog-toolbar{grid-template-columns:1fr auto!important;gap:10px!important;position:sticky!important;top:112px!important;z-index:850!important;background:#fff!important;padding:10px 0!important}
  .bxv56r-catalog-toolbar__search{grid-column:1/-1!important;order:-1!important}
  .bxv56r-catalog-toolbar__search input{min-height:46px!important;font-size:16px!important}
  .bxv56r-catalog-layout{display:block!important}
  .bxv56r-filter-sidebar{position:fixed!important;z-index:1800!important;inset:auto 0 0 0!important;max-height:78vh!important;width:100%!important;border-radius:22px 22px 0 0!important;transform:translateY(105%)!important;transition:transform .25s ease!important;overflow:auto!important;padding-bottom:calc(22px + env(safe-area-inset-bottom))!important}
  .bxv56r-filter-sidebar.is-open,.bxv56r-filter-sidebar[aria-hidden="false"]{transform:translateY(0)!important}
  .bxv56r-catalog-results .products,.woocommerce ul.products{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}

  /* --- Fiche produit mobile --- */
  .bxv57b-breadcrumbs{font-size:11px!important;white-space:nowrap!important;overflow-x:auto!important}
  .bxv57b-product-hero{grid-template-columns:1fr!important;gap:18px!important}
  .bxv57b-product-visual{border-radius:18px!important;padding:12px!important}
  .bxv57b-product-visual__stage{min-height:0!important}
  .bxv57b-product-visual__stage img{max-height:58vh!important;object-fit:contain!important}
  .bxv57b-product-summary h1{font-size:36px!important;line-height:1!important}
  .bxv57b-product-summary__meta{display:flex!important;overflow-x:auto!important;flex-wrap:nowrap!important;gap:7px!important;scrollbar-width:none!important}
  .bxv57b-product-summary__meta>*{white-space:nowrap!important}
  .bxv57b-product-quote{padding:18px!important;border-radius:18px!important}
  .bxv57b-product-quote__actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .bxv57b-product-quote__actions .bxv5-button{min-height:50px!important;padding:10px!important;font-size:13px!important}
  .bxv57b-product-quote__callback{grid-column:1/-1!important;min-height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important}
  .bxv57b-product-audiences{overflow-x:auto!important;flex-wrap:nowrap!important;scrollbar-width:none!important}
  .bxv57b-product-audiences>*{white-space:nowrap!important}
  .bxv57b-story__benefits,.bxv57b-service-grid,.bxv58-deployment-grid{grid-template-columns:1fr!important}
  .bxv57b-product-content__nav{position:sticky!important;top:64px!important;z-index:800!important;display:flex!important;overflow-x:auto!important;flex-wrap:nowrap!important;background:#fff!important;border-bottom:1px solid #e6edf3!important;scrollbar-width:none!important}
  .bxv57b-product-content__nav a{white-space:nowrap!important;min-height:46px!important;display:flex!important;align-items:center!important}
  .bxv57b-content-panel{scroll-margin-top:118px!important}
  .bxv58-compatible-products{display:flex!important;overflow-x:auto!important;gap:12px!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important}
  .bxv58-compatible-products>*{min-width:74vw!important;scroll-snap-align:start!important}
  .bxv57b-related-products .bxv56r-product-grid>*{min-width:78vw!important}
  .bxv57b-final-cta{padding:28px 18px!important;border-radius:20px!important}

  /* --- Footer compact mobile --- */
  .bxv585-footer{padding-bottom:0!important}
  .bxv585-footer__grid{grid-template-columns:1fr 1fr!important;gap:26px 18px!important;padding-top:36px!important;padding-bottom:30px!important}
  .bxv585-footer__brand{grid-column:1/-1!important}
  .bxv585-footer__brand .bxv5-official-logo--footer{width:250px!important;max-width:90%!important}
  .bxv585-footer__contact{grid-column:1/-1!important}
  .bxv585-footer__bottom .bxv5-container{display:block!important;text-align:center!important}
  .bxv585-footer__bottom span{display:block!important;margin:5px 0!important}

  /* --- Barre d'actions mobile persistante --- */
  .bxv590-mobile-bottom{
    position:fixed;left:0;right:0;bottom:0;z-index:2000;height:calc(var(--bxv5-mobile-bar) + env(safe-area-inset-bottom));padding:4px 6px env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(5,1fr);background:rgba(255,255,255,.98);border-top:1px solid #dce6ef;box-shadow:0 -8px 26px rgba(3,38,75,.12);backdrop-filter:blur(14px)
  }
  .bxv590-mobile-bottom a,.bxv590-mobile-bottom button{appearance:none;border:0;background:transparent;color:#526578;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;font-size:9px;font-weight:900;line-height:1.1;padding:3px}
  .bxv590-mobile-bottom .bxv590-icon{font-size:19px;line-height:1}
  .bxv590-mobile-bottom .is-primary{color:#119d2b}
  .bxv590-mobile-bottom .is-quote{color:#03264b}

  /* Produit: barre action 2 boutons, plus efficace que 5 icônes */
  body.single-product .bxv590-mobile-bottom{grid-template-columns:1fr 1fr;height:calc(64px + env(safe-area-inset-bottom));gap:8px;padding:7px 10px env(safe-area-inset-bottom)}
  body.single-product .bxv590-mobile-bottom>*{border-radius:12px!important;display:flex!important;flex-direction:row!important;gap:7px!important;font-size:13px!important}
  body.single-product .bxv590-mobile-bottom .is-product-wa{background:#fff!important;color:#119d2b!important;border:1px solid #22b63a!important}
  body.single-product .bxv590-mobile-bottom .is-product-quote{background:#29c62f!important;color:#041f3c!important;font-weight:950!important}
}

@media (max-width: 390px){
  .bxv585-brand .bxv5-official-logo--header{width:165px!important}
  .bxv585-header__inner{grid-template-columns:minmax(0,1fr) auto!important}
  .bxv5-search-toggle,.bxv5-menu-toggle{width:39px!important;height:39px!important;min-width:39px!important}
  .bxv585-hero .bxv5-hero-slide__title{font-size:39px!important}
  .bxv585-hero .bxv5-hero-slide__actions{grid-template-columns:1fr!important}
  .bxv586-universes__grid article,.bxv56r-product-grid>*{min-width:88vw!important;max-width:88vw!important}
}