/* ==========================================================
   Got Hot Wheels Auctions - v66/v69 Feature Page Polish v70
   Scope: buyer dashboard + notification/admin v66 feature pages
   ========================================================== */

html body.ghw70-feature-polish .ghw66-hero {
  gap: 18px !important;
}

html body.ghw70-feature-polish .ghw66-actions {
  min-width: 330px !important;
  max-width: 360px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  justify-content: flex-end !important;
  gap: 9px !important;
}

html body.ghw70-feature-polish .ghw66-actions a {
  min-width: 104px !important;
  min-height: 36px !important;
  padding: 0 12px !important;
  font-size: 11px !important;
  white-space: nowrap !important;
}

/* Buyer Dashboard saved search form was too wide for the card.
   Turn it into a clean 2-column form with full visible Alerts + Save. */
html body.ghw70-feature-polish .ghw66-card .ghw66-form.inline {
  width: 100% !important;
  max-width: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: center !important;
  overflow: visible !important;
}

html body.ghw70-feature-polish .ghw66-card .ghw66-form.inline input:not([type="checkbox"]),
html body.ghw70-feature-polish .ghw66-card .ghw66-form.inline select {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 44px !important;
  height: 44px !important;
  box-sizing: border-box !important;
}

html body.ghw70-feature-polish .ghw66-card .ghw66-form.inline .ghw66-check {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 44px !important;
  height: 44px !important;
  justify-content: flex-start !important;
  padding: 0 12px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

html body.ghw70-feature-polish .ghw66-card .ghw66-form.inline .ghw66-check input[type="checkbox"] {
  width: 18px !important;
  min-width: 18px !important;
  max-width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  max-height: 18px !important;
  flex: 0 0 18px !important;
  appearance: auto !important;
  -webkit-appearance: checkbox !important;
  accent-color: #ff9d00 !important;
}

html body.ghw70-feature-polish .ghw66-card .ghw66-form.inline button {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 44px !important;
  height: 44px !important;
  grid-column: 1 / -1 !important;
}

/* Put saved-search results under the form with breathing room. */
html body.ghw70-feature-polish .ghw66-card .ghw66-form.inline + .ghw66-list,
html body.ghw70-feature-polish .ghw66-card .ghw66-form.inline + p {
  margin-top: 12px !important;
}

/* Notification page: keep checkbox list readable and not overly wide. */
html body.ghw70-feature-polish .ghw66-form.prefs {
  max-width: 760px !important;
}

html body.ghw70-feature-polish .ghw66-form.prefs label {
  min-height: 46px !important;
}

/* Marketplace Tools link added by JS should match the existing hero buttons. */
html body.ghw70-feature-polish .ghw66-actions a[href="/marketplace-tools"] {
  border-color: rgba(255,157,0,.75) !important;
  color: #ffd45a !important;
}

/* If user is not admin and JS hides Admin Center, rebalance buttons. */
html body.ghw70-feature-polish .ghw66-actions a[style*="display: none"] {
  display: none !important;
}

@media (max-width: 980px) {
  html body.ghw70-feature-polish .ghw66-hero {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  html body.ghw70-feature-polish .ghw66-actions {
    min-width: 0 !important;
    max-width: 100% !important;
    justify-content: flex-start !important;
  }
}

@media (max-width: 640px) {
  html body.ghw70-feature-polish .ghw66-card .ghw66-form.inline {
    grid-template-columns: 1fr !important;
  }

  html body.ghw70-feature-polish .ghw66-actions a {
    width: 100% !important;
  }
}