/**
 * Sneat V2 — horizontal top navigation (متصل بالهيدر)
 */
body.bb-theme-v2.bb-v2-hnav .thetop {
  flex-direction: column;
}

body.bb-theme-v2.bb-v2-hnav .thetop > main {
  width: 100%;
}

/* Shell: header + nav ككتلة واحدة */
body.bb-theme-v2 .bb-v2-shell {
  position: sticky;
  top: 0;
  z-index: var(--bb-v2-z-header);
  flex-shrink: 0;
  background: var(--bb-v2-surface);
  box-shadow: var(--bb-v2-shadow);
}

body.bb-theme-v2.bb-v2-hnav .bb-v2-shell {
  background: #12151f;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.24);
}

body.bb-theme-v2 .bb-v2-header--top {
  position: relative;
  top: auto;
  z-index: 1;
  border-bottom: 0;
  box-shadow: none;
}

body.bb-theme-v2 .bb-v2-nav-wrap {
  --bb-v2-nav-bar-bg-top: #1a1f2e;
  --bb-v2-nav-bar-bg-bottom: #12151f;
  --bb-v2-nav-bar-border: rgba(105, 108, 255, 0.16);
  --bb-v2-nav-bar-text: rgba(226, 230, 244, 0.88);
  --bb-v2-nav-bar-text-strong: #f4f6fb;
  --bb-v2-nav-bar-hover-bg: rgba(255, 255, 255, 0.06);
  --bb-v2-nav-bar-hover-border: rgba(105, 108, 255, 0.28);
  --bb-v2-nav-panel-bg: #1e2433;
  --bb-v2-nav-panel-border: rgba(105, 108, 255, 0.18);
  --bb-v2-nav-panel-text: rgba(226, 230, 244, 0.9);
  --bb-v2-nav-panel-hover: rgba(105, 108, 255, 0.14);

  border-top: 0;
  background:
    linear-gradient(180deg, var(--bb-v2-nav-bar-bg-top) 0%, var(--bb-v2-nav-bar-bg-bottom) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 12px 28px rgba(0, 0, 0, 0.22);
  position: relative;
}

body.bb-theme-v2 .bb-v2-nav-wrap::after {
  content: "";
  position: absolute;
  inset-inline: 0;
  bottom: 0;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(105, 108, 255, 0.35) 50%,
    transparent 100%
  );
  pointer-events: none;
}

body.bb-theme-v2 .bb-v2-nav-wrap #bb-main-horizontal-nav {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.bb-theme-v2 .bb-v2-nav-wrap .bb-top-nav-scroll {
  padding: 0 1rem !important;
}

body.bb-theme-v2 .bb-v2-nav-wrap .bb-top-nav-rail {
  display: flex;
  align-items: stretch;
  min-width: min-content;
}

body.bb-theme-v2 .bb-v2-nav-wrap #bb-top-nav-menu {
  gap: 0.25rem !important;
  min-height: 3.15rem !important;
  padding-block: 0.35rem !important;
}

/* إخفاء أيقونات FontAwesome القديمة */
body.bb-theme-v2 #bb-top-nav-menu > .bb-nav-link > i.fa,
body.bb-theme-v2 #bb-top-nav-menu > .bb-nav-link > svg:not(.bb-nav-icon):not(.bb-nav-chevron),
body.bb-theme-v2 #bb-top-nav-menu > .top-nav-dd-root > .drop_down > i.fa,
body.bb-theme-v2 #bb-top-nav-menu > .top-nav-dd-root > .drop_down > svg:not(.bb-nav-icon):not(.bb-nav-chevron) {
  display: none !important;
}

body.bb-theme-v2 .bb-nav-icon-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.65rem;
  height: 1.65rem;
  border-radius: 0.4rem;
  background: rgba(105, 108, 255, 0.18);
  color: #b9bcff;
  flex-shrink: 0;
  box-shadow: inset 0 0 0 1px rgba(105, 108, 255, 0.22);
}

body.bb-theme-v2 .bb-nav-icon {
  width: 1.15rem;
  height: 1.15rem;
  display: block;
}

body.bb-theme-v2 .bb-nav-icon-plate {
  opacity: 0.18;
}

body.bb-theme-v2 .bb-nav-icon-line {
  stroke-width: 1.85;
}

body.bb-theme-v2 .bb-nav-icon-badge--sm {
  width: 1.45rem;
  height: 1.45rem;
  border-radius: 0.35rem;
}

