/* ==========================================================
   Event Country Unified Top Nav
   Target: top nav/header only.
   ========================================================== */

:root{
  --ecx-topnav-orange:#ff6a00;
  --ecx-topnav-orange-dark:#cf5200;
  --ecx-topnav-ink:#101828;
  --ecx-topnav-muted:#667085;
  --ecx-topnav-line:#e6eaf0;
  --ecx-topnav-soft:#fff4ea;
  --ecx-topnav-radius:6px;
  --ecx-topnav-shadow:0 18px 45px rgba(16,24,40,.10);
}

.ecx-header.ecx-unified-header,
.ecx-header[data-ecx-unified-header]{
  position:sticky !important;
  top:0 !important;
  z-index:99999 !important;
  background:rgba(255,255,255,.97) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
  border-bottom:1px solid rgba(230,234,240,.95) !important;
  box-shadow:none !important;
}

.ecx-header.ecx-unified-header.ecx-topnav-scrolled,
.ecx-header[data-ecx-unified-header].ecx-topnav-scrolled{
  box-shadow:0 10px 28px rgba(16,24,40,.075) !important;
}

.ecx-unified-header-inner{
  width:min(1120px,calc(100% - 34px)) !important;
  min-height:66px !important;
  margin:0 auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
}

.ecx-unified-brand{
  min-width:max-content !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:9px !important;
  text-decoration:none !important;
  color:var(--ecx-topnav-ink) !important;
  font-weight:950 !important;
  letter-spacing:-.035em !important;
}

.ecx-brand-mark{
  width:34px !important;
  height:34px !important;
  border-radius:var(--ecx-topnav-radius) !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:linear-gradient(135deg,var(--ecx-topnav-orange),#ff8a1f) !important;
  color:#fff !important;
  font-size:.78rem !important;
  font-weight:1000 !important;
  box-shadow:0 10px 22px rgba(255,106,0,.22) !important;
}

.ecx-brand-text{
  font-size:.98rem !important;
  line-height:1 !important;
}

.ecx-unified-nav{
  flex:1 1 auto !important;
  min-width:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:2px !important;
}

.ecx-unified-nav > a,
.ecx-nav-dropbtn{
  height:34px !important;
  min-height:34px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  padding:0 8px !important;
  border:0 !important;
  border-radius:var(--ecx-topnav-radius) !important;
  background:transparent !important;
  color:#334155 !important;
  font-family:inherit !important;
  font-size:.82rem !important;
  line-height:1 !important;
  font-weight:850 !important;
  letter-spacing:-.01em !important;
  text-decoration:none !important;
  cursor:pointer !important;
  white-space:nowrap !important;
  transition:background .18s ease,color .18s ease,transform .18s ease !important;
}

.ecx-unified-nav > a:hover,
.ecx-nav-dropdown:hover .ecx-nav-dropbtn,
.ecx-nav-dropdown.is-open .ecx-nav-dropbtn,
.ecx-nav-dropbtn:hover{
  background:var(--ecx-topnav-soft) !important;
  color:var(--ecx-topnav-orange-dark) !important;
  transform:translateY(-1px) !important;
}

.ecx-nav-dropdown{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
}

.ecx-nav-dropdown-menu{
  position:absolute !important;
  top:calc(100% + 10px) !important;
  left:50% !important;
  transform:translateX(-50%) translateY(8px) !important;
  min-width:218px !important;
  padding:8px !important;
  display:grid !important;
  gap:2px !important;
  background:#fff !important;
  border:1px solid var(--ecx-topnav-line) !important;
  border-radius:var(--ecx-topnav-radius) !important;
  box-shadow:var(--ecx-topnav-shadow) !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transition:opacity .16s ease,transform .16s ease,visibility .16s ease !important;
}

.ecx-nav-dropdown-menu::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:-12px !important;
  height:12px !important;
}

.ecx-nav-dropdown:hover .ecx-nav-dropdown-menu,
.ecx-nav-dropdown.is-open .ecx-nav-dropdown-menu{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:translateX(-50%) translateY(0) !important;
}

.ecx-nav-dropdown-menu a{
  min-height:36px !important;
  display:flex !important;
  align-items:center !important;
  padding:0 10px !important;
  border-radius:var(--ecx-topnav-radius) !important;
  color:#344054 !important;
  text-decoration:none !important;
  font-size:.82rem !important;
  font-weight:800 !important;
  white-space:nowrap !important;
}

.ecx-nav-dropdown-menu a:hover{
  background:var(--ecx-topnav-soft) !important;
  color:var(--ecx-topnav-orange-dark) !important;
}

.ecx-unified-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:7px !important;
  min-width:max-content !important;
}

.ecx-search-shortcut,
.ecx-header-icon{
  width:36px !important;
  height:36px !important;
  min-width:36px !important;
  border-radius:var(--ecx-topnav-radius) !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#fff !important;
  border:1px solid var(--ecx-topnav-line) !important;
  color:var(--ecx-topnav-ink) !important;
  text-decoration:none !important;
  font-size:.9rem !important;
  box-shadow:0 8px 18px rgba(16,24,40,.045) !important;
}

