/* PAC Navigation V2 — en-tête desktop/tablette (>=768px, seuil tagDiv) + tiroir mobile Newspaper (<768px). Aucun !important. */
:root{--pacn-bg:#0b0b0c;--pacn-bg2:#17171a;--pacn-line:#2a2a2e;--pacn-red:#ec3535;--pacn-fg:#fff;--pacn-mut:#b9bbc2;--pacn-h:72px}

/* ---------- Desktop : bandeau noir + filet rouge ---------- */
/* Le fond du bandeau est piloté par la variable de couleur du thème (--custom-color-1, posée avec !important sur les rangées) :
   on la redéfinit localement pour l'en-tête, sans lutter contre le !important. */
.td-header-desktop-wrap,.td-header-desktop-sticky-wrap,.td-header-mobile-wrap,.td-header-mobile-sticky-wrap{--custom-color-1:var(--pacn-bg)}
/* les colonnes n'ont pas à repeindre le fond : seule la rangée porte le noir et le filet rouge */
.td-header-desktop-wrap .vc_column>.td-element-style,.td-header-desktop-sticky-wrap .vc_column>.td-element-style,
.td-header-mobile-wrap .vc_column>.td-element-style,.td-header-mobile-sticky-wrap .vc_column>.td-element-style{--custom-color-1:transparent}
.td-header-mobile-wrap .vc_row>.td-element-style,.td-header-mobile-sticky-wrap .vc_row>.td-element-style{box-shadow:inset 0 -3px 0 var(--pacn-red)}
@media (min-width:768px){
  /* fond noir et filet rouge posés sur le conteneur pleine largeur (la rangée peut être décalée, voir plus bas) */
  .td-header-desktop-wrap,.td-header-desktop-sticky-wrap{background:var(--pacn-bg)}
  .td-header-desktop-wrap{position:relative}
  .td-header-desktop-wrap:after,.td-header-desktop-sticky-wrap:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--pacn-red);z-index:5;pointer-events:none}
  /* lien « Outils » (/#outils) : le titre ne passe pas sous l'en-tête collant */
  #outils{scroll-margin-top:110px}
  /* filets gris clair (#eaeaea) posés par le gabarit sur rangées/colonnes, avec !important : invisibles sur fond blanc, parasites sur le noir.
     Seule exception !important de ce fichier, strictement limitée à la couleur de bordure de ces conteneurs. */
  .td-header-desktop-wrap .vc_row,.td-header-desktop-wrap .vc_column,
  .td-header-desktop-sticky-wrap .vc_row,.td-header-desktop-sticky-wrap .vc_column{border-color:transparent!important}
  .td-header-desktop-wrap .tdb_header_menu .tdb-menu>li>a,
  .td-header-desktop-sticky-wrap .tdb_header_menu .tdb-menu>li>a{position:relative;padding:0 14px;color:var(--pacn-fg);text-decoration:none}
  .td-header-desktop-wrap .tdb_header_menu .tdb-menu>li>a .tdb-menu-item-text,
  .td-header-desktop-sticky-wrap .tdb_header_menu .tdb-menu>li>a .tdb-menu-item-text{font-family:Roboto,Arial,sans-serif;font-size:15px;font-weight:600;letter-spacing:.01em;text-transform:none;color:var(--pacn-fg)}
  /* indicateur : trait rouge fin (au lieu de la boîte pleine du style tagDiv) */
  .td-header-desktop-wrap .tdb_header_menu .tdb-menu>li>a:after,
  .td-header-desktop-sticky-wrap .tdb_header_menu .tdb-menu>li>a:after{content:"";position:absolute;left:14px;right:14px;top:auto;bottom:calc(50% - 20px);width:auto;height:3px;border-radius:2px;background:var(--pacn-red);opacity:0;transform:scaleX(.4);transition:opacity .15s,transform .15s}
  .td-header-desktop-wrap .tdb_header_menu .tdb-menu>li:hover>a:after,
  .td-header-desktop-wrap .tdb_header_menu .tdb-menu>li.current-menu-item>a:after,
  .td-header-desktop-wrap .tdb_header_menu .tdb-menu>li.pacn-open>a:after,
  .td-header-desktop-wrap .tdb_header_menu .tdb-menu>li>a:focus-visible:after,
  .td-header-desktop-sticky-wrap .tdb_header_menu .tdb-menu>li:hover>a:after,
  .td-header-desktop-sticky-wrap .tdb_header_menu .tdb-menu>li.current-menu-item>a:after,
  .td-header-desktop-sticky-wrap .tdb_header_menu .tdb-menu>li.pacn-open>a:after{opacity:1;transform:none}
  .tdb_header_menu .tdb-menu>li>a:focus-visible,
  .tdb_header_search .tdb-head-search-btn:focus-visible{outline:2px solid #fff;outline-offset:2px;border-radius:3px}

  /* méga-menus : le panneau (li.menu-item-0) seul est affiché ; les entrées Nav frères servent le menu mobile */
  .tdb_header_menu .tdb-menu>li.pacnav-mega>ul.sub-menu>li:not(.menu-item-0){display:none}
  /* panneau « Marques & modèles » : marques + modèles + pilules carrosserie/énergie côte à côte */
  .tdb_header_menu .tdb-menu>li.pacnav-mega>ul.sub-menu>li.menu-item-0>.tdb-menu-item-text:has(.pacmm-mode-models){display:flex;align-items:flex-start;max-width:1200px;margin:0 auto}
  .tdb_header_menu .tdb-menu>li.pacnav-mega .pacmm:not(.pacmm-mode-models){flex:1 1 0;min-width:0;max-width:none;margin:0}
  .tdb_header_menu .tdb-menu>li.pacnav-mega .pacmm.pacmm-mode-models{flex:0 0 400px;max-width:400px;margin:0;padding-left:0}
  .tdb_header_menu .tdb-menu>li.pacnav-mega .pacmm-mode-models .pacmm-all{display:none}/* doublon de « Tous les modèles » déjà présent dans la colonne Modèles */

  .tdb_header_search .tdb-head-search-btn .tdb-search-icon-svg svg,
  .tdb_header_search .tdb-head-search-btn .tdb-search-icon-svg svg *{fill:var(--pacn-fg)}
  .tdb_header_search .tdb-search-form{border-top-color:var(--pacn-red)}
}

