/*
Theme Name:   RKDermaCore Child
Theme URI:    https://rkdermacare.com
Description:  RKDermaCore child theme. Brand tokens, Astra CSS overrides, WooCommerce template tweaks only. All business logic belongs in the rkdermacare-engine plugin.
Author:       AsifDevX
Template:     astra
Version:      1.0.0
Text Domain:  rk-derma-child
*/

/*
=======================================================================
  RULE: Child theme CSS is for structural overrides that CANNOT live
  in the plugin's Custom CSS field — e.g. Astra-specific selector
  resets. Brand colors, fonts, and spacing live in the plugin's
  Global Colors / Global Fonts via Elementor, not here.
  If you add CSS here, add a comment explaining why it can't go
  in the plugin. Otherwise plugin CSS is the right place.
=======================================================================
*/

/* ── Astra reset: strip default heading margins that fight Elementor containers ── */
.astra-container,
.entry-content h1,
.entry-content h2,
.entry-content h3 {
    margin: 0;
}

/* ── Remove Astra default blog post padding inside Elementor full-width pages ── */
.ast-full-width-layout .site-content {
    padding: 0;
}

/* ── WooCommerce: align single product breadcrumb with site grid ── */
.woocommerce-breadcrumb {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: clamp(20px, 4vw, 56px);
    padding-right: clamp(20px, 4vw, 56px);
}

/*
   RK Derma design tokens — mirrors the CSS variables in the static HTML.
   Declared here so both child-theme template overrides AND any Astra
   widgets outside Elementor pick up the brand values.
*/
:root {
    --rk-bg:    #F9F6F1;
    --rk-bg2:   #F2EDE4;
    --rk-bg3:   #EAE2D6;
    --rk-white: #FFFFFF;
    --rk-ink:   #181410;
    --rk-ink2:  #2C2720;
    --rk-body:  #5C5248;
    --rk-muted: #9C9189;
    --rk-gold:  #B8924A;
    --rk-gold2: #D4A85C;
    --rk-gold3: #F0C97A;
    --rk-serif: 'Cormorant Garamond', Georgia, serif;
    --rk-sans:  'Outfit', system-ui, sans-serif;
}