/* ASN Hosting v2.6.0 — Professional Header Finalization */
:root{
  --asn260-navy:#073b66;
  --asn260-navy-2:#0b4f82;
  --asn260-blue:#25aee8;
  --asn260-soft:#f3f9fd;
  --asn260-line:#d8e6ef;
  --asn260-ink:#17344c;
  --asn260-muted:#6f8598;
}

/* Top campaign bar */
.asn-topbar{
  min-height:38px!important;
  background:var(--asn260-navy)!important;
  color:#fff!important;
  font-size:12px!important;
}
.asn-topbar .asn-shell{
  min-height:38px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
}
.asn-topbar a{
  color:#7dd7f8!important;
  font-weight:800!important;
  text-decoration:none!important;
}

/* Main header shell */
.asn-header{
  position:sticky!important;
  top:0!important;
  z-index:9995!important;
  background:rgba(255,255,255,.985)!important;
  border-bottom:1px solid rgba(7,59,102,.08)!important;
  box-shadow:0 6px 22px rgba(7,59,102,.055)!important;
  backdrop-filter:blur(12px) saturate(150%);
}
.asn-header .asn-header-row{
  min-height:86px!important;
  display:grid!important;
  grid-template-columns:205px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:16px!important;
  padding-top:0!important;
  padding-bottom:0!important;
}

/* Brand */
.asn-header .asn-header-brand{min-width:0!important}
.asn-header .asn-brand{
  max-width:198px!important;
  min-width:0!important;
  padding:0!important;
}
.asn-header .asn-brand img{
  max-height:64px!important;
  width:auto!important;
}

/* Navigation */
.asn-header .asn-nav-wrap{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  overflow:visible!important;
}
.asn-header .asn-primary-nav{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.asn-header .asn-primary-menu{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  padding:4px!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  white-space:nowrap!important;
}
.asn-header .asn-primary-menu>li{
  display:block!important;
  flex:0 0 auto!important;
  min-width:0!important;
  margin:0!important;
}
.asn-header .asn-primary-menu>li>a,
.asn-header .asn-nav-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  min-height:40px!important;
  min-width:max-content!important;
  padding:0 10px!important;
  border-radius:9px!important;
  background:transparent!important;
  color:var(--asn260-ink)!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  writing-mode:horizontal-tb!important;
  text-decoration:none!important;
  transition:background .16s ease,color .16s ease,transform .16s ease;
}
.asn-header .asn-primary-menu>li>a:hover,
.asn-header .asn-nav-link:hover{
  background:var(--asn260-soft)!important;
  color:var(--asn260-navy)!important;
}
.asn-header .asn-primary-menu>li.current-menu-item>a,
.asn-header .asn-primary-menu>li.current-menu-ancestor>a,
.asn-header .asn-nav-link.is-active,
.asn-header .asn-primary-menu>li>a[aria-current="page"]{
  background:#e9f5fb!important;
  color:var(--asn260-navy)!important;
  box-shadow:inset 0 0 0 1px #c9e4f2!important;
}
.asn-header .asn-nav-chevron{
  width:6px!important;
  height:6px!important;
  margin-left:1px!important;
}

/* Dropdowns */
.asn-header .asn-primary-menu .sub-menu{
  top:calc(100% + 10px)!important;
  min-width:250px!important;
  padding:8px!important;
  border:1px solid var(--asn260-line)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 20px 50px rgba(7,59,102,.15)!important;
}
.asn-header .asn-primary-menu .sub-menu a{
  min-height:40px!important;
  padding:9px 11px!important;
  border-radius:8px!important;
  font-size:13px!important;
  font-weight:750!important;
  color:#2b4d65!important;
  text-decoration:none!important;
}
.asn-header .asn-primary-menu .sub-menu a:hover{
  background:#eef8fd!important;
  color:var(--asn260-navy)!important;
}

/* Action cluster */
.asn-header .asn-header-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:6px!important;
  min-width:max-content!important;
  padding-left:13px!important;
  border-left:1px solid #e1ebf1!important;
}
.asn-header .asn-service-search-action,
.asn-header .asn-domain-action,
.asn-header .asn-btn-soft{
  min-height:42px!important;
  height:42px!important;
  padding:0 11px!important;
  border-radius:9px!important;
  border:1px solid #b8deef!important;
  background:#f2f9fd!important;
  color:var(--asn260-navy)!important;
  font-size:12px!important;
  font-weight:850!important;
  box-shadow:none!important;
  white-space:nowrap!important;
}
.asn-header .asn-service-search-action:hover,
.asn-header .asn-domain-action:hover{
  background:#e8f6fc!important;
  border-color:#82c9e8!important;
}
.asn-header .asn-cart{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  border-radius:9px!important;
  background:#fff!important;
  border:1px solid #d4e4ee!important;
  box-shadow:none!important;
}
.asn-header .asn-cart:hover{
  background:#f5fafc!important;
  border-color:#acd6e9!important;
}

