/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/
Description: Child theme for Hello Elementor, optimized for WooCommerce templates at Black Room Boutique.
Author: Carlos / Antigravity
Author URI: https://blackroom.boutique
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/

:root {
	/* Colors */
	--br-bg: #fafafa;
	--br-card-bg: #ffffff;
	--br-text-main: #0c0c0d;
	--br-text-muted: #595960;
	--br-text-light: #909099;
	--br-accent: #111111;
	--br-accent-hover: #c8102e; /* Elegant Record Label Red */
	--br-border: #e8e8eb;
	--br-border-focus: #111111;
	
	/* Typography */
	--br-font-sans: 'Outfit', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	--br-font-serif: 'Playfair Display', Georgia, serif;
	
	/* Layout & Motion */
	--br-container-width: 1200px;
	--br-radius-sm: 2px;
	--br-radius-md: 6px;
	--br-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
	--br-shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.03);
	--br-shadow-md: 0 10px 30px rgba(0, 0, 0, 0.06);
}

/* Base resets & improvements for custom WooCommerce layouts */
.br-store-container {
	max-width: var(--br-container-width);
	margin: 0 auto;
	padding: 2rem 1.5rem;
	font-family: var(--br-font-sans);
	color: var(--br-text-main);
	background-color: var(--br-bg);
	box-sizing: border-box;
}

.br-store-container *,
.br-store-container *::before,
.br-store-container *::after {
	box-sizing: border-box;
}

/* Entire card click block overlay (ensures link text doesn't show above card) */
.br-card-link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 4;
	text-indent: -9999px;
	overflow: hidden;
}