/* PIECES BYD - CSS mobile global (toutes pages) */
.bydnav,.bydlegal{display:none}
@media (max-width: 767px){
  /* menu VIN + Modele masques partout */
  #cms-page-6, #category-3{display:none !important;}
  /* entree Pneus retiree du menu mobile */
  #lnk-pneus{display:none !important;}

  /* burger : au-dessus de tout, zone tactile elargie + centre verticalement */
  body #header #menu-icon{
    position:relative !important;
    z-index:2000 !important;
    pointer-events:auto !important;
    cursor:pointer !important;
    padding:0 12px !important;
    min-width:44px !important;
    height:50px !important;
    min-height:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }
  #mobile_top_menu_wrapper{z-index:1999 !important; position:relative !important;}

  /* bandeau du haut : plus compact */
  body #header .header-top{
    padding:0 !important;
    height:50px !important;
    min-height:50px !important;
    overflow:visible !important;
  }
  body #header .header-top > .container{height:auto !important;min-height:0 !important;}
  body #header .header-top > .container > .row{height:50px !important;min-height:0 !important;}
  body #header .header-top #search_widget{display:none !important;}

  /* logo, compte et panier : meme hauteur, centres sur la meme ligne */
  body #header #_mobile_logo, body #header .top-logo{
    min-height:0 !important;
    height:50px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 !important;
  }
  body #header #_mobile_logo a{
    display:flex !important;
    align-items:center !important;
    height:auto !important;
    margin:0 !important;
  }
  body #header #_mobile_logo img{
    max-height:28px !important;
    width:auto !important;
    height:auto !important;
    margin:0 !important;
  }
  body #header #_mobile_cart, body #header #_mobile_user_info{
    height:50px !important;
    min-height:0 !important;
    display:flex !important;
    align-items:center !important;
  }
  /* contenu interne du bloc compte : annuler le margin-top qui le decalait */
  body #header #_mobile_user_info .user-info{
    margin-top:0 !important;
    margin-bottom:0 !important;
    height:auto !important;
    display:flex !important;
    align-items:center !important;
  }
  body #header #_mobile_user_info .user-info > *{
    display:flex !important;
    align-items:center !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
  }
  /* contenu interne du panier */
  body #header #_mobile_cart .blockcart{
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
  }

  /* barre visible (burger/logo/icones) centree verticalement dans le bandeau */
  body #header .header-nav{
    top:0 !important;
    bottom:auto !important;
    transform:none !important;
    height:auto !important;
  }

  /* icone du burger : line-height 50px du theme la poussait vers le bas */
  body #header #menu-icon i,
  body #header #menu-icon .material-icons{
    line-height:1 !important;
    height:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    vertical-align:middle !important;
  }

  /* ===== Barre de navigation basse (style application) ===== */
  body .bydnav{
    display:flex !important;
    position:fixed !important;
    left:0 !important; right:0 !important; bottom:0 !important;
    z-index:3000 !important;
    background:#ffffff !important;
    border-top:1px solid #e5eaf2 !important;
    box-shadow:0 -2px 12px rgba(20,40,80,.07) !important;
    justify-content:space-around !important;
    align-items:stretch !important;
    height:56px !important;
    padding:0 !important; margin:0 !important;
    padding-bottom:env(safe-area-inset-bottom, 0px) !important;
  }
  body .bydnav .bydnav-i{
    flex:1 1 0 !important;
    min-width:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:3px !important;
    text-decoration:none !important;
    color:#5b6b82 !important;
    font-size:9.5px !important;
    font-weight:600 !important;
    letter-spacing:.2px !important;
    padding:0 2px !important;
  }
  body .bydnav .bydnav-i svg{width:21px !important;height:21px !important;flex:0 0 auto !important;}
  body .bydnav .bydnav-i span{
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    max-width:100% !important;
    line-height:1 !important;
  }
  /* rubrique active mise en avant */
  body#index .bydnav .bydnav-i[data-nav="accueil"],
  body#cart .bydnav .bydnav-i[data-nav="panier"],
  body#my-account .bydnav .bydnav-i[data-nav="compte"],
  body#authentication .bydnav .bydnav-i[data-nav="compte"]{color:#2563eb !important;}
  /* place reservee pour que la barre ne masque pas le bas du contenu */
  body{padding-bottom:92px !important;}
  /* le burger du haut est remplace par la barre du bas */
  body #header #menu-icon{display:none !important;}

  /* panier et compte retires du haut (ils sont dans la barre du bas) */
  body #header #_mobile_cart, body #header #_mobile_user_info{display:none !important;}

  /* ===== Ligne de liens legaux (au-dessus de la barre du bas) ===== */
  body #footer > .container,
  body #footer > .footer-container,
  body #footer > #byd-footer{display:none !important;}
  body #footer{background:none !important;padding:0 !important;margin:0 !important;margin-top:0 !important;border:0 !important;}
  body .bydlegal{
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:center !important;
    align-items:center !important;
    gap:4px 8px !important;
    padding:2px 12px 6px !important;
    margin:22px 0 0 !important;
    background:#f4f7fc !important;
    border-top:1px solid #e5eaf2 !important;
    border-bottom:1px solid #e5eaf2 !important;
    margin-bottom:24px !important;
  }
  body .bydlegal a{
    font-size:9.5px !important;
    color:#7b8798 !important;
    text-decoration:none !important;
    white-space:nowrap !important;
  }
  body .bydlegal a:not(:last-of-type)::after{content:"\00B7" !important;color:#c3ccd8 !important;margin-left:8px !important;}
  body .bydlegal .bydlegal-c{
    flex:1 1 100% !important;
    text-align:center !important;
    font-size:9px !important;
    color:#9aa5b4 !important;
    margin-top:2px !important;
  }

  body#index #byd-home .stats,#byd-home .stats{margin-bottom:0 !important;}

  /* marge du footer : custom.css impose 33px avec une specificite superieure */
  html body#index #footer, html body #footer, html body#index .page-footer, html body .page-footer{
    margin-top:0 !important; margin-bottom:0 !important; padding-top:0 !important;
  }
}


