/**
 * Soft UI Experiment (Safe / Reversible)
 *
 * Reduces pure white glare by using off-white page backgrounds,
 * subtle card borders, and light section contrast.
 *
 * No layout or HTML changes. Remove this file's enqueue in
 * functions.php to revert instantly.
 */


/* ============================================
   1. GLOBAL BACKGROUND
   Off-white body removes the pure white glare
   ============================================ */
body {
    background-color: #f9fafb;
}


/* ============================================
   2. MAIN CONTENT AREAS — STAY WHITE
   Keeps the content readable against the off-white body
   ============================================ */
#main.site-main,
.ast-container,
.site-content {
    background-color: #ffffff;
}


/* ============================================
   3. CARD-STYLE BLOCKS
   Subtle borders and shadows on product/content cards
   ============================================ */

/* WooCommerce product cards */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    background-color: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

/* Homepage category cards */
.ye-category-card {
    background-color: #ffffff;
    border: 1px solid #e5e7eb;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

/* Summary card on single product */
.woocommerce div.product .summary.entry-summary {
    background-color: #ffffff;
}

/* Tab panels */
.woocommerce div.product .woocommerce-tabs .panel {
    background-color: #ffffff;
}


/* ============================================
   4. SECTION CONTRAST
   Alternating subtle tones for visual rhythm
   ============================================ */

/* Hero section already uses --light-gray, keep it */
.ye-homepage__hero {
    background-color: #f3f4f6;
}

/* Brands section — subtle contrast */
.ye-brands {
    background-color: #f9fafb;
}

/* Trust signals inside summary */
.ye-trust-signal {
    background-color: #f9fafb;
}


/* ============================================
   5. TYPOGRAPHY SOFTENING
   Slightly warmer text colours to reduce contrast
   ============================================ */
body {
    color: #374151;
}

h1, h2, h3, h4 {
    color: #1f2937;
}


/* ============================================
   6. BUTTONS — RED STAYS INTENTIONAL
   Primary action buttons keep brand colour
   ============================================ */
.button-primary,
.btn-primary,
.single_add_to_cart_button,
.woocommerce a.button.alt,
.woocommerce button.button.alt {
    background-color: #dc2626;
    color: #ffffff;
}

.button-primary:hover,
.btn-primary:hover,
.single_add_to_cart_button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover {
    background-color: #b91c1c;
}