/** * Commerce / utility typography cleanup -- Phase 2B.2B, extended in the * commerce-cleanup pass with a 4th section for the single-product sticky * add-to-cart bar. * * Typography only. No redesign: no color, spacing, geometry, or layout * changes anywhere in this file. Converts the remaining Oswald surfaces * (top announcement bar, ModernCart drawer, CartFlows/WooCommerce checkout, * single-product sticky add-to-cart bar) to the TSC Inter / Inter Display * system. * * Each section below was live-verified independently against the actual * site before being written -- selectors, specificity, and (where used) * the evidence for !important are documented inline per section, not * assumed. * * Enqueued after tsc-tokens only, same reasoning as hero.css/ * shop-by-category.css/audio-software.css: typography.css explicitly * excludes the homepage and checkout, and none of these three surfaces are * homepage/#content anyway. */ /* ============================================================ * 1. TOP ANNOUNCEMENT BAR (Simple Banner plugin) * ============================================================ * #simple-banner is a unique ID, a direct sibling of the header -- * live-verified it currently gets Oswald purely by inheriting Astra's own * global `body, button, input, select, textarea { font-family: Oswald }` * rule (the Simple Banner plugin's own CSS sets no font-family at all). * An ID selector trivially outranks that un-important, class-only Astra * rule -- no !important needed here. * * Font-size compensation at mobile only: live-verified the banner already * wraps to 4 lines / ~43px tall at 400px width with Oswald at 13px: Inter * is wider per character at the same size and pushed it to 5 lines / 65px * -- a real height regression the brief asked to check for. 11.5px Inter * was live-verified to restore the original 4-line / ~44px result. Only * the text span's size changes; height/padding/colors/alignment/wording/ * close-button/link behavior are all otherwise untouched, and desktop * (1440px) was live-verified unaffected by the font change at all (45px * before and after) so no desktop size change is made. */ #simple-banner, #simple-banner-close-button { font-family: var(--tsc-font-body); } @media (max-width: 767px) { .simple-banner-text span { font-size: 11.5px; } } /* ============================================================ * 2. MODERNCART SLIDE-OUT DRAWER * ============================================================ * .moderncart-panel is a unique, third-party-plugin-owned class (global * floating overlay, not scoped to any body class) -- live-verified via * matched-rule tracing that only bare-element Astra rules (`button`, * specificity (0,0,1)) compete here, no CartFlows-style hidden overrides * like checkout has. A class-scoped override at (0,1,1)+ wins cleanly, no * !important needed -- confirmed live for the remove button, quantity * input, and drawer title. * * Base font-family cascades via normal inheritance to plain text elements * (span/div/a/p) that have no direct competing rule. button/input/select/ * textarea need an explicit override since Astra's rule targets those * tags directly, not via inheritance. * * "Review Your Cart" is the one genuine major heading (drawer title, * confirmed live: `.moderncart-slide-out-header-title`) -- Inter Display. * Everything else (product title, price, Remove, quantity, "Got a * Discount Code?", Subtotal/Total, "Proceed to Checkout") is functional * body text and stays Inter, per the brief. */ .moderncart-panel { font-family: var(--tsc-font-body); } .moderncart-panel button, .moderncart-panel input, .moderncart-panel select, .moderncart-panel textarea { font-family: var(--tsc-font-body); } .moderncart-panel .moderncart-slide-out-header-title { font-family: var(--tsc-font-display); font-weight: 600; } /* ============================================================ * 3. CARTFLOWS / WOOCOMMERCE CHECKOUT * ============================================================ * !important IS used here -- evidenced, not assumed. Live matched-rule * tracing found CartFlows' own checkout-template.css (v3.2.0) plus a * per-page INLINE