/*
 * OPENMIX — TYPOGRAPHY SCALE
 *
 * Typeface: Barlow Condensed
 * Scale:
 * 11 / 12 / 14 / 16 / 18 / 24 / 36
 *
 * Hero/display clamp() sizes intentionally untouched.
 */

/* ---------------------------------------------------------
   11px — micro labels / technical markers
   --------------------------------------------------------- */

.mirror-link,
.nav-btn,
.language-current,
.language-option,
.spec small,
.step-no,
.step-kicker,
.step-meta,
.faq-counter small,
.faq-index span,
.faq-item-no,
.faq-note,
.flow-kicker,
.flow-label,
.pay-result-label,
.mini-label,
.calc-cell span,
.fee-scale,
.order-status-strip span,
.nojs-payment-label,
.nojs-payment-meta span,
.om-track-kicker,
.om-track-status-label,
.om-track-progress-label{
  font-size:11px!important;
}


/* ---------------------------------------------------------
   12px — metadata / secondary UI
   --------------------------------------------------------- */

.faq-filter,
.faq-category-desc,
.order-field-note,
.order-note,
.flow-note,
.pay-meta,
.payment-meta,
.nojs-track-widget-note,
.nojs-payment-meta code,
.om-track-note,
.om-track-status,
.om-track-progress,
code,
kbd,
samp{
  font-size:12px!important;
}


/* ---------------------------------------------------------
   14px — secondary readable text
   --------------------------------------------------------- */

.order-help,
.order-description,
.pay-description,
.payment-text-panel,
.pgp-page code,
.pgp-page pre,
.pgp-page input,
.pgp-page textarea,
.nojs-payment-reference > code,
.om-track-input,
.om-track-help{
  font-size:14px!important;
}


/* ---------------------------------------------------------
   16px — body copy
   --------------------------------------------------------- */

body,
.hero-lead,
.faq-lead,
.faq-answer-inner,
.flow-lead,
.order-lead,
.pay-lead,
.pgp-lead,
p,
li{
  font-size:16px;
}


/* ---------------------------------------------------------
   18px — controls / emphasized UI
   --------------------------------------------------------- */

.cta,
.flow-primary,
.faq-cta,
.om-track-submit,
button[type="submit"],
input,
select,
textarea{
  font-size:18px;
}


/* ---------------------------------------------------------
   24px — compact headings
   --------------------------------------------------------- */

.brand,
.faq-question-text,
.faq-category-title,
.flow-section-title,
.pay-result-title,
.order-card-title,
.om-track-title{
  font-size:24px!important;
}


/* ---------------------------------------------------------
   36px — section headings
   --------------------------------------------------------- */

.section-title,
.faq-category-no,
.pay-section-title,
.pgp-section-title{
  font-size:36px!important;
}


/* ---------------------------------------------------------
   Inputs containing IDs/addresses should stay readable,
   but don't let the condensed font force overflow.
   --------------------------------------------------------- */

code,
pre,
input,
textarea,
.pay-address-row code,
.payment-address,
#displayText,
#payOrderId,
#payoutAddress1,
#payoutAddress2{
  overflow-wrap:anywhere;
}


/* ---------------------------------------------------------
   Mobile: preserve same semantic scale.
   --------------------------------------------------------- */

@media(max-width:780px){

  body,
  .hero-lead,
  .faq-lead,
  .faq-answer-inner,
  .flow-lead,
  .order-lead,
  .pay-lead,
  .pgp-lead{
    font-size:16px!important;
  }

  input,
  select,
  textarea,
  .cta,
  .flow-primary,
  .faq-cta,
  .om-track-submit{
    font-size:18px!important;
  }

  .faq-question-text,
  .faq-category-title,
  .flow-section-title,
  .order-card-title,
  .om-track-title{
    font-size:24px!important;
  }
}

/* OPENMIX READABILITY FIX V2 */

/* PAY */
.pay-result-label{
  font-size:16px!important;
}

.status-id{
  font-size:14px!important;
}

.payment-address{
  font-size:18px!important;
}

.pay-guarantee-download{
  font-size:14px!important;
}

/* HOMEPAGE — bottom mirrors / links */
.mirrors .route,
.mirrors .route a,
.mirrors .route-label,
.mirrors .route-url,
.mirrors .mirror-url,
.mirrors a{
  font-size:14px!important;
}

/* NO-JS / ONION */
body[data-runtime="nojs"] .pay-result-label{
  font-size:16px!important;
}

body[data-runtime="nojs"] .status-id{
  font-size:14px!important;
}

body[data-runtime="nojs"] .payment-address{
  font-size:18px!important;
}

body[data-runtime="nojs"] .pay-guarantee-download{
  font-size:14px!important;
}

body[data-runtime="nojs"] .mirrors .route,
body[data-runtime="nojs"] .mirrors .route a,
body[data-runtime="nojs"] .mirrors .route-label,
body[data-runtime="nojs"] .mirrors .route-url,
body[data-runtime="nojs"] .mirrors .mirror-url,
body[data-runtime="nojs"] .mirrors a{
  font-size:14px!important;
}

/* END OPENMIX READABILITY FIX V2 */

/* OPENMIX PAY READABILITY PARITY V2 */

/*
 * Wallet address heading.
 * Match the visual scale of PAY panel headings.
 */
.pay-result-label{
  font-size:clamp(30px,2.45vw,38px)!important;
  line-height:.95!important;
}

/*
 * Order identifier.
 */
.status-id,
#payOrderId{
  font-size:14px!important;
}

/*
 * Payment address/reference.
 * Match important calculator values.
 */
.payment-address,
#displayText{
  font-size:18px!important;
}

/*
 * Guarantee download control.
 */
.pay-guarantee-download{
  font-size:14px!important;
}

/*
 * Guarantee copy was still very small in pay.css.
 */
.pay-guarantee-title{
  font-size:14px!important;
}

.pay-guarantee p{
  font-size:14px!important;
}

/*
 * Mobile PAY heading parity.
 */
@media(max-width:760px){

  .pay-result-label{
    font-size:clamp(24px,7vw,30px)!important;
  }

  .status-id,
  #payOrderId{
    font-size:14px!important;
  }

  .payment-address,
  #displayText{
    font-size:18px!important;
  }

  .pay-guarantee-download,
  .pay-guarantee-title,
  .pay-guarantee p{
    font-size:14px!important;
  }
}

/*
 * Onion / NO-JS deliberately uses exactly
 * the same PAY typography.
 */
body[data-runtime="nojs"] .pay-result-label{
  font-size:clamp(30px,2.45vw,38px)!important;
}

body[data-runtime="nojs"] .status-id,
body[data-runtime="nojs"] #payOrderId{
  font-size:14px!important;
}

body[data-runtime="nojs"] .payment-address,
body[data-runtime="nojs"] #displayText{
  font-size:18px!important;
}

body[data-runtime="nojs"] .pay-guarantee-download,
body[data-runtime="nojs"] .pay-guarantee-title,
body[data-runtime="nojs"] .pay-guarantee p{
  font-size:14px!important;
}

@media(max-width:760px){

  body[data-runtime="nojs"] .pay-result-label{
    font-size:clamp(24px,7vw,30px)!important;
  }
}

/* END OPENMIX PAY READABILITY PARITY V2 */


/* OPENMIX STEP NUMBER SIZE FIX 20260831 */

/*
 * step-no must be exactly the same visual size
 * as step-title.
 */
.step-no,
.step-title{
  font-size:24px!important;
  line-height:1!important;
}

/* END OPENMIX STEP NUMBER SIZE FIX 20260831 */