/* CENC Codex 0.8.1 — Premium Global Navigation Refinement */

/*
 * Header composition
 * Three visual zones keep the product navigation mathematically centered,
 * regardless of brand and account-control width.
 */
.cenc-header-v081{
  --cenc-header-height:82px;
  --cenc-header-line:rgba(15,35,55,.085);
  --cenc-header-ink:#172b3d;
  --cenc-header-muted:#6f7d8c;
  padding-inline:clamp(18px,3.2vw,52px)!important;
  border-bottom:1px solid var(--cenc-header-line)!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 8px 30px rgba(15,23,42,.035)!important;
}
.cenc-header-v081 .cenc-header-inner{
  display:grid!important;
  grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr);
  align-items:center!important;
  width:100%;
  min-height:var(--cenc-header-height)!important;
  gap:clamp(1rem,2vw,2rem)!important;
}
.cenc-header-v081 .cenc-brand-v081{justify-self:start}
.cenc-header-v081 .cenc-header-actions{justify-self:center;display:flex;align-items:center}
.cenc-header-v081 .cenc-user-menu,
.cenc-header-v081 .cenc-auth-actions{justify-self:end}

/* Brand */
.cenc-brand-v081{gap:.78rem!important}
.cenc-brand-v081 img{
  width:46px!important;
  height:46px!important;
  filter:drop-shadow(0 8px 16px rgba(9,31,50,.14))!important;
  transition:transform .28s var(--cenc-v8-ease),filter .28s var(--cenc-v8-ease);
}
.cenc-brand-v081:hover img{transform:translateY(-1px);filter:drop-shadow(0 11px 20px rgba(9,31,50,.18))!important}
.cenc-brand-v081 strong{
  color:#13283a;
  font-size:.9rem!important;
  font-weight:880!important;
  letter-spacing:.14em!important;
}
.cenc-brand-v081 small{
  margin-top:.27rem!important;
  color:#7c8996!important;
  font-size:.57rem!important;
  font-weight:760!important;
  letter-spacing:.11em!important;
}

