/* =============================================================================
   EONYX LABS — theme.css (aggregate index)
   =============================================================================

   COMMENT INDEX — the theme's CSS is split into four files, enqueued in this
   order by functions.php::covert_enqueue_assets():

     1. base.css        Design tokens (:root vars), CSS reset, base typography,
                         buttons, category swatch/dot, RUO compliance notice.
     2. components.css  Reusable UI pieces: sliding announcement marquee,
                         header + mega-menu, mobile menu drawer, product card
                         (hover-swap), shop-by-need banner grid, promotional
                         showcase tiles, cart drawer, form fields, footer.
     3. pages.css        Page/section-specific layout: hero, trust grid,
                         compound quick-reference table, FAQ accordion,
                         archive/category hero + toolbar + pagination,
                         single-product (PDP) gallery + spec table +
                         variations, about/contact page layout, WooCommerce
                         core template overrides (cart/checkout/account
                         pages we intentionally do NOT fully override).
     4. theme.css         (this file) — print styles + any rare one-off
                         overrides that don't belong in the other three.
                         Kept enqueued last so it can win if ever needed.

   Why split instead of one file: keeps each concern independently
   reviewable/diffable, matches the brief's request for "a short comment
   index at the top", and avoids one 2,000-line stylesheet. All four are
   still enqueued as regular <link> tags (not @import) for parallel
   browser loading — see functions.php for the wp_enqueue_style() calls
   and dependency chain (base -> components -> pages -> theme).

   preview/index.html reuses these same four files unmodified so the
   static QA preview always matches the live theme's actual CSS.
   ========================================================================== */

@media print {
  .covert-header,
  .covert-marquee,
  .covert-cart-drawer,
  .covert-mobile-menu,
  .covert-overlay,
  .covert-footer__social {
    display: none !important;
  }
}