/* ============================================================
   modal-fonts.css -- Font scaling for modals & widgets
   ============================================================
  stylesin jälkee latauksissa, muuten o hauki
   ============================================================ */

/* ===== LARGE MODE (body.font-large) ===== */
body.font-large {
  /* Modaalit yleisesti */
}

/* Promo modal -- DLC starter pack */
body.font-large .nb-dlc-promo-modal { font-size: 15px; }
body.font-large .nb-dlc-promo-modal .panel-title { font-size: 18px !important; }
body.font-large .nb-dlc-promo-features { font-size: 14px; line-height: 1.7; }
body.font-large .nb-dlc-promo-features > div { font-size: 14px; }
body.font-large .nb-dlc-promo-features .dim,
body.font-large .nb-dlc-promo-modal .dim { font-size: 13px !important; }
body.font-large .nb-dlc-promo-amt { font-size: 22px !important; }
body.font-large .nb-dlc-promo-buy,
body.font-large .nb-dlc-promo-close { font-size: 15px !important; padding: 14px 16px !important; }

/* Network tab bar */
body.font-large .network-tab { font-size: 14px; padding: 12px 16px; }
body.font-large .network-tabs { font-size: 14px; }

/* NULLcoin module */
body.font-large .nullcoin-module { font-size: 16px; }
body.font-large .nlc-h1 { font-size: 1.5em; }
body.font-large .nlc-h2 { font-size: 1.15em; }
body.font-large .nlc-label { font-size: 0.95em; }
body.font-large .nlc-value { font-size: 1.5em; }
body.font-large .nlc-value.sm { font-size: 1.1em; }
body.font-large .nlc-table { font-size: 14px; }
body.font-large .nlc-table th { font-size: 0.85em; }
body.font-large .nlc-btn { font-size: 15px; padding: 12px 18px; }
body.font-large .nlc-tx-search input { font-size: 14px; padding: 12px 14px; }
body.font-large .nlc-tx-count { font-size: 13px; }
body.font-large .nlc-subtitle { font-size: 0.95em; }
body.font-large .nlc-marketplace-desc { font-size: 14px; }
body.font-large .nlc-buy-status { font-size: 13px; }

/* Generic modal selectors -- catches NB.modal patterns */
body.font-large .modal,
body.font-large .modal-content,
body.font-large .modal-body,
body.font-large .nb-modal,
body.font-large .nb-modal-body,
body.font-large .dialog,
body.font-large .popup,
body.font-large [role="dialog"] { font-size: 15px; }

body.font-large .modal .modal-title,
body.font-large .modal-header,
body.font-large .dialog-title,
body.font-large .nb-modal-title { font-size: 18px; }

/* Toast / notifications */
body.font-large .toast,
body.font-large .nb-toast,
body.font-large .notification { font-size: 14px; padding: 14px 18px; }

/* Form inputs in modals -- 16px+ prevents iOS auto-zoom */
body.font-large input[type="text"],
body.font-large input[type="number"],
body.font-large input[type="email"],
body.font-large input[type="password"],
body.font-large textarea,
body.font-large select { font-size: 16px; }

/* OTA update banner / restart modal */
body.font-large .nb-ota-banner,
body.font-large .nb-ota-modal { font-size: 14px; }

/* Cosmetics / settings / skin-picker panels (often dense small text) */
body.font-large .panel { font-size: 14px; }
body.font-large .panel-title { font-size: 16px; }

/* Fix inline-styled font-size:11px and font-size:12px overrides
   in JS-generated content. !important needed since inline beats
   external rules on specificity. */
body.font-large [style*="font-size:11px"] { font-size: 13px !important; }
body.font-large [style*="font-size: 11px"] { font-size: 13px !important; }
body.font-large [style*="font-size:12px"] { font-size: 14px !important; }
body.font-large [style*="font-size: 12px"] { font-size: 14px !important; }
body.font-large [style*="font-size:10px"] { font-size: 12px !important; }
body.font-large [style*="font-size: 10px"] { font-size: 12px !important; }


