/* 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 décalé de 100 px vers la GAUCHE de sa place d'origine (Vincent 2026-10-27), sans sortir de l'écran (16 px mini) ; jamais tassé */
@media (min-width:768px){ #__nuxt .app-header .logo{flex-shrink:0;margin-left:clamp(-100px,calc(641px - 50vw),0px);margin-right:24px} }
@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{column-gap:.8rem} }

/* ---- 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}}