/* Ultimate Legacy — Custom Overrides */
/* Add minimal CSS here only when theme.json cannot achieve the desired result. */

/* ── Header / Navigation ────────────────────────────────────── */

/* Nav links: subtle hover underline */
.wp-block-navigation a.wp-block-navigation-item__content {
	text-decoration: none;
	transition: color 0.2s ease;
}
.wp-block-navigation a.wp-block-navigation-item__content:hover,
.wp-block-navigation a.wp-block-navigation-item__content:focus {
	color: var(--wp--preset--color--accent) !important;
}

/* Submenu dropdown styling */
.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
	background: var(--wp--preset--color--primary);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 4px;
	padding: 0.5rem 0;
	min-width: 200px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container a {
	padding: 0.5rem 1.25rem;
	font-size: 0.8125rem;
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container a:hover {
	background: rgba(255, 255, 255, 0.08);
	color: var(--wp--preset--color--accent) !important;
}

/* Submenu indicator arrow */
.wp-block-navigation .has-child > .wp-block-navigation-item__content::after {
	content: " ▾";
	font-size: 0.7em;
	opacity: 0.7;
}

/* Mobile overlay tweaks */
.wp-block-navigation__responsive-container.is-menu-open {
	padding: 2rem;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
	padding: 0.25rem 0;
}

/* ── CTA Button in Header ───────────────────────────────────── */

/* Make the header CTA button stand out */
header .wp-block-button__link {
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	transition: background-color 0.2s ease, transform 0.15s ease;
}
header .wp-block-button__link:hover {
	background-color: #e0ac00 !important;
	transform: translateY(-1px);
}

/* ── WooCommerce ────────────────────────────────────────────── */

/* Product cards */
.wc-block-grid__product,
.wc-block-product-template .wc-block-product {
	border-radius: 8px;
	overflow: hidden;
	transition: box-shadow 0.2s ease;
}
.wc-block-grid__product:hover,
.wc-block-product-template .wc-block-product:hover {
	box-shadow: 0 4px 16px rgba(67, 8, 5, 0.12);
}

/* Add to cart buttons — match theme style */
.wc-block-grid__product .wp-block-button__link,
.single-product .single_add_to_cart_button,
.wc-block-components-product-button__button {
	background-color: var(--wp--preset--color--primary) !important;
	color: var(--wp--preset--color--background) !important;
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 500;
	text-transform: uppercase;
	font-size: 0.875rem;
	letter-spacing: 0.5px;
	border-radius: 4px;
}
.single-product .single_add_to_cart_button:hover,
.wc-block-components-product-button__button:hover {
	background-color: var(--wp--preset--color--ultimate-red) !important;
}

/* Price styling */
.wc-block-grid__product-price,
.product .price,
.wc-block-components-product-price {
	color: var(--wp--preset--color--primary);
	font-weight: 500;
}

/* Variation swatches — tighten spacing */
.single-product .variations td {
	padding: 0.5rem 0;
}

/* Cart/checkout pages — consistent spacing */
.wc-block-cart,
.wc-block-checkout {
	font-family: var(--wp--preset--font-family--body);
}
.wc-block-checkout__actions .wc-block-components-checkout-place-order-button {
	background-color: var(--wp--preset--color--primary) !important;
	border-radius: 4px;
}
.wc-block-checkout__actions .wc-block-components-checkout-place-order-button:hover {
	background-color: var(--wp--preset--color--ultimate-red) !important;
}

/* ── Memory Landing Page (/m/<id>) ─────────────────────────── */

/* Full-bleed cover image */
.single-ul_memory .wp-block-post-featured-image {
	max-height: 50vh;
	overflow: hidden;
}
.single-ul_memory .wp-block-post-featured-image img {
	width: 100%;
	height: 50vh;
	object-fit: cover;
}

/* Video embed responsive */
.single-ul_memory .wp-block-embed {
	max-width: 100%;
}
.single-ul_memory .wp-block-embed__wrapper {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
}
.single-ul_memory .wp-block-embed__wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 8px;
}