/* Unique header — floating capsule nav, glow accents. Loads after header-pro.css */
:root { --hu-red:#b72025; --hu-red2:#ff4b3e; --hu-ink:#12151c; --hu-cap:#f1f2f6; }

/* ---------- Top bar: dark strip with animated glow line ---------- */
.header .top-bar .overlay-bg {
  background: linear-gradient(100deg, #0c0e13 0%, #171b24 55%, #2a0d10 100%);
  border-bottom: 0; position: relative;
}
.header .top-bar .overlay-bg::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px;
  background: linear-gradient(90deg, transparent, var(--hu-red), var(--hu-red2), var(--hu-red), transparent);
  background-size: 200% 100%; animation: huFlow 6s linear infinite;
}
@keyframes huFlow { from { background-position: 0 0; } to { background-position: 200% 0; } }
.header .call-to-action ul li a { color: #cfd4de; }
.header .call-to-action ul li a i {
  width: 24px; height: 24px; line-height: 24px; text-align: center; border-radius: 50%;
  background: rgba(255,75,62,.14); color: var(--hu-red2); font-size: 12px; margin-right: 9px;
}
.header .top-bar .social-links i { border-radius: 50%; width: 28px; height: 28px; line-height: 28px; }
.header .top-bar .social-links a:hover i { background: linear-gradient(135deg, var(--hu-red), var(--hu-red2)); transform: translateY(-2px); }

/* ---------- Navbar ---------- */
.header .navbar {
  background: rgba(255,255,255,.94); backdrop-filter: blur(10px);
  box-shadow: 0 10px 30px -12px rgba(18,21,28,.25); padding: 14px 0; border: 0;
}
/* keep dropdowns above hero/slider content when the page is not scrolled */
.header { position: relative; z-index: 1000; }
.header .navbar:not(.sticky) { position: relative; z-index: 1000; }
.header .navbar.sticky { z-index: 1000; background: rgba(255,255,255,.9); padding: 8px 0; }

/* capsule holding the menu */
.header .navbar-nav {
  background: var(--hu-cap); padding: 5px; border-radius: 50px;
  box-shadow: inset 0 0 0 1px rgba(18,21,28,.05);
}
.header .navbar-nav > li > a {
  border-radius: 40px; padding: 10px 17px; margin: 0; font-size: 14px; font-weight: 600;
  color: #3a4050; position: relative; transition: all .25s;
}
.header .navbar-default .navbar-nav > li > a:hover,
.header .navbar-default .navbar-nav > li > a:focus,
.header .navbar-default .navbar-nav > li.dropdown:hover > a,
.header .navbar-default .navbar-nav > .open > a,
.header .navbar-default .navbar-nav > .open > a:hover,
.header .navbar-default .navbar-nav > .open > a:focus {
  background: #fff; color: var(--hu-red); box-shadow: 0 4px 12px -4px rgba(18,21,28,.2);
}
.header .navbar-default .navbar-nav > li.nav-cta > a:hover,
.header .navbar-default .navbar-nav > li.nav-cta > a:focus { color: #fff; }
.header .navbar-default .navbar-nav > .active > a,
.header .navbar-default .navbar-nav > .active > a:hover,
.header .navbar-default .navbar-nav > .active > a:focus {
  background: #fff; color: var(--hu-red); box-shadow: 0 4px 14px -4px rgba(183,32,37,.35);
}
.header .navbar-default .navbar-nav > .active > a::before {
  content: ""; display: inline-block; width: 6px; height: 6px; border-radius: 50%;
  background: var(--hu-red2); margin-right: 8px; vertical-align: middle; position: relative; top: -1px;
  box-shadow: 0 0 0 3px rgba(255,75,62,.18);
}

/* CTA — gradient capsule end-cap with arrow */
.header .navbar-default .navbar-nav > li.nav-cta > a {
  background: linear-gradient(135deg, var(--hu-red) 0%, var(--hu-red2) 100%);
  color: #fff; margin-left: 6px; padding: 10px 14px 10px 20px; font-weight: 700;
  box-shadow: 0 8px 18px -6px rgba(183,32,37,.65); display: inline-flex; align-items: center; gap: 10px;
}
.header .navbar-default .navbar-nav > li.nav-cta > a:hover { background: linear-gradient(135deg, #8f161a, var(--hu-red)); color: #fff; }
.header .nav-cta .cta-arrow {
  width: 24px; height: 24px; line-height: 24px; text-align: center; border-radius: 50%;
  background: #fff; color: var(--hu-red); font-size: 11px; transition: transform .25s;
}
.header .nav-cta a:hover .cta-arrow { transform: translateX(3px) rotate(-45deg); }
.btn-header-cta { background: linear-gradient(135deg, var(--hu-red), var(--hu-red2)); }

/* ---------- Dropdowns ---------- */
.header .dropdown-menu {
  border: 0; border-radius: 18px; padding: 12px; background: #fff;
  box-shadow: 0 28px 60px -18px rgba(18,21,28,.35), 0 0 0 1px rgba(18,21,28,.05);
  position: relative; overflow: hidden;
}
.header .dropdown-menu::before {
  content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px;
  background: linear-gradient(90deg, var(--hu-red), var(--hu-red2), #ffb199);
}
/* open/close is driven by style.css (opacity + pointer-events on li:hover); do not animate here */
.header li.dropdown > .submenu-wrapper > .submenu-inner { transition: opacity .25s ease, transform .25s ease; }
.header .nav.navbar-nav li ul.dropdown-menu li a {
  border-radius: 10px; padding: 10px 14px; position: relative; font-weight: 500;
}
.header .nav.navbar-nav li ul.dropdown-menu li a::before {
  content: ""; position: absolute; left: 0; top: 50%; width: 3px; height: 0; border-radius: 3px;
  background: var(--hu-red); transform: translateY(-50%); transition: height .2s;
}
.header .nav.navbar-nav li ul.dropdown-menu li a:hover {
  background: linear-gradient(90deg, rgba(183,32,37,.09), rgba(183,32,37,0)); color: var(--hu-red); padding-left: 20px;
}
.header .nav.navbar-nav li ul.dropdown-menu li a:hover::before { height: 60%; }
.header li.dropdown.has-megamenu ul.dropdown-menu { padding: 22px 14px !important; }
.header .dropdown-menu .mega-content .mega-col { border-right: 1px dashed #e3e5ea; }
.header .dropdown-menu .mega-content .mega-col:last-child { border-right: 0; }

/* ---------- Premium dropdown polish ---------- */
.header li.dropdown > .submenu-wrapper > .submenu-inner {
  min-width: 250px; transform: translateY(12px) scale(.98); transform-origin: top center;
  transition: opacity .3s ease, transform .35s cubic-bezier(.2,.8,.2,1);
}
.header li.dropdown:hover > .submenu-wrapper > .submenu-inner { transform: translateY(0) scale(1); }
.header li.dropdown > .submenu-wrapper > .submenu-inner { margin-top: 4px; }
.header .sticky li.dropdown > .submenu-wrapper > .submenu-inner { margin-top: 2px; }
/* invisible hover bridge so the panel stays open while the mouse travels from the menu item to it */
.header li.dropdown > .submenu-wrapper::before {
  content: ""; position: absolute; left: 0; right: 0; top: -30px; height: 30px; background: transparent;
}
.header .dropdown-menu {
  border-radius: 20px; padding: 14px; padding-top: 18px;
  background: linear-gradient(180deg, #fff 0%, #fbfbfd 100%);
  box-shadow: 0 40px 80px -24px rgba(18,21,28,.45), 0 12px 24px -12px rgba(18,21,28,.15), 0 0 0 1px rgba(18,21,28,.06);
}
/* little pointer notch */
.header li.dropdown > .submenu-wrapper:not(.megamenu-wrapper) > .submenu-inner::before {
  content: ""; position: absolute; top: -6px; left: 34px; width: 14px; height: 14px; background: var(--hu-red);
  transform: rotate(45deg); border-radius: 3px; z-index: 0;
}
.header li.dropdown > .submenu-wrapper > .submenu-inner { position: relative; }
.header .dropdown-menu > li, .header .dropdown-menu .mega-content { position: relative; z-index: 1; }
.header .dropdown-menu > li + li { margin-top: 2px; }
.header .nav.navbar-nav li ul.dropdown-menu li a {
  display: flex; align-items: center; gap: 12px; padding: 11px 14px; font-size: 14.5px; font-weight: 600;
  color: #2b303b; border-radius: 12px; white-space: nowrap; transition: all .22s ease;
}
.header .dropdown-menu .dd-ico {
  flex: 0 0 auto; width: 32px; height: 32px; line-height: 32px; text-align: center; border-radius: 10px;
  background: #f3f4f8; color: var(--hu-red); font-size: 14px; transition: all .22s ease;
}
.header .nav.navbar-nav li ul.dropdown-menu li a:hover {
  background: linear-gradient(90deg, rgba(183,32,37,.08), rgba(255,75,62,.02)); color: var(--hu-red); padding-left: 14px;
  transform: translateX(3px);
}
.header .nav.navbar-nav li ul.dropdown-menu li a:hover .dd-ico {
  background: linear-gradient(135deg, var(--hu-red), var(--hu-red2)); color: #fff;
  box-shadow: 0 6px 14px -4px rgba(183,32,37,.6);
}
.header .nav.navbar-nav li ul.dropdown-menu li a::before { display: none; }

/* mega menu */
.header li.dropdown.has-megamenu ul.dropdown-menu { padding: 26px 18px 22px !important; }
.header .dropdown-menu .mega-content .mega-col { border-right: 1px solid #eef0f4; }
.header .dropdown-menu .mega-content .mega-col ul { padding: 0 8px; }
.header .dropdown-menu .mega-content ul li a { padding: 9px 12px !important; font-size: 14.5px !important; border-radius: 12px; }
.header .dropdown-menu .mega-content .dd-ico { width: 26px; height: 26px; line-height: 26px; font-size: 15px; border-radius: 8px; }
.header .mega-content .mega-col:nth-last-child(2) { border-right: 0; }
.header .mega-promo-col { padding-left: 18px; }
.header .mega-promo {
  height: 100%; border-radius: 16px; padding: 24px 22px; color: #fff; position: relative; overflow: hidden;
  background: radial-gradient(circle at 100% 0%, rgba(255,75,62,.55), transparent 55%), linear-gradient(145deg, #12151c, #2a0d10);
}
.header .mega-promo::after {
  content: ""; position: absolute; right: -40px; bottom: -40px; width: 140px; height: 140px; border-radius: 50%;
  border: 24px solid rgba(255,255,255,.05);
}
.header .mega-badge {
  display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase;
  padding: 4px 10px; border-radius: 20px; background: rgba(255,255,255,.12); color: #ffb199; margin-bottom: 12px;
}
.header .mega-promo h4 { color: #fff; font-size: 19px; line-height: 1.3; margin: 0 0 8px; font-weight: 700; }
.header .mega-promo p { color: #c4c9d2; font-size: 13.5px; line-height: 1.55; margin: 0 0 16px; }
.header .mega-promo .mega-promo-btn {
  display: inline-flex; align-items: center; gap: 8px; padding: 9px 16px; border-radius: 30px; font-size: 13px;
  font-weight: 700; color: #fff; background: linear-gradient(135deg, var(--hu-red), var(--hu-red2));
  box-shadow: 0 8px 18px -6px rgba(255,75,62,.7); position: relative; z-index: 1; transition: transform .2s;
}
.header .mega-promo .mega-promo-btn:hover { transform: translateY(-2px); color: #fff; text-decoration: none; }
@media (max-width: 992px) {
  .header .mega-promo-col { display: none; }
  .header li.dropdown > .submenu-wrapper > .submenu-inner::before { display: none; }
}

/* ---------- Mobile ---------- */
.header .navbar-toggle { border-radius: 50%; background: var(--hu-cap); }
.header .navbar-default .navbar-toggle:hover,
.header .navbar-default .navbar-toggle:focus { background: linear-gradient(135deg, var(--hu-red), var(--hu-red2)); }
@media (max-width: 992px) {
  .header .navbar-nav { background: transparent; padding: 0; box-shadow: none; }
}
@media (prefers-reduced-motion: reduce) {
  .header .top-bar .overlay-bg::after { animation: none; }
}

/* center the menu between logo and edge (desktop) */
@media (min-width: 993px) {
  .header .container.mainnav { display: flex; align-items: center; }
  .header .container.mainnav::before, .header .container.mainnav::after { display: none; }
  .header .container.mainnav .navbar-header { float: none; flex: 0 0 auto; }
  .header .container.mainnav .navbar-collapse { flex: 1 1 auto; display: flex !important; justify-content: center; padding: 0; }
  .header .container.mainnav .navbar-nav { float: none; margin: 0; }
}