body.bb-theme-v2 .bb-nav-icon-badge--sm .bb-nav-icon {
  width: 1rem;
  height: 1rem;
}

/* عناصر السطر الرئيسي */
body.bb-theme-v2 #bb-top-nav-menu > .bb-nav-link,
body.bb-theme-v2 #bb-top-nav-menu > .top-nav-dd-root > .drop_down {
  position: relative;
  height: 2.65rem !important;
  min-height: 2.65rem !important;
  padding: 0 0.95rem !important;
  border-radius: 0.65rem !important;
  border: 1px solid transparent !important;
  background: transparent !important;
  color: var(--bb-v2-nav-bar-text) !important;
  font-weight: 650 !important;
  font-size: 0.84rem !important;
  letter-spacing: 0.01em;
  box-shadow: none !important;
  gap: 0.45rem !important;
  transition:
    background 0.22s cubic-bezier(0.22, 1, 0.36, 1),
    border-color 0.22s ease,
    color 0.18s ease,
    box-shadow 0.22s ease,
    transform 0.22s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

body.bb-theme-v2 #bb-top-nav-menu > .bb-nav-link:hover,
body.bb-theme-v2 #bb-top-nav-menu > .top-nav-dd-root > .drop_down:hover {
  background: var(--bb-v2-nav-bar-hover-bg) !important;
  border-color: var(--bb-v2-nav-bar-hover-border) !important;
  color: var(--bb-v2-nav-bar-text-strong) !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.22) !important;
  transform: translateY(-1px);
}

