/* ==========================================================
   Got Hot Wheels Auctions - v66 Feature UI Fix v67
   Scope: v66 feature pages only
   ========================================================== */

html body.ghw67-feature-fix .ghw66-page {
  padding-top: 34px !important;
}

/* Fix notification checkbox rows. Older v66 styled every input as a full-width text input. */
html body.ghw67-feature-fix .ghw66-form.prefs {
  width: min(760px, 100%) !important;
  display: grid !important;
  gap: 10px !important;
}

html body.ghw67-feature-fix .ghw66-form.prefs label,
html body.ghw67-feature-fix .ghw66-check {
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 48px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 11px 13px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 10px !important;
  background: rgba(0,0,0,.26) !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  line-height: 1.3 !important;
  white-space: normal !important;
}

/* Force checkboxes back to real checkbox size. */
html body.ghw67-feature-fix .ghw66-form input[type="checkbox"],
html body.ghw67-feature-fix .ghw66-check input[type="checkbox"],
html body.ghw67-feature-fix input[type="checkbox"] {
  appearance: auto !important;
  -webkit-appearance: checkbox !important;
  box-sizing: border-box !important;
  display: inline-block !important;
  width: 18px !important;
  min-width: 18px !important;
  max-width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  max-height: 18px !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 3px !important;
  background: initial !important;
  color: initial !important;
  flex: 0 0 18px !important;
  box-shadow: none !important;
  accent-color: #ff9d00 !important;
}

/* Buyer Dashboard saved search form polish. */
html body.ghw67-feature-fix .ghw66-form.inline {
  display: grid !important;
  grid-template-columns: minmax(150px, 1.1fr) minmax(180px, 1.35fr) 120px 92px 98px !important;
  gap: 10px !important;
  align-items: center !important;
}

html body.ghw67-feature-fix .ghw66-form.inline input:not([type="checkbox"]),
html body.ghw67-feature-fix .ghw66-form.inline select {
  min-height: 44px !important;
  height: 44px !important;
}

html body.ghw67-feature-fix .ghw66-form.inline .ghw66-check {
  min-height: 44px !important;
  padding: 8px 10px !important;
  justify-content: center !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
  letter-spacing: .035em !important;
  font-weight: 900 !important;
}

html body.ghw67-feature-fix .ghw66-form.inline button {
  width: 100% !important;
  min-height: 44px !important;
}

/* Make form text fields less oversized on v66 pages. */
html body.ghw67-feature-fix .ghw66-form input:not([type="checkbox"]),
html body.ghw67-feature-fix .ghw66-form textarea,
html body.ghw67-feature-fix .ghw66-form select {
  box-sizing: border-box !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.ghw67-feature-fix .ghw66-form input::placeholder,
html body.ghw67-feature-fix .ghw66-form textarea::placeholder {
  color: #8f9bad !important;
  -webkit-text-fill-color: #8f9bad !important;
}

/* Feature cards: keep content inside the card and prevent labels from hanging outside. */
html body.ghw67-feature-fix .ghw66-card {
  overflow: hidden !important;
}

html body.ghw67-feature-fix .ghw66-card > * {
  max-width: 100% !important;
}

/* Top action buttons: tighter, aligned, not oversized. */
html body.ghw67-feature-fix .ghw66-actions {
  align-items: flex-start !important;
  justify-content: flex-end !important;
}

html body.ghw67-feature-fix .ghw66-actions a {
  min-width: 104px !important;
  min-height: 38px !important;
  padding: 0 13px !important;
  white-space: nowrap !important;
}

/* Saved search item action row. */
html body.ghw67-feature-fix .ghw66-list article > div {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  align-items: center !important;
}

html body.ghw67-feature-fix .ghw66-list article form {
  margin: 0 !important;
}

html body.ghw67-feature-fix .ghw66-list article form button {
  min-height: 34px !important;
}

/* Admin review table forms should stay compact. */
html body.ghw67-feature-fix .ghw66-table form {
  display: flex !important;
  gap: 7px !important;
  align-items: center !important;
  margin: 0 !important;
}

html body.ghw67-feature-fix .ghw66-table select {
  min-width: 120px !important;
}

@media (max-width: 1100px) {
  html body.ghw67-feature-fix .ghw66-form.inline {
    grid-template-columns: 1fr 1fr !important;
  }

  html body.ghw67-feature-fix .ghw66-form.inline button {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 700px) {
  html body.ghw67-feature-fix .ghw66-form.inline {
    grid-template-columns: 1fr !important;
  }

  html body.ghw67-feature-fix .ghw66-actions {
    justify-content: flex-start !important;
  }

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