/* OVIIGI GLOBAL HEADER PREMIUM V1 — composant isolé */
.ovgh,.ovgh *{box-sizing:border-box}
.ovgh{--night:#07162d;--cyan:#31d7f4;--orange:#ff982f;position:fixed;top:0;left:0;right:0;z-index:9000;background:linear-gradient(110deg,#07162d,#112d50);color:#f4f8ff;font-family:Arial,sans-serif;box-shadow:0 5px 22px #0003;transition:background .25s}
.ovgh.ovgh-scrolled{background:linear-gradient(110deg,#07162d,#112d50)}
.ovgh-inner{max-width:1440px;margin:auto;min-height:70px;padding:10px 25px;display:flex;align-items:center;gap:24px;transition:min-height .25s}
.ovgh-scrolled .ovgh-inner{min-height:70px}
.ovgh-brand{display:block;position:relative;flex:0 0 175px;height:50px}
.ovgh-brand img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .2s}
.ovgh-brand .ovgh-white{opacity:0}
.ovgh-scrolled .ovgh-color{opacity:1}
.ovgh-scrolled .ovgh-white{opacity:0}
.ovgh-nav{display:flex;align-items:center;gap:7px;flex:1}
.ovgh a,.ovgh summary{color:inherit;text-decoration:none}
.ovgh-nav>a,.ovgh-group>summary{display:flex;align-items:center;gap:8px;padding:12px 11px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;list-style:none}
.ovgh summary::-webkit-details-marker{display:none}
.ovgh-nav>a:hover,.ovgh-group>summary:hover{background:#ffffff17;color:var(--cyan)}
.ovgh-icon{width:19px;height:19px;flex:none}
.ovgh-group{position:relative}
.ovgh-sub{position:absolute;top:100%;left:0;min-width:240px;padding:9px;background:#102746;border:1px solid #72c9ef40;border-radius:14px;box-shadow:0 15px 35px #0006}
.ovgh-sub a{display:block;padding:11px 13px;border-radius:8px;font-size:13px}
.ovgh-sub a:hover{background:#ffffff15;color:var(--cyan)}
.ovgh-actions{display:flex;align-items:center;gap:11px}
.ovgh-actions>a{white-space:nowrap}
.ovgh-contact,.ovgh-cart{font-size:24px;padding:6px}
.ovgh-quote,.ovgh-mobile-quote{background:var(--orange);color:#08172b!important;border-radius:10px;padding:12px 15px;font-size:13px;font-weight:800}
.ovgh-toggle{display:none!important}
.ovgh-mobile-quote{display:none}
.ovgh-backdrop{display:none}
@media(max-width:1100px){
 .ovgh-inner{padding:8px 12px;min-height:60px;gap:8px;justify-content:space-between}
 .ovgh-brand{flex:0 1 160px;min-width:0;height:44px}
 .ovgh-nav{position:fixed;top:60px;right:0;width:min(300px,76vw);height:max-content;max-height:calc(100dvh - 60px);overflow-y:auto;border-radius:0 0 0 18px;background:#0b203c;display:flex;flex-direction:column;align-items:stretch;gap:5px;padding:14px 17px 22px;transform:translateX(105%);transition:transform .25s;z-index:3;box-shadow:-12px 0 30px #0005}
 .ovgh.ovgh-open .ovgh-nav{transform:translateX(0)}
 .ovgh-nav>a,.ovgh-group>summary{padding:14px;font-size:15px}
 .ovgh-sub{position:static;min-width:0;box-shadow:none;margin:4px 0 8px}
 .ovgh-actions{margin-left:auto;flex:none}
 .ovgh-quote{display:none}
 .ovgh-mobile-quote{display:block!important;text-align:center;margin-top:12px}
 .ovgh-toggle{display:flex!important;flex:none;position:relative;z-index:4;width:42px;height:42px;border:1px solid #ffffff40;border-radius:10px;background:#ffffff12;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}
 .ovgh-toggle span{width:20px;height:2px;background:white;border-radius:2px}
.ovgh-open .ovgh-toggle span:first-child{transform:translateY(7px) rotate(45deg)}
.ovgh-open .ovgh-toggle span:nth-child(2){opacity:0}
.ovgh-open .ovgh-toggle span:last-child{transform:translateY(-7px) rotate(-45deg)}
 .ovgh-backdrop:not([hidden]){display:block;position:fixed;inset:0;background:transparent;z-index:2}
}
@media(max-width:390px){
 .ovgh-brand{flex-basis:145px}
 .ovgh-actions{gap:0}
 .ovgh-contact,.ovgh-cart{font-size:20px}
}
@media(prefers-reduced-motion:reduce){
 .ovgh *{transition:none!important}
}

/* OVIIGI 05N-C : actions et theme du composant */
.ovgh-action{display:inline-flex;align-items:center;justify-content:center;
width:34px;height:38px;padding:5px;background:transparent;border:0;
color:#35d7ef!important;text-decoration:none}
.ovgh-cart-button{color:#ffad4c!important}
.ovgh-cart-button:disabled{opacity:.65;cursor:not-allowed}
.ovgh-client-row{display:none}
@media(max-width:1100px){
 .ovgh-actions{gap:5px}
 .ovgh-client-row{display:flex;gap:8px;margin-top:12px}
 .ovgh-client{display:flex;align-items:center;gap:8px;flex:1;min-width:0;
 padding:10px 8px;background:#ff982f;color:#07162d;
 border:0;border-radius:10px;font-size:12px;font-weight:700}
 .ovgh-client:disabled{opacity:1;cursor:not-allowed}
 .ovgh-avatar{display:inline-flex;width:25px;height:25px;flex:none;
 align-items:center;justify-content:center;border-radius:50%;overflow:hidden}
 .ovgh-avatar img{width:100%;height:100%;object-fit:cover}
 .ovgh-theme{width:43px;flex:none;display:flex;align-items:center;
 justify-content:center;border-radius:10px;border:1px solid #54718f;
 background:#193553;color:#ffcf6d;cursor:pointer}
 .ovgh-sun{display:none}
}
body.ovgh-light{background:#edf4fb;color:#102440}
body.ovgh-light .hero{background:linear-gradient(130deg,#fff,#e7f2fb);
border-color:#b4d5e8}
body.ovgh-light .card{background:#fff;border-color:#c3d9e9}
body.ovgh-light p{color:#405b75}
body.ovgh-light .ovgh-theme{background:#e1edfa;color:#b66a00}
body.ovgh-light .ovgh-moon{display:none}
body.ovgh-light .ovgh-sun{display:inline-flex}
@media(max-width:1100px){
 body.ovgh-light .ovgh-nav{background:#e9f2fc;color:#102440}
}

/* OVIIGI V1.1 — espace permanent pour le header */
[data-oviigi-global-header-v1]{
  display:block;
  height:70px;
}
@media(max-width:1100px){
  [data-oviigi-global-header-v1]{
    height:60px;
  }
}


/* OVIIGI GLOBAL HEADER PREMIUM V1.2 — 08H */
/* Compactage progressif et alignement gauche */

.ovgh-inner{
  transition:min-height .25s ease,padding .25s ease;
}
.ovgh.ovgh-scrolled .ovgh-inner{
  min-height:58px;
  padding-top:4px;
  padding-bottom:4px;
}
.ovgh.ovgh-scrolled .ovgh-brand{
  height:44px;
}
.ovgh-brand{
  transition:height .25s ease;
}

@media(max-width:1100px){
  .ovgh-inner{
    padding-left:5px;
    padding-right:8px;
  }
  .ovgh.ovgh-scrolled .ovgh-inner{
    min-height:52px;
    padding-top:3px;
    padding-bottom:3px;
  }
  .ovgh.ovgh-scrolled .ovgh-brand{
    height:38px;
  }
  .ovgh.ovgh-scrolled .ovgh-toggle{
    width:38px;
    height:38px;
  }
  .ovgh.ovgh-scrolled .ovgh-nav{
    top:52px;
    max-height:calc(100dvh - 52px);
  }
}

@media(prefers-reduced-motion:reduce){
  .ovgh-inner,.ovgh-brand{
    transition:none!important;
  }
}

/* OVIIGI HEADER 13O — LOGO FIXE */
.ovgh.ovgh-scrolled .ovgh-inner{min-height:70px!important;padding-top:10px!important;padding-bottom:10px!important}
.ovgh.ovgh-scrolled .ovgh-brand{height:50px!important;flex:0 0 175px!important}
.ovgh.ovgh-scrolled .ovgh-color{opacity:0!important}
.ovgh.ovgh-scrolled .ovgh-white{opacity:1!important}
@media(max-width:1100px){.ovgh.ovgh-scrolled .ovgh-nav{top:70px!important}}


/* OVIIGI-HEADER-13P : dimensions constantes */
.ovgh-inner,.ovgh-brand{transition:none!important}
.ovgh.ovgh-scrolled .ovgh-inner{
  min-height:70px!important;
  padding:10px 25px!important;
}
.ovgh.ovgh-scrolled .ovgh-brand{
  height:50px!important;
  flex:0 0 175px!important;
}
.ovgh.ovgh-scrolled .ovgh-toggle{
  width:42px!important;height:42px!important;
}
@media(max-width:1100px){
  .ovgh.ovgh-scrolled .ovgh-inner{
    min-height:60px!important;
    padding:8px 8px 8px 5px!important;
  }
  .ovgh.ovgh-scrolled .ovgh-brand{
    height:44px!important;
    flex:0 1 160px!important;
  }
  .ovgh.ovgh-scrolled .ovgh-nav{
    top:60px!important;
    max-height:calc(100dvh - 60px)!important;
  }
}
@media(max-width:390px){
  .ovgh.ovgh-scrolled .ovgh-brand{
    flex-basis:145px!important;
  }
}