/* Primary navigation */
.cenc-desktop-nav-v081{
  display:flex;
  align-items:center;
  gap:clamp(.35rem,.7vw,.7rem)!important;
  padding:.22rem .3rem;
}
.cenc-desktop-nav-v081>a{
  position:relative;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:.46rem;
  min-height:44px!important;
  padding:.65rem .72rem!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#4c5b6c!important;
  font-size:.76rem!important;
  font-weight:720!important;
  line-height:1!important;
  text-decoration:none!important;
  transition:color .2s var(--cenc-v8-ease),transform .2s var(--cenc-v8-ease)!important;
}
.cenc-desktop-nav-v081>a::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:4px;
  width:18px;
  height:2px;
  border-radius:999px;
  background:var(--cenc-v8-gold);
  opacity:0;
  transform:translate(-50%,4px) scaleX(.45);
  transform-origin:center;
  transition:opacity .2s var(--cenc-v8-ease),transform .2s var(--cenc-v8-ease),width .2s var(--cenc-v8-ease);
}
.cenc-desktop-nav-v081>a:hover{
  background:transparent!important;
  color:#102d45!important;
  transform:translateY(-1px);
}
.cenc-desktop-nav-v081>a:hover::after{opacity:.42;transform:translate(-50%,0) scaleX(1)}
.cenc-desktop-nav-v081>a.is-active{
  background:transparent!important;
  color:#102d45!important;
  font-weight:820!important;
}
.cenc-desktop-nav-v081>a.is-active::after{
  width:24px;
  opacity:1;
  transform:translate(-50%,0) scaleX(1);
}
.cenc-nav-search__icon{
  width:15px;
  height:15px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.cenc-desktop-nav-v081>.cenc-nav-search{margin-left:.18rem!important}

/* Focus language shared by navigation/account controls */
.cenc-header-v081 a:focus-visible,
.cenc-header-v081 summary:focus-visible,
.cenc-header-v081 button:focus-visible{
  outline:0!important;
  box-shadow:0 0 0 3px rgba(45,102,142,.17)!important;
}

/* Signed-out actions */
.cenc-auth-actions-v081{gap:.38rem!important;margin-left:0!important}
.cenc-auth-actions-v081 a{
  min-height:42px!important;
  border-radius:11px!important;
  font-size:.72rem!important;
  font-weight:780!important;
}
.cenc-auth-actions-v081 .cenc-auth-link{padding-inline:.78rem!important;color:#435366!important}
.cenc-auth-actions-v081 .cenc-auth-link:hover{background:#f5f8fa!important;color:#102d45!important}
.cenc-auth-actions-v081 .cenc-auth-primary{
  padding-inline:.95rem!important;
  border:1px solid #10283e!important;
  background:linear-gradient(180deg,#15324b,#0b2034)!important;
  box-shadow:0 8px 20px rgba(11,31,49,.13)!important;
}
.cenc-auth-actions-v081 .cenc-auth-primary:hover{
  background:linear-gradient(180deg,#1b3d5a,#102b44)!important;
  transform:translateY(-1px);
}

/* Account trigger */
.cenc-user-menu-v081{position:relative!important;margin-left:0!important}
.cenc-user-menu-v081>summary{
  display:flex!important;
  align-items:center!important;
  gap:.62rem!important;
  min-height:46px!important;
  padding:.32rem .7rem .32rem .36rem!important;
  border:1px solid #dbe4ec!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.98)!important;
  color:#23384b!important;
  box-shadow:0 6px 18px rgba(15,23,42,.045)!important;
  transition:border-color .2s var(--cenc-v8-ease),box-shadow .2s var(--cenc-v8-ease),transform .2s var(--cenc-v8-ease)!important;
}
.cenc-user-menu-v081>summary:hover{
  border-color:#cbd7e1!important;
  box-shadow:0 10px 26px rgba(15,23,42,.07)!important;
  transform:translateY(-1px);
}
.cenc-user-menu-v081[open]>summary{
  border-color:#bed0dc!important;
  box-shadow:0 0 0 3px rgba(45,102,142,.08),0 10px 26px rgba(15,23,42,.07)!important;
}
.cenc-user-menu-v081 .cenc-user-avatar{
  width:34px!important;
  height:34px!important;
  border-radius:10px!important;
  background:linear-gradient(145deg,#153e5d,#0b2942)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 5px 12px rgba(13,44,68,.14);
  font-size:.73rem!important;
  font-weight:880!important;
}
.cenc-user-trigger-copy{display:flex;flex-direction:column;min-width:0;line-height:1.05}
.cenc-user-menu-v081 .cenc-user-name{
  display:block!important;
  max-width:118px!important;
  color:#2d4052!important;
  font-size:.7rem!important;
  font-weight:790!important;
}
.cenc-user-trigger-label{
  display:block;
  margin-top:.2rem;
  color:#8a97a5;
  font-size:.5rem;
  font-weight:720;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.cenc-user-menu-v081 .cenc-user-chevron{
  width:.42rem!important;
  height:.42rem!important;
  margin-left:.02rem;
  border-width:0 1.5px 1.5px 0!important;
  border-color:#7c8996!important;
  transition:transform .2s var(--cenc-v8-ease)!important;
}

/* Account dropdown */
.cenc-user-menu-v081 .cenc-user-menu__panel{
  position:absolute!important;
  top:calc(100% + 12px)!important;
  right:0!important;
  z-index:1400!important;
  display:block!important;
  width:326px!important;
  max-width:calc(100vw - 28px)!important;
  padding:.58rem!important;
  border:1px solid rgba(214,225,234,.98)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.985)!important;
  box-shadow:0 28px 70px rgba(20,38,56,.16),0 8px 22px rgba(20,38,56,.06)!important;
  backdrop-filter:blur(20px) saturate(150%);
  -webkit-backdrop-filter:blur(20px) saturate(150%);
  overflow:hidden;
}
.cenc-user-menu-v081 .cenc-user-menu__panel::before{
  content:"";
  position:absolute;
  top:-1px;
  left:18px;
  right:18px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,rgba(199,161,90,.78),transparent);
}
.cenc-user-menu-v081 .cenc-user-menu__identity{
  display:flex!important;
  align-items:center!important;
  gap:.72rem!important;
  margin:0!important;
  padding:.72rem .72rem .82rem!important;
  border-bottom:1px solid #e7edf2!important;
}
.cenc-user-menu__identity-avatar{
  display:grid;
  place-items:center;
  flex:0 0 38px;
  width:38px;
  height:38px;
  border-radius:12px;
  background:#eef4f8;
  color:#12324e;
  box-shadow:inset 0 0 0 1px #dbe6ee;
  font-size:.75rem;
  font-weight:880;
}
.cenc-user-menu__identity-copy{display:block;min-width:0;line-height:1.15}
.cenc-user-menu-v081 .cenc-user-menu__identity-copy strong{
  display:block!important;
  overflow:hidden;
  color:#1f3447!important;
  font-size:.76rem!important;
  font-weight:820!important;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.cenc-user-menu-v081 .cenc-user-menu__identity-copy>span{
  display:block!important;
  margin-top:.27rem!important;
  overflow:hidden;
  color:#8491a0!important;
  font-size:.61rem!important;
  font-weight:560;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.cenc-user-menu__links{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:.12rem!important;
  width:100%!important;
  margin:.42rem 0 0!important;
  padding:0!important;
}
.cenc-user-menu-v081 .cenc-user-menu__links>a,
.cenc-user-menu-v081 .cenc-user-menu__logout{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:.7rem!important;
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:.62rem .66rem!important;
  border:0!important;
  border-radius:11px!important;
  background:transparent!important;
  color:#344b5d!important;
  font-size:inherit!important;
  line-height:1.15!important;
  text-decoration:none!important;
  white-space:normal!important;
  transition:background .18s var(--cenc-v8-ease),color .18s var(--cenc-v8-ease),transform .18s var(--cenc-v8-ease)!important;
}
.cenc-user-menu-v081 .cenc-user-menu__links>a:hover,
.cenc-user-menu-v081 .cenc-user-menu__links>a:focus-visible{
  background:#f3f7fa!important;
  color:#102f48!important;
  transform:translateX(1px);
}
.cenc-user-menu__item-icon{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:10px;
  background:#f3f7fa;
  color:#52708a;
  box-shadow:inset 0 0 0 1px #e5edf3;
}
.cenc-user-menu__item-icon svg{
  width:17px;
  height:17px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.65;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.cenc-user-menu-v081 .cenc-user-menu__links>a>span:nth-child(2),
.cenc-user-menu-v081 .cenc-user-menu__logout>span:nth-child(2){display:block!important;min-width:0!important}
.cenc-user-menu-v081 .cenc-user-menu__links strong,
.cenc-user-menu-v081 .cenc-user-menu__logout strong{
  display:block!important;
  color:inherit!important;
  font-size:.69rem!important;
  font-weight:790!important;
  line-height:1.15!important;
}
.cenc-user-menu-v081 .cenc-user-menu__links small,
.cenc-user-menu-v081 .cenc-user-menu__logout small{
  display:block!important;
  margin-top:.22rem!important;
  color:#8a97a5!important;
  font-size:.56rem!important;
  font-weight:560!important;
  line-height:1.25!important;
}
.cenc-user-menu__item-arrow{
  color:#9eabb6;
  font-size:1rem;
  font-weight:400;
  transition:transform .18s var(--cenc-v8-ease),color .18s var(--cenc-v8-ease);
}
.cenc-user-menu-v081 .cenc-user-menu__links>a:hover .cenc-user-menu__item-arrow{color:#315f81;transform:translateX(2px)}
.cenc-user-menu-v081 .cenc-user-menu__rule{
  display:block!important;
  width:auto!important;
  height:1px!important;
  margin:.36rem .5rem!important;
  background:#e7edf2!important;
}
.cenc-user-menu-v081 .cenc-user-menu__logout{
  grid-template-columns:34px minmax(0,1fr)!important;
  margin-top:0!important;
  color:#8d3f45!important;
}
.cenc-user-menu-v081 .cenc-user-menu__logout .cenc-user-menu__item-icon{
  background:#fbf2f2;
  color:#a55259;
  box-shadow:inset 0 0 0 1px #f3dede;
}
.cenc-user-menu-v081 .cenc-user-menu__logout:hover,
.cenc-user-menu-v081 .cenc-user-menu__logout:focus-visible{
  background:#fcf4f4!important;
  color:#7c3038!important;
}

/* Mobile navigation control */
.cenc-header-v081 .cenc-nav-toggle{
  border-color:#dbe4eb!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#31485c!important;
  box-shadow:0 5px 14px rgba(15,23,42,.04);
}

@media(max-width:900px){
  .cenc-header-v081{--cenc-header-height:72px;padding-inline:14px!important}
  .cenc-header-v081 .cenc-header-inner{
    grid-template-columns:auto 1fr auto!important;
    gap:.6rem!important;
    min-height:var(--cenc-header-height)!important;
  }
  .cenc-header-v081 .cenc-header-actions{justify-self:end!important}
  .cenc-header-v081 .cenc-desktop-nav-v081{
    position:fixed!important;
    top:calc(var(--cenc-header-height) + 12px)!important;
    left:14px!important;
    right:14px!important;
    z-index:1200!important;
    display:none!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:.1rem!important;
    padding:.55rem!important;
    border:1px solid #dce6ee!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.99)!important;
    box-shadow:0 24px 60px rgba(20,38,56,.16)!important;
  }
  .admin-bar .cenc-header-v081 .cenc-desktop-nav-v081{top:calc(var(--cenc-header-height) + 44px)!important}
  .cenc-header-v081 .cenc-desktop-nav-v081.is-open{display:flex!important}
  .cenc-header-v081 .cenc-desktop-nav-v081>a{
    justify-content:flex-start!important;
    min-height:48px!important;
    padding-inline:.82rem!important;
  }
  .cenc-header-v081 .cenc-desktop-nav-v081>a::after{
    left:.82rem!important;
    bottom:6px!important;
    transform:none!important;
  }
  .cenc-header-v081 .cenc-desktop-nav-v081>a.is-active::after{transform:none!important}
  .cenc-header-v081 .cenc-user-trigger-copy{display:none!important}
  .cenc-header-v081 .cenc-user-menu-v081>summary{gap:.4rem!important;padding-right:.55rem!important}
  .cenc-header-v081 .cenc-user-menu-v081 .cenc-user-name{display:none!important}
}

@media(max-width:700px){
  .cenc-header-v081{--cenc-header-height:68px}
  .cenc-brand-v081{gap:.58rem!important}
  .cenc-brand-v081 img{width:38px!important;height:38px!important}
  .cenc-brand-v081 strong{font-size:.77rem!important}
  .cenc-brand-v081 small{font-size:.49rem!important}
  .cenc-user-menu-v081 .cenc-user-menu__panel{right:-4px!important;width:min(310px,calc(100vw - 28px))!important}
}

@media(max-width:480px){
  .cenc-header-v081 .cenc-header-inner{grid-template-columns:auto 1fr auto!important}
  .cenc-brand-v081 small{display:none!important}
  .cenc-brand-v081 strong{font-size:.72rem!important;letter-spacing:.1em!important}
  .cenc-header-v081 .cenc-nav-toggle{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important}
  .cenc-user-menu-v081 .cenc-user-avatar{width:32px!important;height:32px!important}
  .cenc-user-menu-v081>summary{min-height:40px!important;padding:.25rem .5rem .25rem .28rem!important}
}

@media(prefers-reduced-motion:reduce){
  .cenc-brand-v081 img,
  .cenc-desktop-nav-v081>a,
  .cenc-desktop-nav-v081>a::after,
  .cenc-user-menu-v081>summary,
  .cenc-user-menu__item-arrow{transition:none!important}
}
