/* ============ IBPH GLOBAL HEADER/SITE OVERRIDE ============ */
/* This targets Storefront's default header to apply IBPH branding sitewide */

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@400;500;600;700;800&display=swap');

body {
	font-family: 'Inter', Arial, sans-serif !important;
}

/* Storefront header bar */
.site-header {
	background: #14141f !important;
	border-bottom: 3px solid #c9a85c !important;
	padding: 18px 0 !important;
}

.site-header .site-branding,
.site-header .site-title,
.site-header .site-title a {
	color: #ffffff !important;
	font-family: 'Bebas Neue', sans-serif !important;
	letter-spacing: 2px !important;
	font-size: 26px !important;
	text-transform: uppercase;
}

.site-header .site-description {
	color: #b8b8c8 !important;
}

/* Main nav */
.main-navigation,
.main-navigation ul,
#site-navigation {
	background: transparent !important;
}

.main-navigation ul li a {
	color: #e8e6df !important;
	font-weight: 600 !important;
	text-transform: uppercase;
	font-size: 13px !important;
	letter-spacing: 0.5px;
}

.main-navigation ul li a:hover {
	color: #c9a85c !important;
}

/* Cart icon area */
.site-header-cart .amount,
.site-header-cart a {
	color: #ffffff !important;
}

/* Page titles (Shop, Cart, Checkout, etc.) */
.page-title,
h1.entry-title,
.woocommerce-products-header__title {
	font-family: 'Bebas Neue', sans-serif !important;
	color: #14141f !important;
	letter-spacing: 1px;
	text-transform: uppercase;
}

/* Buttons sitewide */
.button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
	background: #14141f !important;
	color: #ffffff !important;
	border-radius: 6px !important;
	font-weight: 700 !important;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	border: none !important;
	transition: background 0.2s ease;
}

.button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
	background: #b02a2a !important;
	color: #ffffff !important;
}

/* Footer */
.site-footer,
#colophon {
	background: #14141f !important;
	color: #b8b8c8 !important;
	padding: 30px 0 !important;
}

.site-footer a,
#colophon a {
	color: #c9a85c !important;
}

/* Find Help button stays visually distinct - already styled in its own plugin */