body.bb-theme-v2 #bb-top-nav-menu > .bb-nav-link.bb-top-nav-active,
body.bb-theme-v2 #bb-top-nav-menu > .top-nav-dd-root.top-nav-dd-has-child-active > .drop_down,
body.bb-theme-v2 #bb-top-nav-menu > .top-nav-dd-root.bb-top-nav-root--open > .drop_down {
  background: linear-gradient(
    135deg,
    color-mix(in srgb, var(--bb-v2-primary, #696cff) 92%, #ffffff) 0%,
    color-mix(in srgb, var(--bb-v2-primary-strong, #5f61e6) 88%, #ffffff) 100%
  ) !important;
  border-color: transparent !important;
  color: #fff !important;
  box-shadow:
    0 10px 24px rgba(105, 108, 255, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
  transform: translateY(-1px);
}

body.bb-theme-v2 #bb-top-nav-menu > .bb-nav-link.bb-top-nav-active .bb-nav-icon-badge,
body.bb-theme-v2 #bb-top-nav-menu > .top-nav-dd-root.top-nav-dd-has-child-active > .drop_down .bb-nav-icon-badge,
body.bb-theme-v2 #bb-top-nav-menu > .top-nav-dd-root.bb-top-nav-root--open > .drop_down .bb-nav-icon-badge {
  background: rgba(255, 255, 255, 0.18);
  color: #fff;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.22);
}

body.bb-theme-v2 #bb-top-nav-menu > .top-nav-dd-root.bb-top-nav-root--open > .drop_down .bb-nav-chevron {
  opacity: 1;
  transform: rotate(180deg);
}

body.bb-theme-v2 #bb-top-nav-menu > .main-nav-vsep {
  width: 1px;
  height: 1.35rem;
  margin-inline: 0.35rem !important;
  background: linear-gradient(
    180deg,
    transparent 0%,
    rgba(255, 255, 255, 0.16) 50%,
    transparent 100%
  );
  border-radius: 999px;
  opacity: 0.9;
}

body.bb-theme-v2 .bb-nav-chevron {
  width: 0.95rem;
  height: 0.95rem;
  opacity: 0.78;
  color: rgba(226, 230, 244, 0.72);
  margin-inline-start: 0.1rem;
  flex-shrink: 0;
  transition: transform 0.22s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.18s ease;
}

body.bb-theme-v2 .bb-nav-link-label {
  white-space: nowrap;
}

/* المنسدلات — لوحة احترافية */
@keyframes bb-v2-nav-panel-in {
  from {
    opacity: 0;
    transform: translate3d(0, -8px, 0) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

body.bb-theme-v2 #bb-top-nav-menu > .top-nav-dd-root > .chiled,
body.bb-theme-v2 #bb-top-nav-menu > .top-nav-dd-root > .bb-top-nav-panel {
  border: 1px solid var(--bb-v2-nav-panel-border) !important;
  border-radius: 0.85rem !important;
  background:
    linear-gradient(180deg, rgba(35, 40, 56, 0.98) 0%, rgba(24, 28, 40, 0.98) 100%) !important;
  box-shadow:
    0 22px 48px rgba(0, 0, 0, 0.42),
    0 8px 18px rgba(105, 108, 255, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
  padding: 0.45rem !important;
  min-width: 13.5rem;
  max-height: min(70vh, 26rem);
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

body.bb-theme-v2 #bb-top-nav-menu > .top-nav-dd-root > .chiled.bb-top-nav-panel--open,
body.bb-theme-v2 #bb-top-nav-menu > .top-nav-dd-root > .bb-top-nav-panel.bb-top-nav-panel--open {
  animation: bb-v2-nav-panel-in 0.22s cubic-bezier(0.22, 1, 0.36, 1);
}

body.bb-theme-v2 #bb-top-nav-menu > .top-nav-dd-root > .chiled::-webkit-scrollbar,
body.bb-theme-v2 #bb-top-nav-menu > .top-nav-dd-root > .bb-top-nav-panel::-webkit-scrollbar {
  width: 6px;
}

body.bb-theme-v2 #bb-top-nav-menu > .top-nav-dd-root > .chiled::-webkit-scrollbar-thumb,
body.bb-theme-v2 #bb-top-nav-menu > .top-nav-dd-root > .bb-top-nav-panel::-webkit-scrollbar-thumb {
  background: rgba(105, 108, 255, 0.35);
  border-radius: 999px;
}

body.bb-theme-v2 .bb-top-nav-dd-list {
  display: flex;
  flex-direction: column;
  gap: 0.12rem;
}

body.bb-theme-v2 .bb-top-nav-dd-heading {
  padding: 0.35rem 0.65rem 0.45rem;
  margin-bottom: 0.15rem;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(185, 188, 255, 0.72);
  border-bottom: 1px solid rgba(105, 108, 255, 0.16);
}

body.bb-theme-v2 #bb-top-nav-menu > .top-nav-dd-root > .chiled .bb-top-nav-dd-link,
body.bb-theme-v2 #bb-top-nav-menu > .top-nav-dd-root > .bb-top-nav-panel .bb-top-nav-dd-link {
  position: relative;
  display: flex !important;
  align-items: center !important;
  gap: 0.65rem !important;
  width: 100%;
  min-height: 2.35rem;
  padding: 0.55rem 0.7rem 0.55rem 0.85rem !important;
  border: none !important;
  border-radius: 0.58rem !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--bb-v2-nav-panel-text) !important;
  font-weight: 650 !important;
  font-size: 0.8125rem !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
  transform: none !important;
  transition:
    background 0.18s ease,
    color 0.18s ease,
    padding-inline-start 0.18s ease;
}

body.bb-theme-v2 #bb-top-nav-menu > .top-nav-dd-root > .chiled .bb-top-nav-dd-link::before,
body.bb-theme-v2 #bb-top-nav-menu > .top-nav-dd-root > .bb-top-nav-panel .bb-top-nav-dd-link::before {
  content: "";
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 999px;
  flex-shrink: 0;
  background: rgba(255, 255, 255, 0.12);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
  transition:
    background 0.18s ease,
    box-shadow 0.18s ease,
    transform 0.18s ease;
}

body.bb-theme-v2 #bb-top-nav-menu > .top-nav-dd-root > .chiled .bb-top-nav-dd-link__label,
body.bb-theme-v2 #bb-top-nav-menu > .top-nav-dd-root > .bb-top-nav-panel .bb-top-nav-dd-link__label {
  flex: 1 1 auto;
  min-width: 0;
  word-break: break-word;
}

body.bb-theme-v2 #bb-top-nav-menu > .top-nav-dd-root > .chiled .bb-top-nav-dd-link:hover,
body.bb-theme-v2 #bb-top-nav-menu > .top-nav-dd-root > .bb-top-nav-panel .bb-top-nav-dd-link:hover,
body.bb-theme-v2 #bb-top-nav-menu > .top-nav-dd-root > .chiled .bb-top-nav-dd-link:focus-visible,
body.bb-theme-v2 #bb-top-nav-menu > .top-nav-dd-root > .bb-top-nav-panel .bb-top-nav-dd-link:focus-visible {
  background: var(--bb-v2-nav-panel-hover) !important;
  color: #ffffff !important;
  padding-inline-start: 0.95rem !important;
}

