/*
Theme Name:        Astrum Tech
Theme URI:         https://www.astrumtech.com
Author:            Astrum Tech / ADMARK
Author URI:        https://www.astrumtech.com
Description:       Custom WooCommerce Full Site Editing (FSE) block theme for Astrum Tech, recreating the look & feel of the original Shopify "Concept" theme. Brand colours, Inter typography, rounded UI, WooCommerce-optimised templates, and Elementor-compatible page canvas. Built for WordPress 6.5+ with FSE and WooCommerce 8.0+.
Requires at least: 6.5
Tested up to:      6.7
Requires PHP:      7.4
Version:           1.1.0
License:           GNU General Public License v2 or later
License URI:       http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:       astrum-tech
Tags:              e-commerce, full-site-editing, block-styles, custom-colors, custom-logo, custom-menu, featured-images, rtl-language-support, wide-blocks, block-patterns, woocommerce, elementor
*/

/*
  Most styling lives in theme.json (design tokens) and assets/css/theme.css.
  This file is required by WordPress for theme metadata and is also enqueued
  on the front end via functions.php. Add small global overrides here only.

  ELEMENTOR NOTE:
  When Elementor is active, this theme automatically switches to the
  "canvas" layout for any page that uses the Elementor builder. The header
  and footer template parts remain active via wp_body_open and wp_footer
  hooks unless you select "Elementor Canvas" or "Elementor Full Width"
  as the page template in the Page Attributes panel.
*/

/* ── Body base override (supplements theme.json tokens) ── */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ── Sticky-header scrolled shadow ── */
.astrum-header.is-scrolled {
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.10);
  transition: box-shadow 0.25s ease;
}

/* ── Skip-to-content link (accessibility) ── */
.skip-link {
  position: absolute;
  left: -9999px;
  top: auto;
  overflow: hidden;
  z-index: 9999;
}
.skip-link:focus {
  left: 1rem;
  top: 1rem;
  background: var(--wp--preset--color--primary, #3b0023);
  color: #fff;
  padding: 0.5rem 1rem;
  border-radius: 6px;
  text-decoration: none;
}

/* ── Elementor page-level body classes ── */
body.elementor-page .site-header,
body.elementor-page .astrum-header {
  /* Elementor Full Width still shows the theme header/footer by default.
     Override per-page via Elementor's Page Settings → Template if needed. */
}

/* ── WooCommerce sale badge override ── */
.astrum-sale-badge.onsale {
  position: absolute;
  top: 10px;
  left: 10px;
  background: var(--wp--preset--color--sale, #e11d48);
  color: #fff;
  font-weight: 600;
  font-size: 0.8rem;
  padding: 0.4em 0.7em;
  border-radius: 999px;
  z-index: 2;
  min-height: unset;
  min-width: unset;
  margin: 0;
}