/* ===== XLARGE MODE (body.font-xlarge) ===== */

body.font-xlarge .nb-dlc-promo-modal { font-size: 17px; }
body.font-xlarge .nb-dlc-promo-modal .panel-title { font-size: 21px !important; }
body.font-xlarge .nb-dlc-promo-features { font-size: 16px; line-height: 1.75; }
body.font-xlarge .nb-dlc-promo-features > div { font-size: 16px; }
body.font-xlarge .nb-dlc-promo-features .dim,
body.font-xlarge .nb-dlc-promo-modal .dim { font-size: 15px !important; }
body.font-xlarge .nb-dlc-promo-amt { font-size: 26px !important; }
body.font-xlarge .nb-dlc-promo-buy,
body.font-xlarge .nb-dlc-promo-close { font-size: 17px !important; padding: 16px 18px !important; }

body.font-xlarge .network-tab { font-size: 16px; padding: 14px 18px; }
body.font-xlarge .network-tabs { font-size: 16px; }

body.font-xlarge .nullcoin-module { font-size: 17px; }
body.font-xlarge .nlc-h1 { font-size: 1.6em; }
body.font-xlarge .nlc-h2 { font-size: 1.2em; }
body.font-xlarge .nlc-label { font-size: 1em; }
body.font-xlarge .nlc-value { font-size: 1.6em; }
body.font-xlarge .nlc-value.sm { font-size: 1.15em; }
body.font-xlarge .nlc-table { font-size: 16px; }
body.font-xlarge .nlc-btn { font-size: 16px; padding: 14px 20px; }
body.font-xlarge .nlc-tx-search input { font-size: 16px; padding: 14px 16px; }
body.font-xlarge .nlc-tx-count { font-size: 14px; }
body.font-xlarge .nlc-marketplace-desc { font-size: 16px; }
body.font-xlarge .nlc-buy-status { font-size: 14px; }

body.font-xlarge .modal,
body.font-xlarge .modal-content,
body.font-xlarge .modal-body,
body.font-xlarge .nb-modal,
body.font-xlarge .nb-modal-body,
body.font-xlarge .dialog,
body.font-xlarge .popup,
body.font-xlarge [role="dialog"] { font-size: 17px; }

body.font-xlarge .modal .modal-title,
body.font-xlarge .modal-header,
body.font-xlarge .dialog-title,
body.font-xlarge .nb-modal-title { font-size: 20px; }

body.font-xlarge .toast,
body.font-xlarge .nb-toast,
body.font-xlarge .notification { font-size: 16px; padding: 16px 20px; }

body.font-xlarge input[type="text"],
body.font-xlarge input[type="number"],
body.font-xlarge input[type="email"],
body.font-xlarge input[type="password"],
body.font-xlarge textarea,
body.font-xlarge select { font-size: 17px; }

body.font-xlarge .nb-ota-banner,
body.font-xlarge .nb-ota-modal { font-size: 16px; }

body.font-xlarge .panel { font-size: 16px; }
body.font-xlarge .panel-title { font-size: 18px; }

/* Inline-style overrides for x-large -- a notch bigger than large */
body.font-xlarge [style*="font-size:11px"] { font-size: 15px !important; }
body.font-xlarge [style*="font-size: 11px"] { font-size: 15px !important; }
body.font-xlarge [style*="font-size:12px"] { font-size: 16px !important; }
body.font-xlarge [style*="font-size: 12px"] { font-size: 16px !important; }
body.font-xlarge [style*="font-size:10px"] { font-size: 14px !important; }
body.font-xlarge [style*="font-size: 10px"] { font-size: 14px !important; }
body.font-xlarge [style*="font-size:13px"] { font-size: 16px !important; }
body.font-xlarge [style*="font-size: 13px"] { font-size: 16px !important; }