/* Header approved against the supplied reference. Other sections keep their original layout. */
@font-face {
  font-family: "Itqan Header";
  src: url("/assets/brand/2026/fonts/NaN-SuperX-Arabic-VF-TRIAL.ttf") format("truetype");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

.main-header {
  font-family: "Itqan Header", "Ping", sans-serif;
}
.main-header .font-almarai { font-family: inherit; }
.main-header img.itqan-header-logo {
  width: 180px !important;
  height: 56px !important;
  object-fit: contain;
  flex-shrink: 0;
  border-radius: 0;
  background: transparent;
}
.main-header .nav-btn.router-link-active {
  text-decoration: underline;
  text-decoration-color: var(--brand-lime);
  text-decoration-thickness: 1px;
  text-underline-offset: 8px;
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .main-header > div > .itqan-header-row:first-child { gap: 16px !important; }
  .main-header .header-inline-nav { gap: 8px !important; }
  .main-header .header-inline-nav .nav-btn > button,
  .main-header .header-inline-nav .dropdown > div > button {
    padding-inline: 8px;
  }
}

@media (max-width: 1199px) {
  .main-header .itqan-header-logo--desktop,
  .main-header .header-inline-nav,
  .main-header > div > nav,
  .main-header .search-input,
  .main-header.header-search-open .search-input,
  .main-header .header-search-toggle,
  .main-header .itqan-header-controls > a { display: none !important; }

  .main-header .itqan-header-row { margin-bottom: 0 !important; }
  .main-header .itqan-header-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    width: 100%;
    gap: 16px;
  }
  .main-header img.itqan-header-logo--mobile {
    display: block;
    width: clamp(104px, calc(100vw - 240px), 150px) !important;
    height: 48px !important;
  }
  .main-header .itqan-header-cart { justify-self: start; width: auto; }
  .main-header .itqan-header-controls { justify-self: end; width: auto; }
  .main-header button[aria-label="Open menu"] { display: block; }
  .sidebar .dropdown.hidden.lg\:block { display: none !important; }
}