/* Account actions */
.asn-header .asn-btn-register,
.asn-header .asn-register-action,
.asn-header .asn255-register,
.asn-header .asn256-register-guard,
.asn-header .asn255-register,
.asn-header .asn255-register-guard{
  min-height:42px!important;
  height:42px!important;
  padding:0 14px!important;
  border-radius:9px!important;
  border:1.5px solid #3db3e4!important;
  background:#fff!important;
  color:var(--asn260-navy)!important;
  font-size:12px!important;
  font-weight:900!important;
  box-shadow:none!important;
}
.asn-header .asn-login-action,
.asn-header .asn-account-action,
.asn-header .asn-btn-primary{
  min-height:42px!important;
  height:42px!important;
  padding:0 15px!important;
  border-radius:9px!important;
  border:1px solid var(--asn260-navy)!important;
  background:var(--asn260-navy)!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:900!important;
  box-shadow:0 5px 13px rgba(7,59,102,.14)!important;
}
.asn-header .asn-login-action:hover,
.asn-header .asn-account-action:hover{
  background:var(--asn260-navy-2)!important;
  transform:translateY(-1px);
}

/* Ensure no duplicate guest buttons */
.asn-header .asn-header-actions a[href*="/register/"] ~ a[href*="/register/"],
.asn-header .asn-header-actions a[href*="/login/"] ~ a[href*="/login/"]{
  display:none!important;
}

/* Laptop */
@media(min-width:1181px) and (max-width:1390px){
  .asn-header .asn-header-row{
    grid-template-columns:185px minmax(0,1fr) auto!important;
    gap:10px!important;
  }
  .asn-header .asn-brand{max-width:180px!important}
  .asn-header .asn-primary-menu>li>a,
  .asn-header .asn-nav-link{
    padding:0 7px!important;
    font-size:12px!important;
  }
  .asn-header .asn-service-search-action{
    width:42px!important;
    min-width:42px!important;
    padding:0!important;
  }
  .asn-header .asn-service-search-action span{display:none!important}
  .asn-header .asn-domain-action{padding:0 9px!important}
}

/* Tablet */
@media(max-width:1180px){
  .asn-header .asn-header-row{
    grid-template-columns:minmax(150px,180px) 1fr auto auto!important;
    min-height:74px!important;
    gap:7px!important;
  }
  .asn-header .asn-nav-wrap{
    display:none!important;
    position:absolute!important;
    top:100%!important;
    left:12px!important;
    right:12px!important;
    z-index:9999!important;
    padding:9px!important;
    background:#fff!important;
    border:1px solid var(--asn260-line)!important;
    border-radius:0 0 14px 14px!important;
    box-shadow:0 20px 45px rgba(7,59,102,.14)!important;
  }
  .asn-header .asn-nav-wrap.is-open{display:block!important}
  .asn-header .asn-primary-menu{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:3px!important;
  }
  .asn-header .asn-primary-menu>li{width:100%!important}
  .asn-header .asn-primary-menu>li>a,
  .asn-header .asn-nav-link{
    width:100%!important;
    min-width:0!important;
    min-height:44px!important;
    justify-content:space-between!important;
    padding:0 12px!important;
    font-size:13px!important;
    white-space:normal!important;
  }
  .asn-header .asn-primary-menu .sub-menu{
    position:static!important;
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    min-width:0!important;
    margin:3px 0 5px 12px!important;
    padding:3px!important;
    border:0!important;
    box-shadow:none!important;
    background:#fff!important;
  }
  .asn-header .asn-header-actions{
    margin-left:auto!important;
    padding-left:0!important;
    border-left:0!important;
  }
  .asn-header .asn-service-search-action,
  .asn-header .asn-domain-action{display:none!important}
  .asn-header .asn-mobile-toggle{
    display:flex!important;
    grid-column:4!important;
    width:42px!important;
    height:42px!important;
  }
}

/* Mobile */
@media(max-width:720px){
  .asn-topbar{display:none!important}
  .asn-header .asn-header-row{
    grid-template-columns:minmax(125px,150px) 1fr auto auto!important;
    min-height:68px!important;
    gap:5px!important;
  }
  .asn-header .asn-brand{max-width:145px!important}
  .asn-header .asn-btn-register,
  .asn-header .asn-register-action,
  .asn-header .asn255-register,
  .asn-header .asn256-register-guard,
  .asn-header .asn255-register,
  .asn-header .asn255-register-guard{
    display:none!important;
  }
  .asn-header .asn-cart{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
  }
  .asn-header .asn-login-action,
  .asn-header .asn-account-action{
    min-height:38px!important;
    height:38px!important;
    padding:0 10px!important;
    font-size:11.5px!important;
  }
  .asn-header .asn-mobile-toggle{
    width:38px!important;
    height:38px!important;
  }
}