/* Retouches PMB du site vitrine (Vincent 2026-10-27) — chargé dans toutes les pages par tools/site_pmb.py.
   Sélecteurs préfixés #__nuxt : ils gagnent sur les styles scopés du site ([data-v-…]), même injectés après. */

/* ---- Accueil (Vincent 2026-10-27, version retenue sur modèle de la page d'accueil Safe) : mise en page d'origine du site, pleine
   largeur — vidéo en bandeau d'un bord à l'autre, 500 px de haut (haut et bas de l'image coupés ; 16:9 entier sur écran étroit),
   « Bienvenue » sur fond blanc dessous (au moins 200 px), bandeau Devis en bas du 1er écran.
   Versions écartées le même jour : vidéo plein écran 100vh ; vidéo 16:9 centrée ; site limité à 1600 px avec bords sombres ;
   texte de bienvenue dans un cadre semi-transparent sur la vidéo. ---- */
#__nuxt .home-main-container{height:auto;min-height:calc(100vh - 90px);display:grid;grid-template-columns:100%;
  grid-template-rows:min(500px,56.25vw) minmax(200px,1fr) 95px}
#__nuxt .home-main-container .video-warp,#__nuxt .home-main-container .introduction-section{min-height:0}

/* ---- En-tête : menu sur UNE ligne (« MENU INFORMATION », « VISUALISEUR GERBER », « CHIFFRES CLÉS » ne passent plus à la ligne) ---- */
@media (min-width:768px){ #__nuxt .app-header .nav-item>a,#__nuxt .app-header .language>a{white-space:nowrap} }
/* logo à sa place d'origine (le décalage de 100 px vers la gauche du 2026-10-27 est annulé le 2026-10-28) ; jamais tassé */
@media (min-width:768px){ #__nuxt .app-header .logo{flex-shrink:0;margin-right:24px} }
/* logo « pcb » (Vincent 2026-10-28, /_pmb/logo_pcb.png) : en-tête = 53 px de haut (44 px du site + 20 %) ; pied de page = 44 px
   (le site y fixait 240 px de LARGE, fait pour l'ancien logo en longueur).
   V3 (2026-10-29) = même « pcb » + « www.safe-pcb.com » dessous : image plus haute (241 px au lieu de 217, version du 29/10 15:54) -> 59 / 49 px ; pied de page +20 % -> 59 px (29/10),
   pour garder les lettres « pcb » à la même taille qu'avant */
@media (min-width:768px){ #__nuxt .app-header .logo img{height:59px} }
#__nuxt footer .footer-info-left img{width:auto;height:59px;flex-shrink:0}
/* menus écartés de 15 px de plus que le site (1.2rem, ou .8rem entre 768 et 1440 px de large) — Vincent 2026-10-28 (+10, +10, puis −5 px)
   + trait vertical entre deux menus = MÊME trait que la séparation « Connexion | Choisir la langue » (border-l border-gray-600 : 1 px gris, 24 px de haut),
   au milieu de l'écart */
@media (min-width:768px){
  #__nuxt .app-header .nav-list{--pmb-gap:calc(1.2rem + 15px);column-gap:var(--pmb-gap)}
  #__nuxt .app-header .nav-item+.nav-item::before{content:"";position:absolute;left:calc(var(--pmb-gap) / -2 - .5px);top:50%;height:24px;
    border-left:1px solid var(--color-gray-600,#4b5563);transform:translateY(-50%);pointer-events:none}
}
@media (min-width:768px) and (max-width:1440px){ #__nuxt .app-header .nav-item>a,#__nuxt .app-header .language>a{font-size:14px} #__nuxt .app-header .nav-list{--pmb-gap:calc(.8rem + 15px)} }

/* ---- En-tête : « Connexion » = bouton (ouvre le bloc de connexion) ---- */
#__nuxt .app-header .nav-item a[href^="https://sales.safe-pcb.com"]{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;
  border:1px solid #00a9a7;border-radius:3px;color:#fff;background:#009c9c;line-height:1.2;transition:background .15s}
#__nuxt .app-header .nav-item a[href^="https://sales.safe-pcb.com"]:hover{background:#00b5b2}

/* ---- Bloc de connexion (haut à droite, sous l'en-tête) ---- */
.pmb-login{position:fixed;z-index:2000;width:300px;max-width:calc(100vw - 32px);background:#fff;color:#1d2526;border:1px solid #d6dfe0;
  border-radius:4px;box-shadow:0 18px 50px rgba(0,0,0,.35);font-family:'Roboto Condensed Regular','Roboto Condensed',sans-serif}   /* police du site */
.pmb-login[hidden]{display:none}
.pmb-login::before{content:"";position:absolute;top:-7px;right:var(--pmb-arrow,40px);width:12px;height:12px;background:#fff;
  border-left:1px solid #d6dfe0;border-top:1px solid #d6dfe0;transform:rotate(45deg)}
.pmb-login .pl-h{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 0;font-size:17px;color:#009b9b;letter-spacing:.02em}
.pmb-login .pl-x{border:0;background:none;font-size:20px;line-height:1;color:#7b8788;cursor:pointer;padding:2px 4px;border-radius:3px}
.pmb-login .pl-x:hover{color:#1d2526;background:#eef3f3}
.pmb-login form{padding:12px 16px 16px;display:flex;flex-direction:column;gap:10px}
.pmb-login label{display:flex;flex-direction:column;gap:4px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#5d6b6c}
.pmb-login input{font:inherit;font-size:15px;text-transform:none;letter-spacing:0;color:#1d2526;padding:8px 10px;border:1px solid #c9d4d5;border-radius:3px;outline:0;background:#fff}
.pmb-login input:focus{border-color:#009c9c;box-shadow:0 0 0 2px rgba(0,156,156,.18)}
.pmb-login .pl-go{margin-top:4px;font:inherit;font-size:15px;color:#fff;background:#009c9c;border:0;border-radius:3px;padding:9px 12px;cursor:pointer;letter-spacing:.03em}
.pmb-login .pl-go:hover{background:#00b5b2}
.pmb-login .pl-go:disabled{opacity:.6;cursor:wait}
.pmb-login .pl-go:focus-visible,.pmb-login .pl-x:focus-visible{outline:2px solid #00a9a7;outline-offset:2px}
.pmb-login .pl-err{font-size:13px;color:#c0392b}.pmb-login .pl-err:empty{display:none}
@media (prefers-reduced-motion:no-preference){.pmb-login:not([hidden]){animation:pmbLoginIn .14s ease-out}}
@keyframes pmbLoginIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}