/*
Theme Name: Yunfanzhi DTC
Theme URI: https://yunfanzhi.com
Author: Yunfanzhi
Author URI: https://yunfanzhi.com
Description: A clean, conversion-focused WooCommerce child theme built on Underscores (_s) for Western-market DTC / cross-border B2C stores. Minimal European & American design language, system-font typography (Inter / Roboto), mobile-first responsive layouts, WCAG 2.1 AA accessibility, schema.org structured data, multi-currency and multi-language ready. No page builder required.
Template: underscores
Version: 1.2.0
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: yunfanzhi-dtc
Tags: e-commerce, woocommerce, custom-menu, featured-images, translation-ready, responsive-layout, accessibility-ready, wide-blocks, block-styles
*/

/* -------------------------------------------------------------------------
 * This file intentionally stays small.
 *
 * The child theme overrides every parent template, so real styling lives in
 * `assets/css/main.css` (compiled from `sass/`). Only the pieces WordPress
 * expects to find inside `style.css` are kept here:
 *   - the theme header above (required for a child theme)
 *   - editor-facing helper classes below (alignment, captions, screen reader)
 *
 * Do NOT add layout rules here: they would load on every request on top of
 * main.css and be impossible to scope.
 * ---------------------------------------------------------------------- */

/* Accessibility: text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f9fafb;
	border-radius: 4px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.25);
	clip-path: none;
	color: #111827;
	display: block;
	font-size: 0.875rem;
	font-weight: 600;
	height: auto;
	left: 8px;
	line-height: normal;
	padding: 12px 20px;
	text-decoration: none;
	top: 8px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* WordPress alignment helper classes (block editor + classic content). */
.alignleft {
	float: left;
	margin: 0 1.5rem 1rem 0;
}

.alignright {
	float: right;
	margin: 0 0 1rem 1.5rem;
}

.aligncenter {
	clear: both;
	display: block;
	margin-inline: auto;
	margin-bottom: 1rem;
}

.alignwide,
.alignfull {
	clear: both;
}

/* Media, captions and galleries inside content. */
.wp-caption,
.gallery-caption {
	color: #6b7280;
	font-size: 0.875rem;
	font-style: italic;
	margin-bottom: 1.5rem;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-inline: auto;
}

.wp-caption-text {
	text-align: center;
}

.gallery {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
	margin-bottom: 1.5rem;
}

.gallery-item {
	margin: 0;
}

/* Sticky / protected posts. */
.sticky {
	position: relative;
}

.bypostauthor {
	display: block;
}

/* Editor colour palette utility classes (mirrors theme.json palette). */
.has-primary-color {
	color: var(--yfz-color-primary, #111827);
}

.has-primary-background-color {
	background-color: var(--yfz-color-primary, #111827);
}

.has-accent-color {
	color: var(--yfz-color-accent, #2563eb);
}

.has-accent-background-color {
	background-color: var(--yfz-color-accent, #2563eb);
}

.has-foreground-color {
	color: var(--yfz-color-text, #1f2937);
}

.has-background-alt-color {
	background-color: var(--yfz-color-bg-alt, #f9fafb);
}

.has-border-color {
	border-color: var(--yfz-color-border, #e5e7eb);
}