.ecx-unified-download,
.ecx-header-download-btn{
  height:36px !important;
  min-height:36px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 12px !important;
  border-radius:var(--ecx-topnav-radius) !important;
  background:linear-gradient(135deg,var(--ecx-topnav-orange),#ff8a1f) !important;
  color:#fff !important;
  border:0 !important;
  text-decoration:none !important;
  font-size:.8rem !important;
  font-weight:950 !important;
  box-shadow:0 12px 24px rgba(255,106,0,.22) !important;
}

.ecx-unified-menu-btn,
.ecx-menu-btn{
  width:38px !important;
  height:38px !important;
  border-radius:var(--ecx-topnav-radius) !important;
  border:1px solid var(--ecx-topnav-line) !important;
  background:#fff !important;
  display:none !important;
  align-items:center !important;
  justify-content:center !important;
  flex-direction:column !important;
  gap:4px !important;
  cursor:pointer !important;
  box-shadow:0 8px 18px rgba(16,24,40,.045) !important;
}

.ecx-unified-menu-btn span,
.ecx-menu-btn span{
  width:17px !important;
  height:2px !important;
  border-radius:20px !important;
  background:var(--ecx-topnav-ink) !important;
  display:block !important;
  transition:transform .18s ease,opacity .18s ease !important;
}

body.ecx-topnav-open .ecx-unified-menu-btn span:nth-child(1),
body.ecx-topnav-open .ecx-menu-btn span:nth-child(1){
  transform:translateY(6px) rotate(45deg) !important;
}

body.ecx-topnav-open .ecx-unified-menu-btn span:nth-child(2),
body.ecx-topnav-open .ecx-menu-btn span:nth-child(2){
  opacity:0 !important;
}

body.ecx-topnav-open .ecx-unified-menu-btn span:nth-child(3),
body.ecx-topnav-open .ecx-menu-btn span:nth-child(3){
  transform:translateY(-6px) rotate(-45deg) !important;
}

.ecx-unified-mobile-menu{
  width:min(1120px,calc(100% - 34px)) !important;
  margin:0 auto 12px !important;
  padding:10px !important;
  display:none !important;
  background:#fff !important;
  border:1px solid var(--ecx-topnav-line) !important;
  border-radius:var(--ecx-topnav-radius) !important;
  box-shadow:var(--ecx-topnav-shadow) !important;
}

body.ecx-topnav-open .ecx-unified-mobile-menu,
.ecx-unified-mobile-menu.is-open{
  display:grid !important;
  gap:6px !important;
}

.ecx-unified-mobile-menu a,
.ecx-unified-mobile-menu summary{
  min-height:40px !important;
  display:flex !important;
  align-items:center !important;
  padding:0 10px !important;
  border-radius:var(--ecx-topnav-radius) !important;
  color:#263242 !important;
  text-decoration:none !important;
  font-size:.88rem !important;
  font-weight:850 !important;
  cursor:pointer !important;
  list-style:none !important;
}

.ecx-unified-mobile-menu summary::-webkit-details-marker{
  display:none !important;
}

.ecx-unified-mobile-menu summary{
  justify-content:space-between !important;
  background:#f9fafb !important;
}

.ecx-unified-mobile-menu summary::after{
  content:"▾" !important;
  font-size:.75rem !important;
}

.ecx-unified-mobile-menu details[open] summary::after{
  transform:rotate(180deg) !important;
}

.ecx-unified-mobile-menu details{
  display:grid !important;
  gap:4px !important;
  border:1px solid #eef1f5 !important;
  border-radius:var(--ecx-topnav-radius) !important;
  padding:4px !important;
}

.ecx-unified-mobile-menu details a{
  margin-left:8px !important;
  color:#475467 !important;
}

.ecx-unified-mobile-menu a:hover,
.ecx-unified-mobile-menu summary:hover{
  background:var(--ecx-topnav-soft) !important;
  color:var(--ecx-topnav-orange-dark) !important;
}

.ecx-mobile-download{
  background:linear-gradient(135deg,var(--ecx-topnav-orange),#ff8a1f) !important;
  color:#fff !important;
  justify-content:center !important;
  box-shadow:0 12px 24px rgba(255,106,0,.2) !important;
}

@media (max-width:1180px){
  .ecx-unified-nav > a,
  .ecx-nav-dropbtn{
    padding:0 6px !important;
    font-size:.78rem !important;
  }

  .ecx-unified-header-inner,
  .ecx-unified-mobile-menu{
    width:min(1060px,calc(100% - 28px)) !important;
  }
}

@media (max-width:1060px){
  .ecx-unified-nav{
    display:none !important;
  }

  .ecx-unified-menu-btn,
  .ecx-menu-btn{
    display:inline-flex !important;
  }
}

@media (max-width:640px){
  .ecx-unified-header-inner{
    min-height:62px !important;
    width:calc(100% - 22px) !important;
  }

  .ecx-brand-text{
    font-size:.94rem !important;
  }

  .ecx-brand-mark{
    width:32px !important;
    height:32px !important;
  }

  .ecx-unified-download,
  .ecx-header-download-btn{
    display:none !important;
  }

  .ecx-search-shortcut,
  .ecx-header-icon{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
  }

  .ecx-unified-mobile-menu{
    width:calc(100% - 22px) !important;
  }
}