@media (max-width:767px){
/* ACCESSOIRES-GRILLE-2COL */
body[id^="module-bydvinlookup-"] #gaList{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:10px!important}
body[id^="module-bydvinlookup-"] #gaList>.ga-row{display:flex!important;flex-direction:column!important;width:auto!important;margin:0!important;padding:9px!important;gap:6px!important;border-radius:14px!important}
body[id^="module-bydvinlookup-"] #gaList .ga-img{width:100%!important;height:96px!important;flex:0 0 auto!important}
body[id^="module-bydvinlookup-"] #gaList .ga-img img{width:100%!important;height:100%!important;object-fit:contain!important}
body[id^="module-bydvinlookup-"] #gaList .ga-info{width:100%!important;flex:1 1 auto!important}
body[id^="module-bydvinlookup-"] #gaList .ga-typ{font-size:9px!important;margin:0 0 2px!important;line-height:1.2!important}
body[id^="module-bydvinlookup-"] #gaList .ga-name{font-size:12px!important;line-height:1.25!important;margin:0 0 3px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
body[id^="module-bydvinlookup-"] #gaList .ga-desc{display:none!important}
body[id^="module-bydvinlookup-"] #gaList .ga-meta{flex-direction:column!important;gap:1px!important;font-size:9.5px!important;line-height:1.25!important}
body[id^="module-bydvinlookup-"] #gaList .ga-buy{width:100%!important;flex-direction:column!important;align-items:stretch!important;gap:5px!important;margin-top:auto!important}
body[id^="module-bydvinlookup-"] #gaList .ga-px{font-size:15px!important;line-height:1.1!important}
body[id^="module-bydvinlookup-"] #gaList .ga-act{width:100%!important;height:32px!important}
body[id^="module-bydvinlookup-"] #gaList .ga-act *{font-size:11.5px!important}
}
/* FIN-ACCESSOIRES-GRILLE */


@media (max-width:767px){
/* ACCESSOIRES-FILTRES-MOBILE */
body[id^="module-bydvinlookup-"] nav.ga-filters{display:flex!important;flex-direction:column!important;gap:9px!important}
body[id^="module-bydvinlookup-"] nav.ga-filters .ga-group{display:flex!important;flex-direction:column!important;gap:4px!important;margin:0!important}
body[id^="module-bydvinlookup-"] nav.ga-filters .ga-gtitle{margin:0!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.5px!important;opacity:.6!important;line-height:1!important}
body[id^="module-bydvinlookup-"] nav.ga-filters ul{display:grid!important;grid-auto-flow:column!important;grid-template-rows:repeat(2,auto)!important;grid-auto-columns:max-content!important;gap:5px!important;overflow-x:auto!important;overflow-y:hidden!important;margin:0!important;padding:1px 0 3px!important;list-style:none!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important}
body[id^="module-bydvinlookup-"] nav.ga-filters ul::-webkit-scrollbar{display:none!important}
body[id^="module-bydvinlookup-"] nav.ga-filters ul>*{margin:0!important;width:auto!important;max-width:none!important;min-width:0!important}
body[id^="module-bydvinlookup-"] nav.ga-filters label{display:inline-flex!important;align-items:center!important;white-space:nowrap!important;width:auto!important;max-width:none!important;padding:4px 9px!important;font-size:11px!important;line-height:1.25!important;border-radius:999px!important;height:auto!important;min-height:0!important}
}



