/* Hadou header extension — compact and isolated from language/cart/client controls. */
.hdsx-header-explore{
  position:relative!important;
  display:list-item!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:max-content!important;
  margin:0!important;
  padding:0!important;
  z-index:9999!important;
}

/* Top item deliberately inherits the native Elementor menu typography/height. */
.hdsx-header-explore>a{
  width:auto!important;
  min-width:0!important;
  max-width:max-content!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  padding-inline:7px!important;
  margin:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  white-space:nowrap!important;
}

.hdsx-header-explore>a:hover,
.hdsx-header-explore.is-open>a{
  background:transparent!important;
  box-shadow:none!important;
}

.hdsx-header-explore .hdsx-nav-caret{
  display:inline-block!important;
  width:auto!important;
  margin:0!important;
  color:#d61f48!important;
  font-size:.78em!important;
  line-height:1!important;
  transition:transform .2s ease!important;
}

.hdsx-header-explore.is-open>a .hdsx-nav-caret{transform:rotate(180deg)}

.hdsx-explore-menu{
  position:absolute!important;
  top:calc(100% + 14px)!important;
  inset-inline-start:50%!important;
  transform:translate(-50%,-7px)!important;
  display:grid!important;
  width:max-content!important;
  min-width:220px!important;
  max-width:280px!important;
  margin:0!important;
  padding:7px!important;
  list-style:none!important;
  border:1px solid rgba(255,255,255,.11)!important;
  background:rgba(10,9,12,.98)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.55)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease!important;
  z-index:10050!important;
}

html[dir="rtl"] .hdsx-explore-menu{transform:translate(50%,-7px)!important}

.hdsx-header-explore:hover>.hdsx-explore-menu,
.hdsx-header-explore:focus-within>.hdsx-explore-menu,
.hdsx-header-explore.is-open>.hdsx-explore-menu{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translate(-50%,0)!important;
}
html[dir="rtl"] .hdsx-header-explore:hover>.hdsx-explore-menu,
html[dir="rtl"] .hdsx-header-explore:focus-within>.hdsx-explore-menu,
html[dir="rtl"] .hdsx-header-explore.is-open>.hdsx-explore-menu{transform:translate(50%,0)!important}

.hdsx-explore-menu li{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
.hdsx-explore-menu li+li{border-top:1px solid rgba(255,255,255,.07)!important}
.hdsx-explore-menu a{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  width:100%!important;
  padding:13px 14px!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  color:#a99fa5!important;
  text-decoration:none!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1.25!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
.hdsx-explore-menu a:hover{color:#fff!important;background:rgba(255,255,255,.045)!important}
.hdsx-explore-menu .hdsx-nav-new{
  display:inline-flex!important;
  flex:0 0 auto!important;
  padding:3px 6px!important;
  border-radius:999px!important;
  background:#d61f48!important;
  color:#fff!important;
  font-size:7px!important;
  line-height:1!important;
  letter-spacing:.06em!important;
}

/* At tighter desktop widths keep the dropdown available but shorten the top label. */
@media (max-width:1450px){
  .hdsx-header-explore .hdsx-explore-label{font-size:0!important}
  .hdsx-header-explore .hdsx-explore-label:after{content:"MORE";font-size:10px!important}
  html[lang^="ar"] .hdsx-header-explore .hdsx-explore-label:after,
  html[dir="rtl"] .hdsx-header-explore .hdsx-explore-label:after{content:"المزيد"}
  .hdsx-header-explore>a{padding-inline:5px!important}
}

@media(max-width:1024px){.hdsx-header-explore{display:none!important}}