/* iQonsey header v2: floating glass pill, centred menu, two CTAs */
:root{--iqh-brand:#511428;--iqh-accent:#B81C4B;--iqh-ink:#3a1f2a;--iqh-soft:#f8ebf0;--iqh-line:rgba(81,20,40,.10)}

#wrapper-navbar.uicore-navbar,#wrapper-navbar .uicore-header-wrapper{background:transparent!important;box-shadow:none!important;border:0!important}
#wrapper-navbar nav.uicore-container{
  position:relative;display:flex;align-items:center;
  height:68px;min-height:0;padding:0 8px 0 22px!important;
  background:rgba(255,255,255,.86)!important;
  -webkit-backdrop-filter:blur(16px) saturate(170%);backdrop-filter:blur(16px) saturate(170%);
  border:1px solid rgba(255,255,255,.6)!important;border-radius:999px!important;
  box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 14px 34px -16px rgba(40,6,18,.55),0 2px 6px -2px rgba(40,6,18,.12)!important;
  transition:height .3s ease,background .3s ease,box-shadow .3s ease}
body.iqh-scrolled #wrapper-navbar nav.uicore-container{height:60px;background:rgba(255,255,255,.94)!important;
  box-shadow:0 18px 40px -18px rgba(40,6,18,.5),0 0 0 1px var(--iqh-line)!important}

/* logo: centre it on the pill's horizontal axis (the branding box is taller than the image) */
#wrapper-navbar .uicore-branding{display:flex!important;align-items:center;align-self:center;height:auto!important;padding-top:0!important;padding-bottom:0!important}
#wrapper-navbar .uicore-branding>a{display:flex!important;align-items:center;line-height:0}
#wrapper-navbar .uicore-branding img.uicore-logo{height:34px!important;width:auto!important;max-height:none;transition:height .3s ease}
body.iqh-scrolled #wrapper-navbar .uicore-branding img.uicore-logo{height:30px!important}

/* menu: centred in the pill, soft pill hover */
#wrapper-navbar .uicore-nav-menu{flex:1;display:flex;align-items:center;justify-content:flex-end}
#wrapper-navbar .uicore-menu-container{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0}
#wrapper-navbar .uicore-menu{display:flex;gap:4px;padding:5px;border-radius:999px;background:rgba(81,20,40,.045)}
#wrapper-navbar .uicore-menu>li>a{padding:0!important;line-height:1!important}
#wrapper-navbar .uicore-menu>li>a .ui-menu-item-wrapper{display:block;padding:11px 18px;border-radius:999px;
  font-size:15px;font-weight:500;letter-spacing:.005em;color:var(--iqh-ink);transition:background .2s,color .2s,box-shadow .2s}
#wrapper-navbar .uicore-menu>li>a:hover .ui-menu-item-wrapper{background:#fff;color:var(--iqh-accent);box-shadow:0 2px 8px -3px rgba(40,6,18,.25)}
#wrapper-navbar .uicore-menu>li.current-menu-item>a .ui-menu-item-wrapper{background:#fff;color:var(--iqh-brand);font-weight:600;box-shadow:0 2px 8px -3px rgba(40,6,18,.25)}
#wrapper-navbar .uicore-menu>li>a::before,#wrapper-navbar .uicore-menu>li>a::after{display:none!important}

/* CTAs */
#wrapper-navbar .uicore-extra{display:flex;align-items:center;gap:8px;margin:0!important;padding:0!important}
#wrapper-navbar .uicore-cta-wrapper{display:flex;align-items:center;gap:8px;margin:0!important}
#wrapper-navbar .uicore-btn{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 22px!important;border-radius:999px!important;
  font-size:15px!important;font-weight:600!important;line-height:1!important;white-space:nowrap;transition:transform .2s,box-shadow .2s,background .2s,color .2s}
#wrapper-navbar .uicore-btn:not(.iqh-apply){background:transparent!important;color:var(--iqh-brand)!important;box-shadow:inset 0 0 0 1.5px rgba(81,20,40,.22)}
#wrapper-navbar .uicore-btn:not(.iqh-apply):hover{background:var(--iqh-soft)!important;box-shadow:inset 0 0 0 1.5px rgba(184,28,75,.45)}
#wrapper-navbar .uicore-btn:not(.iqh-apply)::before{content:"";width:16px;height:16px;flex:none;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E") center/contain no-repeat}
#wrapper-navbar .uicore-btn.iqh-apply{background:linear-gradient(135deg,#c8235a,var(--iqh-accent) 55%,#8f1238)!important;color:#fff!important;
  box-shadow:0 8px 20px -8px rgba(184,28,75,.75),inset 0 1px 0 rgba(255,255,255,.25)}
#wrapper-navbar .uicore-btn.iqh-apply:hover{transform:translateY(-1px);box-shadow:0 12px 24px -8px rgba(184,28,75,.85),inset 0 1px 0 rgba(255,255,255,.25)}
#wrapper-navbar .uicore-btn.iqh-apply svg{width:17px;height:17px;flex:none}
body.iqh-scrolled #wrapper-navbar .uicore-btn{height:44px}

#wrapper-navbar .uicore-btn .elementor-button-text{color:inherit!important;padding:0!important}

/* mid widths: tighten so nothing collides */
@media (max-width:1240px) and (min-width:1026px){
  #wrapper-navbar .uicore-menu>li>a .ui-menu-item-wrapper{padding:10px 13px;font-size:14.5px}
  #wrapper-navbar .uicore-btn{padding:0 16px!important}
  #wrapper-navbar .uicore-btn.iqh-apply .iqh-long{display:none}
}

/* mobile / tablet */
@media (max-width:1025px){
  #wrapper-navbar.uicore-navbar{padding:10px 12px 0!important}
  #wrapper-navbar nav.uicore-container{height:60px;padding:0 6px 0 16px!important}
  body.iqh-scrolled #wrapper-navbar nav.uicore-container{height:56px}
  #wrapper-navbar .uicore-branding img.uicore-logo{height:28px!important}
  #wrapper-navbar .uicore-mobile-head-right{display:flex;align-items:center;gap:6px}
  #wrapper-navbar .uicore-mobile-head-right .uicore-btn{height:44px;padding:0 16px!important;font-size:14px!important}
  #wrapper-navbar .uicore-mobile-head-right .uicore-btn:not(.iqh-apply)::before{display:none}
  #wrapper-navbar .uicore-mobile-head-right .uicore-btn:not(.iqh-apply){box-shadow:none;background:var(--iqh-soft)!important}
  html body #wrapper-navbar button.uicore-ham{flex:none;display:flex!important;align-items:center;justify-content:center;
    width:44px;height:44px;padding:0!important;margin:0!important;border-radius:50%;background:var(--iqh-brand)!important;color:#fff!important}
  html body #wrapper-navbar button.uicore-ham .bars{float:none;width:18px;height:14px}
  html body #wrapper-navbar button.uicore-ham .bar{background:#fff}
}
@media (max-width:420px){
  #wrapper-navbar .uicore-branding img.uicore-logo{height:26px!important}
  #wrapper-navbar .uicore-mobile-head-right .uicore-btn{padding:0 14px!important}
}