@media (max-width:767px){
/* PANIER-TOTAUX-MOBILE */
body#cart .cart-summary{padding:14px 15px 4px!important}
body#cart .cart-detailed-subtotals{margin:0!important;padding:0!important}
body#cart .cart-summary-line{display:flex!important;justify-content:flex-start!important;align-items:baseline!important;gap:0!important;padding:5px 0!important;margin:0!important;line-height:1.35!important;height:auto!important;flex-wrap:nowrap!important}
body#cart .cart-summary-line::after,body#cart .cart-summary-line::before{display:none!important;content:none!important}
body#cart .cart-summary-line[style*="display: none"],body#cart .cart-summary-line[style*="display:none"]{display:none!important}
body#cart .cart-summary-line .label{flex:1 1 auto!important;float:none!important;font-size:13.5px!important;color:#5a6b8c!important;font-weight:400!important;padding:0 10px 0 0!important;margin:0!important}
body#cart .cart-summary-line .value{flex:0 0 auto!important;float:none!important;white-space:nowrap!important;font-size:13.5px!important;font-weight:600!important;color:#0d1b36!important;text-align:right!important;padding:0!important;margin:0 0 0 auto!important}
body#cart .cart-total{border-top:1px solid #e3e9f4!important;margin:8px 0 0!important;padding:11px 0 6px!important;height:auto!important}
body#cart .cart-total .label{font-size:15px!important;font-weight:700!important;color:#0d1b36!important}
body#cart .cart-total .value{font-size:19px!important;font-weight:700!important;color:#2563eb!important}
body#cart .cart-detailed-actions{padding:10px 0 4px!important}
}

@media (max-width:767px){
/* PANIER-BOUTON-IMPRESSION */
.aurora-print-btn{display:none!important}
}

@media (max-width:767px){
/* COMPTE-MOBILE */
body#my-account .links{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin:0!important;padding:0 15px!important}
body#my-account .links>*:empty{display:none!important}
body#my-account .links>a{display:block!important;width:auto!important;max-width:none!important;flex:none!important;margin:0!important;padding:0!important}
body#my-account .links .link-item{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;height:100%!important;min-height:92px!important;padding:12px 8px!important;border-radius:14px!important;background:#fff!important;border:0!important;box-shadow:0 2px 10px rgba(20,40,90,.07)!important;font-size:10.5px!important;line-height:1.3!important;font-weight:700!important;letter-spacing:.2px!important;color:#0d1b36!important}
body#my-account .links .link-item i,body#my-account .links .link-item .material-icons{font-size:24px!important;line-height:1!important;margin:0 0 7px!important;color:#2563eb!important;display:block!important}
}

@media (max-width:767px){
/* CONNEXION-MOBILE */
body#authentication #content.page-content{padding:24px 18px 22px!important}
body#authentication .login-form,body#authentication #login-form{width:auto!important;max-width:none!important}
body#authentication #login-form button[type=submit],body#authentication .form-footer button[type=submit]{width:100%!important;height:46px!important;font-size:15px!important;border-radius:10px!important;margin:0!important}
body#authentication .form-footer{padding:0!important;margin:14px 0 0!important;text-align:left!important}
body#authentication .input-group-btn>button,body#authentication button[data-action="show-password"]{font-size:11px!important;padding:0 12px!important;min-width:0!important;width:auto!important}
body#authentication .form-control{font-size:15px!important;height:44px!important}
}


@media (max-width:767px){
/* CONNEXION-COULEURS */
body#authentication main{background-image:none!important;background-color:#e8eef7!important}
body#authentication,html body#authentication{background-color:#e8eef7!important}
body#authentication #content.page-content{background-color:#ffffff!important;box-shadow:0 3px 16px rgba(13,27,54,.09)!important;border-radius:16px!important}
body#authentication #content h1,body#authentication #content .h1,body#authentication .page-header h1{font-size:19px!important;font-weight:700!important;line-height:1.25!important;border-left:0!important;border:0!important;padding-left:0!important;margin:0 0 14px!important}
body#authentication .form-control{background-color:#f6f8fc!important;border:1px solid #dbe3f0!important}
}

@media (min-width:768px){
/* BUREAU-CARTE-CONNEXION */
body#authentication #content.page-content,body#password #content.page-content,body#registration #content.page-content{background-color:#ffffff!important}
}