/*
 * Mustafa WP — header primary action ("ابدأ مشروعك" via WhatsApp).
 * Hidden on phones: the floating WhatsApp button already covers them and the
 * small-screen header is limited to search, cart and menu.
 */
.mwp-header__cta {
  display: none;
  flex: 0 0 auto;
  min-height: 42px;
  align-items: center;
  gap: 7px;
  padding: 8px 14px;
  border: 1px solid transparent;
  border-radius: var(--radius-sm);
  background: var(--primary);
  color: var(--on-primary);
  font-size: .84rem;
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color var(--motion-duration-base) var(--motion-ease-standard), box-shadow var(--motion-duration-base) var(--motion-ease-standard);
}

.mwp-header__cta:hover,
.mwp-header__cta:focus-visible {
  background: var(--primary-hover);
  color: var(--on-primary);
  box-shadow: var(--shadow-sm);
}

.mwp-header__cta:focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 2px;
}

@media (min-width: 768px) {
  .mwp-header__cta { display: inline-flex; }
}

/* Tightest desktop band (full menu, no search box): keep the button compact. */
@media (min-width: 1280px) and (max-width: 1439px) {
  .mwp-header__cta {
    padding-inline: 11px;
    font-size: .78rem;
  }
}