/**
 * Theme Name:  Ijabiyah Child
 * Theme URI:   https://example.com/ijabiyah
 * Description: Child theme for Ijabiyah Mart with WooCommerce bulk conversion tools.
 * Author:      Ijabiyah Team
 * Author URI:  https://example.com
 * Template:    blocksy
 * Version:     1.0.0
 * License:     GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Text Domain: ijabiyah
 */

:root {
    /* Soft green palette overrides for Blocksy */
    --theme-palette-color-1: #5B8C5A;
    --theme-palette-color-2: #3E5F3D;
    --theme-palette-color-3: #8FBC8F;
    --theme-palette-color-4: #2C3E2C;
    --theme-palette-color-5: #F1F8F1;
    --theme-palette-color-6: #6B7D6B;
    --theme-palette-color-7: #FAFDF9;
    --theme-palette-color-8: #FFFFFF;

    /* Layout */
    --theme-content-spacing: 1.5rem;
}

/* Ensure WooCommerce store notice stays hidden if disabled */
.woocommerce-store-notice.demo_store {
    display: none !important;
}

/* Smooth font rendering */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* =====================================================
   Shop product card price / title visibility fix
   Theme Customizer currently sets product text to white
   (palette-color-8) while product cards sit on a light
   background, making prices and titles invisible until
   hovered/focused.
   ===================================================== */
[data-products] .product .price,
[data-products] .product .price .woocommerce-Price-amount,
[data-products] .product .price ins,
[data-products] .product .price del {
    color: var(--theme-palette-color-4, #2C3E2C) !important;
    --theme-text-color: var(--theme-palette-color-4, #2C3E2C) !important;
}

[data-products] .woocommerce-loop-product__title a,
[data-products] .woocommerce-loop-category__title a {
    color: var(--theme-palette-color-4, #2C3E2C) !important;
}

[data-products] .woocommerce-loop-product__title a:hover,
[data-products] .woocommerce-loop-category__title a:hover {
    color: var(--theme-palette-color-1, #5B8C5A) !important;
    --theme-link-hover-color: var(--theme-palette-color-1, #5B8C5A) !important;
}