/* Home Market Setup page styles. Light theme, reuses tg-card-like cards
   and tg-btn from the site styles. tgh- prefix throughout. Every heading
   and body text carries an explicit color. */

#hms-hero h1 { font-family: var(--tg-font-display, sans-serif); font-size: 34px; line-height: 1.15; color: var(--tg-ink, #111); margin: 0 0 10px; }
.tgh-lede { font-size: 16px; line-height: 1.6; color: var(--tg-ink-mute, #555); margin: 0; max-width: 62ch; }
.tgh-section { margin: 0 0 28px; }
.tgh-section > h2 { font-family: var(--tg-font-display, sans-serif); font-size: 22px; color: var(--tg-ink, #111); margin: 0 0 6px; }
.tgh-body { font-size: 14px; line-height: 1.6; color: var(--tg-ink-mute, #555); margin: 0 0 16px; max-width: 62ch; }
.tgh-body a { color: var(--tg-purple, #7A3CFF); }

.tgh-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 14px; }
.tgh-card { display: block; background: var(--tg-bg, #fff); border: 1px solid var(--tg-rule, #e3e3e3); border-radius: 14px; padding: 16px; box-shadow: var(--tg-shadow-1, 0 1px 3px rgba(0,0,0,.06)); color: var(--tg-ink, #111); text-decoration: none; }
.tgh-card-name { font-weight: 600; font-size: 15px; color: var(--tg-ink, #111); margin: 0 0 6px; overflow-wrap: anywhere; }
h3.tgh-card-name { font-family: var(--tg-font-display, sans-serif); }
.tgh-blurb { font-size: 14px; line-height: 1.55; color: var(--tg-ink-mute, #555); margin: 0 0 12px; }
.tgh-price { font-size: 18px; font-weight: 700; color: var(--tg-ink, #111); margin: 0 0 8px; }
.tgh-pill { display: inline-block; font-size: 12px; font-weight: 600; padding: 2px 8px; border-radius: 999px; background: #ece8ff; color: #3d1a99; }
.tgh-pill-owned { background: #e2f5e3; color: #14532d; }
.tgh-owned-note { font-size: 14px; font-weight: 600; color: #14532d; margin: 8px 0 0; }
.tgh-error { color: #c81e1e; font-size: 13px; min-height: 18px; margin: 8px 0 0; }
.tgh-buy { min-height: 44px; }
.tgh-empty { font-size: 14px; color: var(--tg-ink-mute, #666); }

/* Intake form: single column, stacked labels, full width inputs. */
.tgh-form { max-width: 640px; }
.tgh-field { margin: 0 0 16px; }
.tgh-field label { display: block; font-size: 14px; font-weight: 600; color: var(--tg-ink, #111); margin: 0 0 6px; }
.tgh-field input[type="text"],
.tgh-field input[type="email"],
.tgh-field textarea { width: 100%; box-sizing: border-box; min-height: 48px; padding: 10px 12px; font-size: 16px; color: var(--tg-ink, #111); background: var(--tg-bg, #fff); border: 1px solid var(--tg-rule, #ccc); border-radius: 10px; }
.tgh-field textarea { line-height: 1.5; }
.tgh-fieldset { border: 1px solid var(--tg-rule, #e3e3e3); border-radius: 14px; padding: 14px 16px; margin: 0 0 16px; }
.tgh-fieldset legend { font-size: 14px; font-weight: 600; color: var(--tg-ink, #111); padding: 0 4px; }
.tgh-check-row { display: flex; align-items: center; gap: 10px; min-height: 44px; font-size: 14px; color: var(--tg-ink, #111); cursor: pointer; }
.tgh-check-row input[type="checkbox"] { width: 20px; height: 20px; flex: 0 0 auto; accent-color: var(--tg-purple, #7A3CFF); }
.tgh-disclosure-row { align-items: flex-start; margin: 0 0 16px; }
.tgh-disclosure-row input[type="checkbox"] { margin-top: 2px; }
.tgh-disclosure-row span { line-height: 1.5; color: var(--tg-ink, #111); }
.tgh-submit { min-height: 48px; width: 100%; }
.tgh-status { font-size: 14px; line-height: 1.55; color: var(--tg-ink-mute, #555); min-height: 20px; margin: 12px 0 0; }
.tgh-status-error { color: #c81e1e; }
.tgh-status-ok { color: #14532d; }

@media (max-width: 480px) {
  #hms-hero h1 { font-size: 28px; }
  .tgh-grid { grid-template-columns: 1fr; gap: 10px; }
  .tgh-card { padding: 12px; }
  .tgh-fieldset { padding: 12px; }
  .tgh-form { max-width: 100%; }
}
/* appended */
.tgh-scope-card { display: flex; align-items: flex-start; gap: 10px; min-height: 44px; padding: 12px; margin: 0 0 10px; border: 1px solid var(--tg-rule, #e3e3e3); border-radius: 12px; cursor: pointer; color: var(--tg-ink, #111); background: var(--tg-bg, #fff); }
.tgh-scope-card input[type="radio"] { width: 20px; height: 20px; flex: 0 0 auto; margin-top: 2px; accent-color: var(--tg-purple, #7A3CFF); }
.tgh-scope-text { display: block; }
.tgh-scope-name { display: block; font-size: 15px; font-weight: 700; color: var(--tg-ink, #111); margin: 0 0 4px; }
.tgh-scope-line { display: block; font-size: 14px; line-height: 1.5; color: var(--tg-ink-mute, #555); }
.tgh-owned-box { border: 1px solid #b7e1c0; background: #eefaf0; border-radius: 14px; padding: 14px 16px; margin: 0 0 16px; max-width: 640px; }
.tgh-owned-box .tgh-body { margin: 0; }
.tgh-booking { margin: 8px 0 0; max-width: 640px; }
.tgh-slot-row { border: 1px solid var(--tg-rule, #e3e3e3); border-radius: 10px; padding: 8px 12px; margin: 0 0 8px; background: var(--tg-bg, #fff); }
.tgh-slot-row input[type="radio"] { width: 20px; height: 20px; flex: 0 0 auto; accent-color: var(--tg-purple, #7A3CFF); }
.tgh-book-btn { min-height: 48px; width: 100%; max-width: 640px; }
.tgh-done-card { border: 1px solid var(--tg-rule, #e3e3e3); border-radius: 14px; padding: 14px 16px; background: var(--tg-bg, #fff); max-width: 640px; }
.tgh-done-card .tgh-body { margin: 0 0 6px; color: var(--tg-ink, #111); }
.tgh-done-card .tgh-body:last-child { margin-bottom: 0; }
#hms-purchase-note { font-weight: 600; color: #14532d; }
@media (max-width: 480px) {
  .tgh-scope-card { padding: 10px; }
  .tgh-book-btn { max-width: 100%; }
}