/* ==========================================================================
   Wealahkids — Typography Scale
   Upgrades all storefront font sizes to standard e-commerce proportions.
   Loaded last so it cleanly overrides style.css and brand-refinement.css.
   ========================================================================== */

/* ── Base ─────────────────────────────────────────────────────────────────── */
body {
  font-size: 16px;
  line-height: 1.65;
}

/* ── Global navigation ───────────────────────────────────────────────────── */
.announcement {
  font-size: 13px;
}
.nav-link {
  font-size: 14px;
}
.dropdown-panel a {
  font-size: 14px;
}
.header-contact {
  font-size: 13px;
}
.cart-trigger {
  font-size: 13px;
}

/* ── Product cards (catalogue grid) ─────────────────────────────────────── */
.product-info h3 {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
}
.product-price {
  font-size: 14px;
}
.product-price strong {
  font-size: 14px;
}
.product-price del {
  font-size: 13px;
}
.sale-label {
  font-size: 12px;
}
.add-button {
  font-size: 13px;
}
.product-badge {
  font-size: 11px;
}
.product-info {
  padding-top: 12px;
}

/* ── Section headings ────────────────────────────────────────────────────── */
.eyebrow {
  font-size: 11px;
}
.section-heading h2 {
  font-size: clamp(36px, 4vw, 52px);
}
.text-link {
  font-size: 13px;
}
.chip, .filter-chips a {
  font-size: 13px;
}
.sort-label {
  font-size: 13px;
}
.sort-label select {
  font-size: 13px;
}
.product-count {
  font-size: 13px;
}

/* ── Product detail page ─────────────────────────────────────────────────── */

/* Breadcrumb */
.detail-breadcrumb {
  font-size: 13px;
}

/* Price */
.detail-price {
  font-size: 22px;
  gap: 10px;
}
.detail-price strong {
  font-size: 22px;
  font-weight: 700;
}
.detail-price del {
  font-size: 17px;
}

/* Stock status */
.detail-stock {
  font-size: 14px;
  margin: 14px 0 28px;
}

/* Description section */
.detail-description h2,
.detail-variations h2 {
  font-size: 17px;
  margin-bottom: 10px;
}
.detail-description p,
.detail-variations p {
  font-size: 15px;
  line-height: 1.75;
}

/* Variant / option selector — most important fix */
.option-label {
  font-size: 14px;
  font-weight: 600;
  gap: 7px;
}
.option-label select {
  font-size: 15px;
  height: 46px;
  padding: 0 14px;
}
.option-label span {
  font-size: 13px;
  font-weight: 400;
}
.option-label textarea {
  font-size: 14px;
  padding: 10px 12px;
}

/* Quantity */
.quantity-block > label {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 8px;
}
.quantity-change,
.detail-quantity {
  width: 44px;
  height: 44px;
  font-size: 16px;
}

/* Add to cart button */
.detail-add {
  font-size: 15px;
  min-height: 52px;
  margin-top: 16px;
}

/* Note / details accordions */
.note-details summary,
.review-details summary {
  font-size: 14px;
  padding: 14px 0;
}
.note-details > label {
  font-size: 13px;
  margin: 14px 0 7px;
}
.note-details > label span {
  font-size: 12px;
}
.note-details textarea {
  font-size: 13px;
}
.option-help {
  font-size: 12px;
  margin: 8px 0 14px;
}

/* Variation prompt */
.variation-prompt {
  font-size: 14px;
}

/* Review details */
.review-details > p,
.review-details p {
  font-size: 14px;
  line-height: 1.75;
}
.review-details summary {
  font-size: 15px;
}

/* Detail rating */
.detail-rating {
  font-size: 13px;
  margin: 12px 0 8px;
}
.detail-rating > span:first-child {
  font-size: 18px;
}

/* Share row */
.detail-share {
  font-size: 13px;
}
.share-product {
  font-size: 12px;
}
.share-status {
  font-size: 12px;
}

/* Tags */
.detail-tags {
  font-size: 13px;
}

/* Gallery caption */
.gallery-caption {
  font-size: 12px;
  margin-left: 0;
}

/* Footnote */
.detail-footnote p {
  font-size: 13px;
}

/* Detail assurances */
.detail-assurances {
  font-size: 14px;
}

/* ── Reviews section ─────────────────────────────────────────────────────── */
.customer-review h3 {
  font-size: 15px;
}
.customer-review p {
  font-size: 14px;
  line-height: 1.75;
}
.customer-review small {
  font-size: 13px;
}
.review-stars {
  font-size: 17px;
}
.review-note {
  font-size: 13px;
}

/* ── Cart drawer ──────────────────────────────────────────────────────────── */
.cart-line strong {
  font-size: 14px;
}
.cart-line span {
  font-size: 13px;
}
.cart-total {
  font-size: 15px;
}
.cart-total strong {
  font-size: 16px;
}
.demo-note {
  font-size: 12px;
}

/* ── Checkout page ───────────────────────────────────────────────────────── */
.commerce-form label,
.checkout-panel label {
  font-size: 14px;
}
.commerce-form input,
.commerce-form select,
.checkout-panel input,
.checkout-panel select {
  font-size: 15px;
}
.radio-row {
  font-size: 15px;
}

/* ── Footer ──────────────────────────────────────────────────────────────── */
.footer-col {
  font-size: 13px;
}
.footer-col h3 {
  font-size: 12px;
}
.footer-bottom {
  font-size: 12px;
}
.footer-brand > p {
  font-size: 14px;
}

