/*
 Theme Name:   Storefront Child
 Theme URI:    https://woocommerce.com/storefront/
 Description:  My custom child theme for Storefront.
 Author:       Your Name
 Author URI:   https://yourstore.com
 Template:     storefront
 Version:      1.0.0
*/
/* --- Global Variables Setup --- */
:root {
  --heritage-burgundy: #7B3F3F;
  --midnight-indigo: #1B1B3A;
  --urban-off-white: #FBF9F6;
  --pure-white: #FFFFFF;
  
  /* Overriding WooCommerce Native Color Variables */
  --woocommerce: var(--heritage-burgundy);
  --wc-primary: var(--heritage-burgundy);
  --wc-blue: var(--midnight-indigo);
}

/* --- Content Containers & General UI Elements --- */
body, #page {
  background-color: var(--urban-off-white) !important;
}

/* Style main content headings to stay crisp and authoritative */
h1, h2, h3, h4, h5, h6, .site-title a {
  color: var(--midnight-indigo) !important;
}

/* Main Navigation Tweaks */
.main-navigation ul li a:hover {
  color: var(--heritage-burgundy) !important;
}

/* --- WooCommerce Specific Elements --- */

/* Sale Badge */
span.onsale {
  background-color: var(--heritage-burgundy) !important;
  color: var(--pure-white) !important;
}

/* Price Tags */
.amount, ins .amount, .woocommerce-Price-amount {
  color: var(--heritage-burgundy) !important;
  font-weight: 600;
}

/* Product Tabs (Active state on Individual Product Pages) */
.woocommerce-tabs ul.tabs li.active a {
  color: var(--midnight-indigo) !important;
  border-bottom-color: var(--heritage-burgundy) !important;
}

/* Mini-Cart & Cart Highlights */
.site-header-cart .widget_shopping_cart {
  background-color: var(--pure-white) !important;
  border: 1px solid rgba(27, 27, 58, 0.1);
}

.woocommerce-mini-cart__total strong {
  color: var(--midnight-indigo) !important;
}

/* Checkout & Star Ratings */
.star-rating span::before, 
.woocommerce-product-rating .star-rating span::before {
  color: var(--heritage-burgundy) !important;
}

/* Info/Success Banners (e.g., "Product added to cart") */
.woocommerce-message, .woocommerce-info {
  border-top-color: var(--heritage-burgundy) !important;
  background-color: var(--pure-white) !important;
  color: var(--midnight-indigo) !important;
}

/* Error Banners */
.woocommerce-error {
  border-top-color: #A00000 !important; /* Keep destructive elements functional */
  background-color: var(--pure-white) !important;
}

/* --- Form Inputs Fixes --- */
input[type="text"], input[type="email"], input[type="password"], textarea, select {
  background-color: var(--pure-white) !important;
  border: 1px solid rgba(27, 27, 58, 0.2) !important;
  color: var(--midnight-indigo) !important;
}

input[type="text"]:focus, textarea:focus {
  border-color: var(--heritage-burgundy) !important;
  outline: none;
}

/* Custom Header Notification Bar with Midnight Indigo background */
.custom-header-notification {
    background-color: var(--midnight-indigo, #1B1B3A); /* Uses CSS custom property with hex fallback */
    color: #ffffff; /* White text for contrast */
    text-align: center;
    padding: 10px 0;
    font-size: 14px;
    font-weight: 500;
}

.custom-header-notification p {
    margin: 0;
    padding: 0;
}

.custom-header-notification a {
    color: #1B1B3A;
    text-decoration: underline;
}

/*
 * The mobile account/search/cart bar (.storefront-handheld-footer-bar) is
 * output inside the footer. Storefront hides it on desktop at 768px+, but if
 * that rule does not apply (CSS load order, cache, or plugin conflict), the
 * bar can leave a blank strip below the footer on PC.
 *
 * Change "storefront" in the Template line above if your parent theme folder
 * is named differently (e.g. storefront-trunk).
 */
@media screen and (min-width: 768px) {
	.storefront-handheld-footer-bar {
		display: none !important;
		visibility: hidden !important;
		height: 0 !important;
		min-height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		overflow: hidden !important;
		pointer-events: none !important;
	}
}