/* Theme Name: Edge Sportswear Theme URI: https://edge-sportswear.local/ Description: Astra child theme for Edge Sportswear. Custom storefront chrome + design system. Lives in its own folder (edge-sportswear) to avoid the slug collision with the unrelated "Edge" theme. Author: Edge Sportswear Author URI: https://edge-sportswear.local/ Template: astra Version: 1.9.28 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: edge Tags: astra, child-theme, woocommerce */ /* ------------------------------------------------------------------ Add your custom styles below this line. ------------------------------------------------------------------ */ /* ================================================================== Astra compatibility — keep Edge's intended look on the homepage. This file loads last, so these win over Astra at equal specificity. ================================================================== */ /* Astra sets explicit colors on h1–h6, which overrides the white our design system relies on via inheritance. Edge headings are always white (accents live on labels/spans, never on headings). */ .edge-app h1, .edge-app h2, .edge-app h3, .edge-app h4, .edge-app h5, .edge-app h6 { color: var(--fg); } /* The mobile hamburger is an .edge-iconbtn.only-mobile. Because `.edge-iconbtn { display:inline-flex }` is declared after the `.only-mobile { display:none }` utility at equal specificity, the button would show on desktop. Re-assert the desktop/mobile toggle with a slightly more specific selector. */ .edge-header__inner .only-mobile { display: none; } .edge-app.is-mobile .edge-header__inner .only-mobile { display: inline-flex; } /* Remove Astra's built-in scroll-to-top arrow entirely (also disabled via theme_mod). Edge provides its own bottom nav instead. */ #ast-scroll-top { display: none !important; } /* Astra's WooCommerce integration applies a link-level color to every on .woocommerce-* pages (specificity 0,1,1 via `.woocommerce a`). This bleeds into our checkout buttons, making their text appear blue. Re-assert with (0,2,1) — beats Astra, style.css loads last so it wins over the design system at equal specificity. */ .edge-app a.edge-btn--primary { background: var(--accent); color: #fff; } .edge-app a.edge-btn--primary:hover, .edge-app a.edge-btn--primary:focus { background: var(--edge-red); color: #fff; } /* Astra sets a global blue background on all