/* ============================================================================================================
   Parent-friendly sizes and the gold main action — Version 1.1 locked decision 1 (8 Nov 2026)
   Loaded last in <head> on every public and member page (not on /admin pages: dense desktop tables).
   In rem, so a phone set to "large text" makes everything larger too (html is 100%, not a fixed 16px).
     main buttons + every input / dropdown ...... 3.5rem  (56 px)
     smaller buttons, chips, tabs, × ............ 2.75rem (44 px, the minimum for a finger)
     reading text, labels, what people type ..... 1rem    (16 px; also stops iPhones zooming into a field)
     small print (badges, captions, hints) ...... 0.875rem (14 px floor; was down to 11 px)
   One gold main action per screen (Continue, Submit, Send Salam, Pay): gold with dark text, contrast about 6:1.
   Secondary actions stay green outline; the cards' View Profile buttons keep their groom / bride colours.
   ============================================================================================================ */
:root {
  --mj-tap: 3.5rem;
  --mj-tap-sm: 2.75rem;
  --mj-gold-1: #D9B23A;
  --mj-gold-2: #C9A227;
  --mj-gold-ink: #3A2A08;
  --mj-gold-hover: #B8921F;
}
html:root { font-size: 100%; }          /* was html{font-size:16px} — a fixed size ignores the phone's text setting */
body { font-size: 1rem; }

/* ---------- inputs and dropdowns: 56 px, 16 px text ---------- */
input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):not([type="range"]):not([type="color"]):not(.s2-pinbox),
select, .form-control, .form-select, .form-control-custom, .input, .phone__cc, .pick-wrap .pick-q, .pick-wrap .pick-other {
  min-height: var(--mj-tap) !important;
  font-size: 1rem !important;
}
textarea, .textarea { font-size: 1rem !important; }
.s2-pinbox { min-height: var(--mj-tap) !important; height: var(--mj-tap) !important; }

/* ---------- main buttons: 56 px ---------- */
.btn, .btn-emerald, .btn-primary, .btn-primary-custom, .btn-outline-emerald, .btn--primary, .btn--gold, .btn--outline,
.pd2-btn, .dt-btn, .btn-save, .cta, .btn-whatsapp, .rcard__view, .bcard__view, .bcard__salam,
button[type="submit"], input[type="submit"] {
  min-height: var(--mj-tap) !important;
  font-size: 1rem !important;
}
.btn--sm, .pd2-btn--sm, .btn-sm { min-height: var(--mj-tap-sm) !important; }

/* ---------- the gold main action ---------- */
.btn--primary, .btn-emerald, .btn-primary, .btn-primary-custom, .pd2-btn--primary, .dt-btn:not([class*="outline"]):not([class*="ghost"]),
.contact-form-card button[type="submit"], .s2-step .actions .btn--primary, .filter-pill[type="submit"] {
  background: linear-gradient(135deg, var(--mj-gold-1), var(--mj-gold-2)) !important;
  border-color: var(--mj-gold-2) !important;
  color: var(--mj-gold-ink) !important;
  font-weight: 700 !important;
  box-shadow: 0 6px 16px rgba(201, 162, 39, .28) !important;
}
.btn--primary:hover, .btn-emerald:hover, .btn-primary:hover, .btn-primary-custom:hover, .pd2-btn--primary:hover, .dt-btn:not([class*="outline"]):hover {
  background: var(--mj-gold-hover) !important;
  color: var(--mj-gold-ink) !important;
}
.btn--primary i, .btn-emerald i, .btn-primary i, .btn-primary-custom i, .pd2-btn--primary i, .btn--primary svg { color: var(--mj-gold-ink) !important; }
:is(.btn--primary, .btn-emerald, .btn-primary, .btn-primary-custom, .pd2-btn--primary):focus-visible {
  outline: 3px solid #103C2D !important; outline-offset: 2px;
}

.filter-pill[type="submit"] { min-height: var(--mj-tap) !important; font-size: 1rem !important; }
.bcard__salam, .bcard__view, .rcard__view { gap: 6px !important; }   /* the icon touched "Send Salam" */

/* ---------- smaller controls: 44 px ---------- */
.chip, .cat-pill, .card-like-btn, .tab-btn, .salam-card-btn, .filter-chip, .btn-icon-x, .btn-icon-ok, .pr-btn, .cm-btn, .cr-btn,
.stepbar__back, .mj-bnav__item, .s2-eye, .s2-sample, .seg button {
  min-height: var(--mj-tap-sm) !important;
}
.chip { font-size: 1rem !important; }
.card-like-btn, .btn-icon-x, .btn-icon-ok, .s2-eye { min-width: var(--mj-tap-sm) !important; }

/* ---------- reading text ---------- */
.label, .form-label, label, .page-sub, .lead { font-size: 1rem !important; }

/* ---------- small print: 14 px floor ---------- */
small, .small, .hint, .note, .form-note, .text-muted, .rbadge, .bbadge, .badge, .rcard__head, .bcard__head,
.rcard__match, .card-match, .rcard__line, .sec-muted, .dob-age, .s2-err, .field-error, .actions__note, .disclaimer,
.breadcrumb-trail, .mj-bnav__item, .progress__label {
  font-size: 0.875rem !important;
}