/*
 * Theme Name:   HerbaSparsh
 * Theme URI:    https://herbasparsh.com
 * Description:  Custom child theme for HerbaSparsh: Nature's Healing Touch. Built on Storefront for deep WooCommerce integration. Implements the earthy botanical design system with Lora + Raleway typography, warm cream backgrounds, and forest green accents.
 * Author:       Pratik Patil
 * Author URI:   https://herbasparsh.com
 * Template:     storefront
 * Version:      3.15.0
 * Requires at least: 6.0
 * Tested up to: 6.8
 * Requires PHP: 7.4
 * License:      GNU General Public License v2 or later
 * License URI:  https://www.gnu.org/licenses/gpl-2.0.html
 * Text Domain:  herbasparsh-theme
 * WC requires at least: 8.0
 * WC tested up to: 9.6
 */

/* ==========================================================================
   Design Tokens (from design-system/MASTER.md)
   ========================================================================== */

:root {
    /* ---- Color Palette (Verified against 2026 logo source files — see design-system/AUDIT_AND_PLAN.md) ---- */
    --color-primary:           #233921;
    --color-on-primary:        #FFFFFF;
    --color-secondary:         #48602C;
    --color-accent:            #6E8738;
    --color-accent-hover:      #566B2C;
    --color-gold:              #B58D3B;
    --color-gold-shine-1:      #D0940D; /* droplet motif only — never a flat UI fill */
    --color-gold-shine-2:      #F6CF31;
    --color-gold-shine-3:      #FDFCAF;
    --color-background:        #FAF9F4;
    --color-surface:           #FFFFFF;
    --color-foreground:        #2B2A29;
    --color-foreground-muted:  #6B6560;
    --color-muted:             #F3F1EC;
    --color-border:            #E1DED7;
    --color-border-hover:      #D1CDC1;
    --color-destructive:       #C0392B;
    --color-destructive-bg:    #FDF6F5;
    --color-success:           #70971B;
    --color-success-bg:        #FAFDF8;
    --color-ring:              #6E8738;
    --color-on-accent:         #FFFFFF; /* text/icons that sit ON the accent colour (dark in gold/turmeric themes) */
    --color-accent-text:       var(--color-accent); /* accent used AS text on light surfaces — darker in light-accent themes */

    /* Botanical greens: the logo's leaf gradient. Fixed across themes so leaves stay green even when the accent is gold. */
    --leaf-1: #233921;
    --leaf-2: #48602C;
    --leaf-3: #6E8738;

    /* ---- "On Primary" text/border opacity scale (dark-surface hierarchy — header, footer) ---- */
    --color-on-primary-muted:    rgba(255, 255, 255, 0.72);
    --color-on-primary-border:   rgba(255, 255, 255, 0.12);
    --color-on-primary-hover-bg: rgba(255, 255, 255, 0.08);
    --color-accent-tint:         rgba(110, 135, 56, 0.15);
    --color-destructive-on-primary: #E8A87C;

    /* ---- Spacing ---- */
    --space-xs:  0.25rem;   /* 4px  */
    --space-sm:  0.5rem;    /* 8px  */
    --space-md:  1rem;      /* 16px */
    --space-lg:  1.5rem;    /* 24px */
    --space-xl:  2rem;      /* 32px */
    --space-2xl: 3rem;      /* 48px */
    --space-3xl: 4rem;      /* 64px */
    --space-4xl: 6rem;      /* 96px */

    /* ---- Border Radius ---- */
    --radius-sm:   4px;
    --radius-md:   8px;
    --radius-lg:   12px;
    --radius-xl:   16px;
    --radius-full: 9999px;

    /* ---- Shadows ---- */
    --shadow-sm:   0 1px 2px rgba(0, 0, 0, 0.04);
    --shadow-md:   0 4px 8px rgba(0, 0, 0, 0.06);
    --shadow-lg:   0 8px 24px rgba(0, 0, 0, 0.08);
    --shadow-xl:   0 16px 32px rgba(0, 0, 0, 0.10);
    --shadow-glow: 0 0 0 3px rgba(152, 192, 61, 0.20);

    /* ---- Typography ---- */
    --font-heading: 'Lora', serif;
    --font-body:    'Raleway', sans-serif;
    --font-display: 'Playfair Display', serif;

    /* ---- Layout ---- */
    --navbar-height: 88px;
    --content-max-width: 1200px;
    --account-card-max-width: 520px;
    --account-nav-width: 260px;
    --account-content-gap: 30px;
}


/* ==========================================================================
   COLOUR THEMES — selected in Appearance → Customize → Herba Sparsh → Colour theme.
   `functions.php` puts data-hst-theme="<slug>" on <html>. "heritage" is the
   default and has no override block: it IS the token set above (logo-exact).
   Each theme below only re-points tokens; no component CSS changes.
   ========================================================================== */

/* GOLD CAP — the gold caps and flourish of the packaging as the hero colour:
   deeper forest, a champagne-gold CTA with dark ink on it. Luxe, quiet, unmistakable. */
:root[data-hst-theme="gold"] {
    --color-primary:        #14261A;
    --color-secondary:      #2C4A2F;
    --color-accent:         #C9A24B;
    --color-accent-hover:   #B08A34;
    --color-on-accent:      #14261A;
    --color-accent-text:    #7A5C14;
    --color-gold:           #D3AE5C;
    --color-background:     #FBF8EF;
    --color-muted:          #F3EEDF;
    --color-border:         #E6DFCB;
    --color-border-hover:   #D6CDB0;
    --color-ring:           #C9A24B;
    --color-accent-tint:    rgba(201, 162, 75, 0.18);
    --shadow-glow:          0 0 0 3px rgba(201, 162, 75, 0.30);
}

/* TURMERIC GLOW — the turmeric/marigold of the Anti-Acne and Scrub packs, on a cool
   aloe-mint paper instead of warm cream. Fresh, sunny, clearly Indian, high-energy CTA. */
:root[data-hst-theme="turmeric"] {
    --color-primary:        #1D3A25;
    --color-secondary:      #2C5836;
    --color-accent:         #E8A317;
    --color-accent-hover:   #CF8C08;
    --color-on-accent:      #1B2A13;
    --color-accent-text:    #8A5800;
    --color-gold:           #C9971F;
    --color-background:     #F5F8EA;
    --color-muted:          #EBF1D9;
    --color-border:         #D8E2C0;
    --color-border-hover:   #C3D1A2;
    --color-ring:           #E8A317;
    --color-accent-tint:    rgba(232, 163, 23, 0.18);
    --shadow-glow:          0 0 0 3px rgba(232, 163, 23, 0.32);
}

/* ==========================================================================
   Tax breakdown: shown only on the GST tax invoice PDF, never on the
   storefront. Cart/Checkout blocks render this as a <p> with this exact
   class whenever tax is itemized ("Including X CGST, Y SGST" under the
   total) — hide it here rather than disabling itemized tax calculation,
   since the tax itself still needs computing correctly, just not displayed.
   ========================================================================== */
.wc-block-components-totals-footer-item-tax {
    display: none !important;
}