/*
Theme Name: BrandVault
Theme URI: https://example.com/brandvault
Author: BrandVault Team
Author URI: https://example.com
Description: BrandVault is a professional two-in-one WordPress theme: a public, content-first brand blog on the front page (hero, featured brands, categories, about strip, newsletter) plus a fully built but hidden coupon & deals engine (Brands + Coupons custom post types, brand-marking, copy-to-clipboard codes, expiry, click tracking). Ships with an in-theme demo importer (100 blog posts + 100 brand pages with coupons) and a Theme Options panel so every section is editable without touching code. Block-editor friendly, translation ready, responsive, no page builder required.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 7.1
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: brandvault
Tags: blog, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, two-columns, e-commerce, block-patterns, wide-blocks
*/

/* ---------------------------------------------------------------
   style.css only carries the theme header + a tiny base layer.
   The full design system lives in assets/css/main.css so that the
   theme header can never be broken by an edit. Do not delete the
   header block above - WordPress reads it to identify the theme.
   --------------------------------------------------------------- */

:root {
	--bv-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
}

html {
	box-sizing: border-box;
}

*,
*::before,
*::after {
	box-sizing: inherit;
}

body {
	margin: 0;
	font-family: var(--bv-font);
	-webkit-font-smoothing: antialiased;
}

img {
	max-width: 100%;
	height: auto;
}

a {
	color: inherit;
}

.screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.screen-reader-text:focus {
	top: 5px;
	left: 5px;
	z-index: 100000;
	display: block;
	width: auto;
	height: auto;
	padding: 12px 18px;
	clip: auto !important;
	background: #fff;
	color: #111;
	border-radius: 6px;
	box-shadow: 0 6px 24px rgba(0, 0, 0, 0.25);
	text-decoration: none;
}