body.bb-theme-v2 #bb-top-nav-menu > .top-nav-dd-root > .chiled .bb-top-nav-dd-link:hover::before,
body.bb-theme-v2 #bb-top-nav-menu > .top-nav-dd-root > .bb-top-nav-panel .bb-top-nav-dd-link:hover::before,
body.bb-theme-v2 #bb-top-nav-menu > .top-nav-dd-root > .chiled .bb-top-nav-dd-link:focus-visible::before,
body.bb-theme-v2 #bb-top-nav-menu > .top-nav-dd-root > .bb-top-nav-panel .bb-top-nav-dd-link:focus-visible::before {
  background: var(--bb-v2-primary, #696cff);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--bb-v2-primary, #696cff) 16%, transparent);
  transform: scale(1.08);
}

body.bb-theme-v2 #bb-top-nav-menu > .top-nav-dd-root > .chiled .bb-top-nav-dd-link.bb-top-nav-dd-link-active,
body.bb-theme-v2 #bb-top-nav-menu > .top-nav-dd-root > .bb-top-nav-panel .bb-top-nav-dd-link.bb-top-nav-dd-link-active {
  background: rgba(105, 108, 255, 0.22) !important;
  color: #dfe1ff !important;
}

body.bb-theme-v2 #bb-top-nav-menu > .top-nav-dd-root > .chiled .bb-top-nav-dd-link.bb-top-nav-dd-link-active::before,
body.bb-theme-v2 #bb-top-nav-menu > .top-nav-dd-root > .bb-top-nav-panel .bb-top-nav-dd-link.bb-top-nav-dd-link-active::before {
  background: var(--bb-v2-primary, #696cff);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--bb-v2-primary, #696cff) 18%, transparent);
}

body.bb-theme-v2 .bb-top-nav-dd-link > i.fa,
body.bb-theme-v2 .bb-top-nav-dd-link > svg:not(.bb-nav-icon) {
  display: none !important;
}

body.bb-theme-v2 #bb-top-nav-menu > .top-nav-dd-root > .chiled .top-nav-dd-root > .drop_down,
body.bb-theme-v2 #bb-top-nav-menu > .top-nav-dd-root > .bb-top-nav-panel .top-nav-dd-root > .drop_down {
  min-height: 2rem !important;
  height: auto !important;
  padding: 0.45rem 0.55rem !important;
  margin-top: 0.15rem;
  border-radius: 0.5rem !important;
  border: 1px dashed rgba(105, 108, 255, 0.28) !important;
  background: rgba(255, 255, 255, 0.04) !important;
  color: var(--bb-v2-nav-panel-text) !important;
  font-size: 0.78rem !important;
  box-shadow: none !important;
  transform: none !important;
}

body.bb-theme-v2 #bb-top-nav-menu > .top-nav-dd-root > .chiled .top-nav-dd-root > .chiled,
body.bb-theme-v2 #bb-top-nav-menu > .top-nav-dd-root > .bb-top-nav-panel .top-nav-dd-root > .chiled {
  position: static !important;
  inset: auto !important;
  width: 100% !important;
  max-width: none !important;
  margin-top: 0.25rem !important;
  box-shadow: none !important;
  border: 1px solid var(--bb-v2-nav-panel-border) !important;
  animation: none !important;
}

body.bb-theme-v2 .bb-top-nav-group__toggle {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(105, 108, 255, 0.18) !important;
  color: var(--bb-v2-nav-bar-text-strong) !important;
}

/* إلغاء حبوب premium-home على V2 */
body.bb-theme-v2.bb-v2-hnav #bb-main-horizontal-nav #bb-top-nav-menu > .bb-nav-link,
body.bb-theme-v2.bb-v2-hnav #bb-main-horizontal-nav #bb-top-nav-menu > .top-nav-dd-root > .drop_down,
body.bb-theme-v2.bb-v2-hnav #bb-main-horizontal-nav .chiled .bb-top-nav-dd-link,
body.bb-theme-v2.bb-v2-hnav #bb-main-horizontal-nav .chiled .top-nav-dd-root > .drop_down {
  border-radius: inherit;
}

