/* ══════════════════════════════════════
   HEADER — ريم للحلول الرقمية
   Single clean header, no duplication.
   ══════════════════════════════════════ */

/* --- Top Bar (thin dark bar) --- */
.reem-topbar {
  background: #0F172A;
  padding: var(--space-2) 0;
  font-size: var(--text-xs);
  color: #CBD5E1;
  direction: rtl;
}

.reem-topbar__inner {
  max-width: var(--container-max);
  margin-inline: auto;
  padding-inline: var(--container-padding);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.reem-topbar__text {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}

.reem-topbar__links {
  display: flex;
  align-items: center;
  gap: var(--space-4);
}

.reem-topbar__links a {
  color: #94A3B8;
  font-size: 14px;
  transition: color var(--transition-fast);
}

.reem-topbar__links a:hover {
  color: #FFFFFF;
}

.reem-topbar__phone {
  direction: ltr;
  unicode-bidi: isolate;
}

@media (max-width: 768px) {
  .reem-topbar { display: none; }
}

/* --- Main Header --- */
.site-header,
.ast-primary-header-bar {
  background: var(--color-bg);
  border-bottom: 1px solid var(--color-border);
  box-shadow: none;
}

/* Hide Astra's below-header completely (was causing duplication) */
.ast-below-header,
.ast-below-header-bar,
.ast-below-header-wrap,
.ast-above-header,
.ast-above-header-bar {
  display: none;
}

/* Hide old sticky wrapper and search row */
.rc-sticky-wrapper,
.rc-header-search-row,
.rc-header-search-row--fibosearch {
  display: none;
}

/* --- Logo / Site Identity --- */
.ast-site-identity {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.site-title {
  margin: 0;
  line-height: 1.2;
}

.site-title a,
.ast-site-title-wrap a {
  font-family: var(--font-heading);
  font-weight: 800;
  font-size: 28px;
  color: var(--color-primary);
  text-decoration: none;
  transition: transform var(--transition-fast);
  display: inline-block;
}

.site-title a:hover {
  transform: scale(1.02);
  color: var(--color-primary);
}

.site-description {
  font-family: var(--font-body);
  font-weight: 500;
  font-size: 11px;
  color: var(--color-text-light);
  margin: 0;
  letter-spacing: 0;
}

/* --- Navigation --- */
.ast-builder-menu .main-header-menu {
  display: flex;
  align-items: center;
  gap: 0;
}

.ast-builder-menu .main-header-menu > .menu-item > a {
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 15px;
  color: var(--color-text-body);
  padding: var(--space-5) var(--space-5);
  transition: color var(--transition-fast);
  position: relative;
}

.ast-builder-menu .main-header-menu > .menu-item > a:hover,
.ast-builder-menu .main-header-menu > .menu-item.current-menu-item > a {
  color: var(--color-primary);
  background: transparent;
}

/* Underline indicator */
.ast-builder-menu .main-header-menu > .menu-item > a::after {
  content: '';
  position: absolute;
  bottom: 0;
  inset-inline: 50%;
  height: 3px;
  background: var(--gradient-primary);
  border-radius: 2px 2px 0 0;
  transition: inset-inline var(--transition-base);
}

.ast-builder-menu .main-header-menu > .menu-item > a:hover::after,
.ast-builder-menu .main-header-menu > .menu-item.current-menu-item > a::after {
  inset-inline: var(--space-4);
}

/* --- Submenu / Dropdown --- */
.ast-builder-menu .main-header-menu .sub-menu {
  background: var(--color-bg);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  padding: var(--space-2) 0;
  min-width: 220px;
}

.ast-builder-menu .main-header-menu .sub-menu a {
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 500;
  color: var(--color-text-body);
  padding: var(--space-3) var(--space-5);
  transition: all var(--transition-fast);
}

.ast-builder-menu .main-header-menu .sub-menu a:hover {
  background: var(--color-primary-50);
  color: var(--color-primary);
  padding-inline-start: var(--space-6);
}

/* --- Header Actions (cart, CTA) --- */
.ast-header-woo-cart,
.ast-menu-cart-with-border {
  border: none;
}

.ast-header-woo-cart .ast-cart-menu-wrap .count {
  background: var(--color-primary);
  color: #FFFFFF;
  font-family: var(--font-body);
  font-weight: 700;
  font-size: 11px;
  min-width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: var(--radius-full);
}

/* CTA Button in header */
.ast-header-button-1 .ast-custom-button,
.ast-builder-layout-element .ast-custom-button {
  background: var(--color-primary);
  color: #FFFFFF;
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 14px;
  padding: var(--space-2) var(--space-6);
  border-radius: var(--radius-md);
  border: none;
  transition: all var(--transition-base);
}

.ast-header-button-1 .ast-custom-button:hover,
.ast-builder-layout-element .ast-custom-button:hover {
  background: var(--color-primary-dark);
  transform: translateY(-1px);
  box-shadow: var(--shadow-brand);
  color: #FFFFFF;
}

/* --- Sticky Header --- */
.ast-primary-sticky-header-active .ast-primary-header-bar,
.ast-header-sticked .ast-primary-header-bar {
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: var(--shadow-sm);
  border-bottom-color: transparent;
}

/* --- Search Icon --- */
.ast-header-search .astra-search-icon,
.ast-search-icon {
  color: var(--color-text-muted);
  transition: color var(--transition-fast);
}

.ast-header-search .astra-search-icon:hover,
.ast-search-icon:hover {
  color: var(--color-primary);
}

/* Search overlay */
.ast-search-box.full-screen {
  background: rgba(15, 23, 42, 0.6);
  backdrop-filter: blur(8px);
}

.ast-search-box.full-screen .search-field {
  font-family: var(--font-body);
  font-size: var(--text-xl);
  color: var(--color-text-primary);
  border-bottom-color: var(--color-primary);
}

/* --- Mobile Header --- */
@media (max-width: 921px) {
  .site-title a {
    font-size: 22px;
  }

  .site-description {
    font-size: 10px;
  }

  /* Mobile menu trigger */
  .ast-mobile-menu-trigger-minimal {
    color: var(--color-text-primary);
  }

  /* Mobile menu */
  .ast-mobile-popup-drawer .ast-mobile-popup-inner {
    background: var(--color-bg);
  }

  .ast-mobile-popup-drawer .main-header-menu .menu-item a {
    font-family: var(--font-body);
    font-weight: 600;
    font-size: 16px;
    color: var(--color-text-body);
    padding: var(--space-4) var(--space-6);
    border-bottom: 1px solid var(--color-border);
  }

  .ast-mobile-popup-drawer .main-header-menu .menu-item a:hover,
  .ast-mobile-popup-drawer .main-header-menu .current-menu-item a {
    color: var(--color-primary);
    background: var(--color-primary-50);
  }
}

/* === Hide Astra page-list fallback navigation === */
.ast-header-break-point .ast-header-custom-item,
.ast-header-custom-item .ast-inline-search,
.site-header .widget_pages,
.site-header .widget_nav_menu:not(:first-child) {
  display: none !important;
  /* REASON: Astra shows all pages as nav when no menu assigned to a builder slot */
}