/*
Theme Name: I Got It Outdoors
Theme URI: https://igotitoutdoors.com
Author: I Got It Outdoors
Author URI: https://igotitoutdoors.com
Description: A custom block theme for the I Got It Outdoors brand — outdoors, firearms, and shooting content with a WooCommerce merch store. Classic outdoors aesthetic (deep pine, buckskin, blaze orange) with Oswald + Inter typography. Built for the native WordPress block editor.
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: igotitoutdoors
Tags: blog, e-commerce, news, custom-colors, custom-logo, custom-menu, block-styles, full-site-editing, wide-blocks, block-patterns
*/

/* ---------------------------------------------------------------------------
   Most styling lives in theme.json (design tokens + global styles).
   This file holds only what the editor cannot express declaratively.
   --------------------------------------------------------------------------- */

/* Visible keyboard focus everywhere — accessibility floor */
:where(a, button, input, select, textarea, summary, .wp-block-button__link):focus-visible {
	outline: 3px solid var(--wp--preset--color--blaze);
	outline-offset: 2px;
}

/* Respect reduced-motion preferences */
@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;
	}
}

/* "Blaze" trail-marker eyebrow — the recurring signature accent.
   Add the class "blaze-eyebrow" to a small heading/paragraph. */
.blaze-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 0.6em;
	font-family: var(--wp--preset--font-family--display);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.14em;
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--blaze);
}
.blaze-eyebrow::before {
	content: "";
	width: 0.85em;
	height: 0.85em;
	background: var(--wp--preset--color--blaze);
	transform: rotate(45deg);
	flex: 0 0 auto;
}

/* Responsive video frames — embeds keep aspect ratio.
   YouTube / landscape (16:9) is the WordPress default for embeds.
   For vertical TikTok clips, wrap the embed group in "is-vertical-video". */
.is-vertical-video iframe,
.is-vertical-video video {
	aspect-ratio: 9 / 16;
	width: 100%;
	height: auto;
	max-width: 360px;
	margin-inline: auto;
	display: block;
	border-radius: 8px;
}
.is-landscape-video iframe,
.is-landscape-video video {
	aspect-ratio: 16 / 9;
	width: 100%;
	height: auto;
	border-radius: 8px;
}

/* Card hover lift for post/product grids (motion-safe) */
@media (prefers-reduced-motion: no-preference) {
	.is-card-hover {
		transition: transform 160ms ease, box-shadow 160ms ease;
	}
	.is-card-hover:hover {
		transform: translateY(-3px);
	}
}

/* Affiliate disclosure strip in the footer — quiet but present (FTC) */
.affiliate-disclosure {
	font-size: 0.8rem;
	line-height: 1.6;
	opacity: 0.85;
}

/* Keep the site logo crisp and contained in the header */
.wp-block-site-logo img {
	height: auto;
}

/* Navigation submenu and mobile overlay readability */
.wp-block-navigation .wp-block-navigation__submenu-container {
	border-radius: 4px;
}