/* Portal-specific overrides on top of zd-admin.css */

/* Coming-soon service cards — muted appearance, hover lift disabled */
.card-link.is-soon {
  opacity: 0.65;
}
.card-link.is-soon:hover {
  transform: none;
  box-shadow: var(--shadow-lg);
  border-color: var(--color-line);
}

/* Mobile nav: .zd-admin.css hides .zd-nav at <=999px independently of the
   container; override so it shows when the hamburger opens the container */
@media (max-width: 999px) {
  .zd-header__nav.is-open .zd-nav {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: var(--space-2) 0;
  }
  .zd-header__nav.is-open .zd-nav__link.is-active::after,
  .zd-header__nav.is-open .zd-nav__link[aria-current="page"]::after {
    display: none; /* underline indicator doesn't apply vertically */
  }
}

/* Two-column form field row (account + website order form) */
.portal-field-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-4);
  margin-bottom: var(--space-4);
}
@media (max-width: 600px) {
  .portal-field-row { grid-template-columns: 1fr; }
}

/* Key-value definition list (billing address) */
dl.kv {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: var(--space-2) var(--space-4);
  margin: 0;
}
dl.kv dt { color: var(--color-muted); font-size: var(--text-sm); }
dl.kv dd { font-size: var(--text-sm); margin: 0; }