body.bb-theme-v2.bb-v2-hnav #bb-main-horizontal-nav .chiled a.bb-top-nav-dd-link,
body.bb-theme-v2.bb-v2-hnav #bb-main-horizontal-nav .chiled .top-nav-dd-root > .drop_down {
  border: none !important;
  box-shadow: none !important;
  transform: none !important;
  font-weight: 650 !important;
}

/* فوز على bb-premium-home-ux (حبوب 999px على كل الروابط) */
body.bb-theme-v2.bb-v2-hnav #bb-main-horizontal-nav .chiled a.bb-top-nav-dd-link {
  color: var(--bb-v2-nav-panel-text) !important;
  background: transparent !important;
  border-radius: 0.58rem !important;
}

body.bb-theme-v2.bb-v2-hnav #bb-main-horizontal-nav .chiled a.bb-top-nav-dd-link:hover {
  background: var(--bb-v2-nav-panel-hover) !important;
  border-color: transparent !important;
  transform: none !important;
  color: #fff !important;
}

body.bb-theme-v2.bb-v2-hnav #bb-main-horizontal-nav {
  background: transparent !important;
  border-bottom: 0 !important;
  backdrop-filter: none !important;
}

body.bb-theme-v2.bb-v2-hnav #bb-main-horizontal-nav #bb-top-nav-menu > .bb-nav-link,
body.bb-theme-v2.bb-v2-hnav #bb-main-horizontal-nav #bb-top-nav-menu > .top-nav-dd-root > .drop_down {
  border-radius: 0.65rem !important;
}

/* زر القائمة — موبايل */
body.bb-theme-v2 .bb-v2-nav-toggle {
  display: none;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  padding: 0;
  border: 1px solid var(--bb-v2-border);
  border-radius: var(--bb-v2-radius);
  background: var(--bb-v2-surface);
  color: var(--bb-v2-text-strong);
  cursor: pointer;
}

body.bb-theme-v2 .bb-v2-nav-toggle svg {
  width: 1.25rem;
  height: 1.25rem;
}

body.bb-theme-v2 .bb-v2-sidebar-toggle {
  display: none !important;
}

/* إخفاء الشريط الجانبي بالكامل في V2 */
body.bb-theme-v2.bb-v2-hnav #main-sidebar,
body.bb-theme-v2.bb-v2-hnav .side-bar {
  display: none !important;
}

@media (max-width: 991.98px) {
  body.bb-theme-v2 .bb-v2-nav-toggle {
    display: inline-flex;
  }

  body.bb-theme-v2 .bb-v2-nav-wrap {
    display: none;
    max-height: min(70vh, calc(100vh - var(--bb-v2-header-h) - 1rem));
    overflow: hidden;
    border-top: 1px solid var(--bb-v2-nav-bar-border);
  }

  body.bb-theme-v2.bb-v2-nav-open .bb-v2-nav-wrap {
    display: block;
  }

  body.bb-theme-v2 .bb-v2-nav-wrap .bb-top-nav-scroll {
    max-height: min(68vh, calc(100vh - var(--bb-v2-header-h) - 2rem));
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }

  body.bb-theme-v2 .bb-v2-nav-wrap #bb-top-nav-menu {
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    min-height: 0 !important;
    padding: 0.5rem 0.75rem 0.75rem !important;
    gap: 0.25rem !important;
  }

  body.bb-theme-v2 .bb-v2-nav-wrap #bb-top-nav-menu > .bb-nav-link,
  body.bb-theme-v2 .bb-v2-nav-wrap #bb-top-nav-menu > .top-nav-dd-root > .drop_down {
    width: 100% !important;
    justify-content: flex-start !important;
  }

  body.bb-theme-v2 .bb-v2-nav-wrap #bb-top-nav-menu > .top-nav-dd-root > .chiled {
    position: static !important;
    inset: auto !important;
    width: 100% !important;
    max-width: none !important;
    margin-top: 0.25rem;
    box-shadow: none !important;
    border: 1px solid var(--bb-v2-nav-panel-border) !important;
  }

  body.bb-theme-v2.bb-v2-nav-open .bb-v2-overlay {
    display: block;
  }
}

@media (min-width: 992px) {
  body.bb-theme-v2 .bb-v2-nav-wrap {
    display: block !important;
  }

  body.bb-theme-v2.bb-v2-nav-open .bb-v2-overlay {
    display: none !important;
  }
}

@media print {
  body.bb-theme-v2 .bb-v2-shell {
    display: none !important;
  }
}