/*
Theme Name: BOYD
Theme URI: https://bookofyourdestiny.com/
Author: [OWNER NAME – The Book of Your Destiny]
Description: Lightweight block theme for The Book of Your Destiny. Landing template (full width, own footer) plus simple page and WooCommerce templates in the Destiny Book look. No external fonts or scripts.
Version: 0.2.1
Requires at least: 6.6
Tested up to: 6.9
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: boyd
Tags: block-theme, full-site-editing, e-commerce, one-column
*/

/* ---------- Base (mobile first). Landing pages carry their own CSS; these rules style page + shop templates. ---------- */
:root {
	--boyd-plum: #4a2d5f;
	--boyd-violet: #6b3fa0;
	--boyd-lilac: #9b6dc0;
	--boyd-lavender: #e8d5f5;
	--boyd-cream: #f5efe6;
	--boyd-paper: #faf9f7;
	--boyd-ink: #2d2428;
	--boyd-cta: #fbbf24;
	--boyd-radius: 12px;
	--boyd-shadow: 0 4px 20px rgba(74, 45, 95, 0.12);
}

body { -webkit-font-smoothing: antialiased; }
img { max-width: 100%; height: auto; }

/* Visible focus for keyboard users (WCAG 2.4.7) */
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
	outline: 3px solid var(--boyd-violet);
	outline-offset: 2px;
}

.screen-reader-text:not(:focus) {
	border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px;
	overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important;
}

/* ---------- Header ---------- */
.boyd-header { background: #fff; border-bottom: 1px solid var(--boyd-lavender); }
.boyd-header__inner { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.boyd-header .wp-block-site-title a { color: var(--boyd-plum); text-decoration: none; letter-spacing: 0.02em; }
.boyd-basket-link {
	display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border-radius: 999px;
	border: 2px solid var(--boyd-plum); color: var(--boyd-plum); font-weight: 700; text-decoration: none; font-size: 0.9rem;
}
.boyd-basket-link:hover { background: var(--boyd-lavender); }
.boyd-basket-link__count {
	min-width: 1.4em; padding: 0 6px; border-radius: 999px; background: var(--boyd-plum); color: #fff; font-size: 0.78rem; text-align: center;
}

/* ---------- Footer ---------- */
.boyd-footer { background: #1a1118; color: #d9cfe0; text-align: center; font-size: 0.85rem; }
.boyd-footer a { color: #e3c8f7; }
.boyd-footer a:hover { color: #fff; }
.boyd-legal-links { list-style: none; margin: 8px 0 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 14px; }

/* ---------- Buttons (same look as the landing) ---------- */
.wp-element-button,
.wp-block-button__link,
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit,
.wc-block-components-button:not(.is-link) {
	background: linear-gradient(135deg, #6b3fa0 0%, #4a2d5f 100%) !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: 10px !important;
	font-weight: 700;
	box-shadow: 0 4px 18px rgba(74, 45, 95, 0.35);
	transition: transform 0.15s, box-shadow 0.15s;
}
.wp-element-button:hover, .wp-block-button__link:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover,
.wc-block-components-button:not(.is-link):hover { box-shadow: 0 6px 24px rgba(74, 45, 95, 0.5); transform: translateY(-1px); }

/* ---------- WooCommerce surfaces ---------- */
.woocommerce .woocommerce-message, .woocommerce .woocommerce-info, .wc-block-components-notice-banner {
	border-radius: var(--boyd-radius);
}
.wc-block-components-sidebar-layout .wc-block-components-sidebar,
.wc-block-cart .wc-block-cart__totals-title,
.wc-block-checkout__sidebar {
	background: #fff; border-radius: 16px; box-shadow: var(--boyd-shadow);
}
.wc-block-checkout__sidebar, .wc-block-components-sidebar { padding: 16px !important; }
.woocommerce-checkout #terms, .wc-block-checkout__terms { font-size: 0.9rem; }
.woocommerce div.product .price, .wc-block-components-product-price { color: var(--boyd-plum); font-weight: 700; }

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