/*
Theme Name: Aethyrdancer Designs
Theme URI: https://example.com/
Description: Child theme for Aethyrdancer Designs — all-over-print apparel storefront.
Author: Aethyrdancer Designs
Version: 0.1.0
Template: astra
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: aethyrdancer
Requires at least: 6.5
Requires PHP: 8.1
Tags: e-commerce, woocommerce
*/

/*
 * Rules live in assets/css/. This file exists for the theme header and is enqueued
 * after the parent stylesheet — put only genuine last-word overrides here.
 *
 * See CLAUDE.md for the front-end guardrails: no heavy animation on product, cart, or
 * checkout templates, and every effect must respect prefers-reduced-motion.
 */

/*
 * BELOW-THE-FOLD WORK WAITS UNTIL IT IS NEEDED.
 *
 * `content-visibility: auto` lets the browser skip layout and paint for a section until it
 * is near the viewport. The related-products grid on a product page is four framed cards
 * with glows and drop-shadows that nobody sees before they have scrolled past the buy
 * button; the footer is the same on every page. The intrinsic size is a placeholder
 * height so the scrollbar does not jump when the section is finally laid out — an
 * estimate, and `auto` lets the browser remember the real one once measured.
 */
.single-product section.related {
	content-visibility: auto;
	contain-intrinsic-size: auto 720px;
}

.site-footer {
	content-visibility: auto;
	contain-intrinsic-size: auto 260px;
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}