/*
Theme Name: Woostify Child Theme
Theme URI: https://example.com/my-child-theme/
Description: A child theme of the parent theme
Author: Your Name
Author URI: https://example.com/
Template: woostify
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/* ==========================================================================
   START of GLOBAL BRAND FALLBACKS (Typography & Theme Colors)
   ========================================================================== */

/* 1. Global CSS Variables */
:root {
  --brand-primary: #E11D48;      /* Crimson Red */
  --brand-secondary: #93C5FD;    /* Soft Aero Blue */
  --brand-neutral-dark: #1F2937; /* Charcoal */
  --brand-bg: #F8FAFC;           /* Milk White */

  --font-heading: 'Sora', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-body: 'Outfit', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* 2. Base Body & Paragraph Defaults */
body, 
p, 
li, 
span, 
input, 
textarea, 
select, 
button {
  font-family: var(--font-body);
  color: var(--brand-neutral-dark);
}

body {
  background-color: var(--brand-bg);
}

/* 3. Headings & Woostify Titles */
h1, h2, h3, h4, h5, h6, 
.elementor-heading-title, 
.entry-title,
.site-title {
  font-family: var(--font-heading);
  color: var(--brand-neutral-dark);
}

/* 4. WooCommerce & Woostify Product Titles & Prices */
.woocommerce div.product .product_title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce ul.products li.product .price,
.woostify-product-title {
  font-family: var(--font-heading);
  font-weight: 700;
}

/* 5. Default Buttons & Cart Actions */
.button, 
button, 
input[type="submit"], 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce #respond input[type="submit"] {
  background-color: var(--brand-primary);
  color: #FFFFFF;
  font-family: var(--font-body);
  font-weight: 500;
  border-radius: 6px;
  border: none;
}

.button:hover, 
button:hover, 
input[type="submit"]:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover {
  background-color: #BE123C; /* Darker red on hover */
  color: #FFFFFF;
}

/* 6. Discount Badges & Secondary Accents */
.onsale, 
.woocommerce span.onsale {
  background-color: var(--brand-primary);
  color: #FFFFFF;
  font-family: var(--font-body);
}

.category-chip, 
.filter-pill {
  background-color: var(--brand-secondary);
  color: var(--brand-neutral-dark);
  font-family: var(--font-body);
}

/* ==========================================================================
   END of GLOBAL BRAND FALLBACKS (Typography & Theme Colors)
   ========================================================================== */