/* ── Story / editorial sections ──────────────────────────────────────────── */
.story-copy > p:not(.eyebrow) {
  font-size: 15px;
}
.editorial-body p,
.policy-content p,
.policy-content li {
  font-size: 15px;
  line-height: 1.85;
}
.editorial-body p:first-child {
  font-size: 17px;
}
.intro-copy > p:not(.eyebrow) {
  font-size: 15px;
}
.hero-message {
  font-size: 16px;
}
.hero-signoff {
  font-size: 13px;
}

/* ── Search overlay ──────────────────────────────────────────────────────── */
.search-hint,
.search-empty {
  font-size: 14px;
}
.search-result {
  font-size: 14px;
}

/* ── Contact page ────────────────────────────────────────────────────────── */
.contact-intro {
  font-size: 15px;
}
.contact-cards strong {
  font-size: 14px;
}

/* ── Account ─────────────────────────────────────────────────────────────── */
.account-form label {
  font-size: 13px;
}
.account-form input {
  font-size: 14px;
}
.account-result {
  font-size: 13px;
}

/* ── Buy for me dialog ───────────────────────────────────────────────────── */
.buy-for-me-form label {
  font-size: 14px;
}
.buy-for-me-form input,
.buy-for-me-form textarea,
.buy-for-me-form select {
  font-size: 14px;
}

/* ── Newsletter / signup ─────────────────────────────────────────────────── */
.newsletter-form input {
  font-size: 14px;
}
.newsletter-form button {
  font-size: 13px;
}
.form-note {
  font-size: 12px;
}

/* ── Form messages (errors / success) ───────────────────────────────────── */
.form-message {
  font-size: 14px;
}

/* ── Store.css overrides (checkout, cart, reviews) ───────────────────────── */

/* Commerce form fields */
.commerce-form label,
.admin-card label {
  font-size: 14px;
}
.commerce-form label > span {
  font-size: 13px;
}
.commerce-form input,
.commerce-form select,
.commerce-form textarea,
.catalog-search input,
.admin-card input,
.admin-card select,
.admin-card textarea {
  font-size: 15px;
  min-height: 46px;
}

/* Checkout order summary sidebar */
.cart-summary > p {
  font-size: 14px;
}
.cart-summary .muted {
  font-size: 13px;
}

/* Cart page lines */
.cart-line-copy > p {
  font-size: 13px;
}
.cart-line-copy > strong {
  font-size: 15px;
}
.inline-cart-form label {
  font-size: 13px;
}
.text-button {
  font-size: 13px;
}

/* Auth pages */
.auth-form > p {
  font-size: 14px;
}

/* Product detail order form textarea */
.detail-order-form .option-label textarea {
  font-size: 14px;
}

/* Detail assurances */
.detail-assurances {
  font-size: 14px;
}

/* Review form */
.review-form label {
  font-size: 14px;
}
.review-form input,
.review-form select,
.review-form textarea {
  font-size: 15px;
}

/* Quick search in header */
.quick-search input {
  font-size: 13px;
  width: 130px;
}

/* Source note / muted / gallery caption global */
.source-note,
.muted,
.gallery-caption {
  font-size: 13px;
}

/* Related products link */
.related-heading .text-link {
  font-size: 13px;
}

/* Buy for me form */
.buy-for-me-form > p:not(.eyebrow) {
  font-size: 14px;
}
.buy-for-me-form label {
  font-size: 14px;
}
.buy-for-me-form input,
.buy-for-me-form textarea,
.buy-for-me-form select {
  font-size: 15px;
}

/* ── Mobile overrides ────────────────────────────────────────────────────── */
@media (max-width: 700px) {
  body {
    font-size: 15px;
  }

  .product-info h3 {
    font-size: 13px;
  }
  .product-price {
    font-size: 13px;
  }
  .product-price del {
    font-size: 12px;
  }
  .sale-label {
    font-size: 11px;
  }
  .add-button {
    font-size: 12px;
  }

  /* Product detail on mobile */
  .detail-price {
    font-size: 19px;
  }
  .detail-price strong {
    font-size: 19px;
  }
  .detail-price del {
    font-size: 15px;
  }
  .detail-description p,
  .detail-variations p {
    font-size: 14px;
  }
  .option-label {
    font-size: 13px;
  }
  .option-label select {
    font-size: 15px; /* keep >=16px to prevent iOS zoom */
    height: 44px;
  }
  .detail-add {
    font-size: 14px;
  }
  .nav-link {
    font-size: 15px;
  }
  .chip, .filter-chips a {
    font-size: 12px;
  }
  .footer-col {
    font-size: 13px;
  }
  .cart-line strong {
    font-size: 13px;
  }
  .cart-line span {
    font-size: 12px;
  }
  .detail-breadcrumb {
    font-size: 12px;
  }
  .detail-stock {
    font-size: 13px;
  }
  .review-details summary {
    font-size: 14px;
  }
  .customer-review p {
    font-size: 13px;
  }
  .note-details summary,
  .review-details summary {
    font-size: 13px;
  }
  .commerce-form label,
  .checkout-panel label {
    font-size: 13px;
  }
  .commerce-form input,
  .commerce-form select {
    font-size: 16px; /* prevent iOS zoom */
  }
  .radio-row {
    font-size: 14px;
  }
  .announcement {
    font-size: 11px;
  }
  .hero-message {
    font-size: 14px;
  }
  .story-copy > p:not(.eyebrow) {
    font-size: 14px;
  }
}