/* ---------- Mobile : tiroir opaque ---------- */
@media (max-width:767px){
  #td-mobile-nav{background:var(--pacn-bg);overflow:hidden}
  #td-mobile-nav .td-mobile-container{display:flex;flex-direction:column;height:100%;background:var(--pacn-bg);padding:0}
  #td-mobile-nav .td-menu-socials-wrap{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;min-height:64px;padding:0 8px 0 20px;border-bottom:3px solid var(--pacn-red);background:var(--pacn-bg)}
  #td-mobile-nav .td-menu-socials-wrap:before{content:"Menu";color:var(--pacn-fg);font:700 18px/1 Roboto,Arial,sans-serif;order:0}
  #td-mobile-nav .td-menu-socials{display:none}
  #td-mobile-nav .td-mobile-close{position:static;order:1;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:6px}
  #td-mobile-nav .td-mobile-close span{display:flex;align-items:center;justify-content:center;width:48px;height:48px;color:var(--pacn-fg)}
  #td-mobile-nav .td-mobile-close i{color:var(--pacn-fg);font-size:22px}
  #td-mobile-nav .td-mobile-content{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:8px 0 28px;background:var(--pacn-bg)}
  #td-mobile-nav .td-mobile-content ul{margin:0;padding:0;list-style:none}
  #td-mobile-nav .td-mobile-content li{position:relative;border-bottom:1px solid var(--pacn-line);float:none}
  #td-mobile-nav .td-mobile-content li a{display:block;padding:14px 64px 14px 20px;color:var(--pacn-fg);font:600 18px/1.3 Roboto,Arial,sans-serif;text-transform:none;text-decoration:none;min-height:48px;box-sizing:border-box}
  #td-mobile-nav .td-mobile-content .sub-menu{display:none;background:var(--pacn-bg2)}
  #td-mobile-nav .td-mobile-content li.td-sub-menu-open>.sub-menu,
  #td-mobile-nav .td-mobile-content li.pacn-sub-open>.sub-menu{display:block}
  #td-mobile-nav .td-mobile-content .sub-menu li{border-bottom-color:var(--pacn-line)}
  #td-mobile-nav .td-mobile-content .sub-menu li a{padding:12px 20px 12px 36px;font-size:16px;font-weight:500;color:#e8e9ec}
  #td-mobile-nav .td-mobile-content .sub-menu .sub-menu li a{padding-left:52px;font-size:15px;color:var(--pacn-mut)}
  #td-mobile-nav .td-mobile-content li>a>i.td-element-after{position:absolute;top:0;right:0;width:56px;height:100%;display:flex;align-items:center;justify-content:center;color:var(--pacn-fg);border-left:1px solid var(--pacn-line);cursor:pointer;transition:transform .15s}
  #td-mobile-nav .td-mobile-content li.pacn-sub-open>a>i.td-element-after{transform:rotate(90deg)}
  #td-mobile-nav a:focus-visible,#td-mobile-nav [role=button]:focus-visible{outline:3px solid #fff;outline-offset:-3px;border-radius:2px}
  .td-menu-background{background:var(--pacn-bg);opacity:1}
  /* bouton burger et recherche mobiles : cibles tactiles >= 44px, focus visible */
  /* zone tactile >= 44px sans déplacer l'icône (padding compensé par une marge négative) */
  .td-header-mobile-wrap .tdb-mobile-menu-button[role=button],.td-header-mobile-wrap .tdb-mobile-search-icon[role=button]{cursor:pointer;padding:13px;margin:-13px;box-sizing:content-box}
  .tdb-mobile-menu-button[role=button]:focus-visible,.tdb-mobile-search-icon[role=button]:focus-visible{outline:2px solid var(--pacn-red);outline-offset:6px;border-radius:3px}
}
/* tablette (768–1100px) : marques et modèles empilés dans la colonne de gauche, pilules à droite */
@media (min-width:768px) and (max-width:1100px){
  .tdb_header_menu .tdb-menu>li.pacnav-mega .pacmm:not(.pacmm-mode-models){flex-wrap:wrap;gap:12px;padding:20px 16px 20px 20px}
  .tdb_header_menu .tdb-menu>li.pacnav-mega .pacmm:not(.pacmm-mode-models) .pacmm-col{flex:1 1 100%}
  .tdb_header_menu .tdb-menu>li.pacnav-mega .pacmm:not(.pacmm-mode-models) .pacmm-grid{grid-template-columns:repeat(3,1fr)}
  .tdb_header_menu .tdb-menu>li.pacnav-mega .pacmm-mlist{columns:2;column-gap:16px}
  .tdb_header_menu .tdb-menu>li.pacnav-mega .pacmm.pacmm-mode-models{flex:0 0 270px;max-width:270px;padding:20px 20px 20px 0}
}
/* aligne logo et recherche sur la colonne de contenu (1240px) au lieu des 1400px du gabarit */
@media (min-width:1281px){
  /* le décalage déplace la rangée : le fond noir et le filet sont donc aussi posés sur le conteneur pleine largeur */
  .td-header-desktop-wrap .tdc-row,.td-header-desktop-sticky-wrap .tdc-row{padding-left:clamp(0px,calc((100vw - 1240px)/2 + 4px),104px);padding-right:clamp(0px,calc((100vw - 1240px)/2 - 44px),56px)}
}
@media (max-width:767px){#outils{scroll-margin-top:84px}}
/* repli propre : pas de carré vide si une fiche n'a ni photo ni logo de marque */
.pacmm .pacmm-mlist span.pacmm-micon:empty{display:none}
@media (prefers-reduced-motion:reduce){
  .tdb_header_menu .tdb-menu>li>a:after,#td-mobile-nav .td-mobile-content li>a>i.td-element-after{transition:none}
}