/* ==========================================================
   MUKLAWA_HEADER_CONTROLS_UNIFIED_V7
   Same visual system for right-side header controls
   ========================================================== */

.muklawa-main-navbar-v2 {
  --muk-v7-h: 46px;
  --muk-v7-radius: 15px;
  --muk-v7-font: 15px;
  --muk-v7-weight: 700;
  --muk-v7-gap: 10px;
}

/* Right-side container */
.muklawa-main-navbar-v2 .navbar-actions,
.muklawa-main-navbar-v2 .header-actions,
.muklawa-main-navbar-v2 .nav-actions,
.muklawa-main-navbar-v2 .muk-header-actions {
  display: flex !important;
  align-items: center !important;
  gap: var(--muk-v7-gap) !important;
  flex-wrap: nowrap !important;
}

/* ALL V6 controls/actions get exactly the same height/type system */
.muklawa-main-navbar-v2 .muk-v6-control,
.muklawa-main-navbar-v2 .muk-v6-action {
  box-sizing: border-box !important;

  height: var(--muk-v7-h) !important;
  min-height: var(--muk-v7-h) !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;

  border-radius: var(--muk-v7-radius) !important;

  font-size: var(--muk-v7-font) !important;
  font-weight: var(--muk-v7-weight) !important;
  line-height: 1 !important;

  white-space: nowrap !important;

  vertical-align: middle !important;

  transition:
    background-color .18s ease,
    border-color .18s ease,
    color .18s ease,
    transform .18s ease !important;
}

/* Normal controls:
   Pakistan / PKR when text exists */
.muklawa-main-navbar-v2 .muk-v6-control {
  padding: 0 16px !important;

  border: 1px solid #eadfe5 !important;
  background: #fff !important;

  color: #201b20 !important;
}

/* Icon-only globe / currency controls */
.muklawa-main-navbar-v2 .muk-v6-control:has(.muk-v6-icon-only),
.muklawa-main-navbar-v2 .muk-v6-control.muk-v6-icon-only,
.muklawa-main-navbar-v2 button.muk-v6-control[aria-label] {
  min-width: var(--muk-v7-h) !important;
}

/* Keep icon-only controls square only when they contain no visible text */
.muklawa-main-navbar-v2 .muk-v6-control.muk-icon-only,
.muklawa-main-navbar-v2 .muk-v6-action.muk-icon-only {
  width: var(--muk-v7-h) !important;
  min-width: var(--muk-v7-h) !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Header icons all same visual size */
.muklawa-main-navbar-v2 .muk-v6-control i,
.muklawa-main-navbar-v2 .muk-v6-action i,
.muklawa-main-navbar-v2 .muk-v6-control svg,
.muklawa-main-navbar-v2 .muk-v6-action svg {
  font-size: 16px !important;

  width: 18px !important;
  height: 18px !important;

  flex: 0 0 18px !important;

  margin: 0 !important;
}

/* Text action buttons:
   Download App / Sign Up / Sign In / Dashboard / Logout */
.muklawa-main-navbar-v2 .muk-v6-action {
  padding: 0 18px !important;

  min-width: 108px !important;

  border-width: 1px !important;
  border-style: solid !important;

  text-align: center !important;
}

/* Remove inherited random font sizes from children */
.muklawa-main-navbar-v2 .muk-v6-control *,
.muklawa-main-navbar-v2 .muk-v6-action * {
  line-height: 1 !important;
}

.muklawa-main-navbar-v2 .muk-v6-control span,
.muklawa-main-navbar-v2 .muk-v6-action span,
.muklawa-main-navbar-v2 .muk-v6-control strong,
.muklawa-main-navbar-v2 .muk-v6-action strong {
  font-size: var(--muk-v7-font) !important;
  font-weight: var(--muk-v7-weight) !important;
}

/* Primary pink actions keep same geometry as outline actions */
.muklawa-main-navbar-v2 .muk-v6-action.btn-primary,
.muklawa-main-navbar-v2 .muk-v6-action.primary,
.muklawa-main-navbar-v2 .muk-v6-action.is-primary {
  color: #fff !important;
}

/* No giant Download button */
.muklawa-main-navbar-v2 .muk-v6-action[href*="download"],
.muklawa-main-navbar-v2 a.muk-v6-action[href*="app"] {
  min-width: 142px !important;
  padding-left: 18px !important;
  padding-right: 18px !important;
}

/* Auth buttons same system */
.muklawa-main-navbar-v2 .muk-v6-action[href*="signup"],
.muklawa-main-navbar-v2 .muk-v6-action[href*="register"],
.muklawa-main-navbar-v2 .muk-v6-action[href*="login"],
.muklawa-main-navbar-v2 .muk-v6-action[href*="logout"] {
  min-width: 102px !important;
}

/* Dashboard needs a little extra room but identical height/font */
.muklawa-main-navbar-v2 .muk-v6-action[href*="dashboard"] {
  min-width: 126px !important;
}

/* Prevent Bootstrap padding / line-height making buttons uneven */
.muklawa-main-navbar-v2 .muk-v6-control.btn,
.muklawa-main-navbar-v2 .muk-v6-action.btn,
.muklawa-main-navbar-v2 button.muk-v6-control,
.muklawa-main-navbar-v2 button.muk-v6-action,
.muklawa-main-navbar-v2 a.muk-v6-control,
.muklawa-main-navbar-v2 a.muk-v6-action {
  height: var(--muk-v7-h) !important;
  min-height: var(--muk-v7-h) !important;
  line-height: 1 !important;
}

/* ----------------------------------------------------------
   Compact laptop
   ---------------------------------------------------------- */
@media (min-width: 1200px) and (max-width: 1450px) {

  .muklawa-main-navbar-v2 {
    --muk-v7-h: 42px;
    --muk-v7-font: 14px;
    --muk-v7-gap: 7px;
  }

  .muklawa-main-navbar-v2 .muk-v6-control {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .muklawa-main-navbar-v2 .muk-v6-action {
    padding-left: 14px !important;
    padding-right: 14px !important;
    min-width: 92px !important;
  }

  .muklawa-main-navbar-v2 .muk-v6-action[href*="download"],
  .muklawa-main-navbar-v2 a.muk-v6-action[href*="app"] {
    min-width: 128px !important;
  }

  .muklawa-main-navbar-v2 .muk-v6-action[href*="dashboard"] {
    min-width: 112px !important;
  }
}

/* Mobile/tablet menu sizing remains controlled by existing responsive header.
   Do not force desktop action geometry inside hamburger panel. */
@media (max-width: 1199.98px) {

  .muklawa-main-navbar-v2 .navbar-collapse .muk-v6-control,
  .muklawa-main-navbar-v2 .navbar-collapse .muk-v6-action {
    width: 100% !important;
    max-width: none !important;

    min-height: 44px !important;
    height: 44px !important;

    font-size: 15px !important;
  }
}

/* END MUKLAWA_HEADER_CONTROLS_UNIFIED_V7 */