/*
Theme Name:     Einfalt KGJ
Theme URI:      
Description:    Twentytwentyfive child theme.
Author:         Me
Author URI:     
Template:       twentytwentyfive
Version:        0.1.0
*/

:root {
    --kgj-bg: #FDFBF7;
    --kgj-text: #4A4A4A;
    --kgj-primary: #E6D5C9;
    --kgj-secondary: #BFA596;
    --kgj-accent: #D9C5B2;
    --kgj-glass-bg: rgba(255, 255, 255, 0.7);
    --kgj-glass-border: rgba(255, 255, 255, 0.5);
    --kgj-shadow: 0 8px 32px 0 rgba(191, 165, 150, 0.15);
}

body {
    background-color: var(--kgj-bg) !important;
    color: var(--kgj-text) !important;
    font-family: 'Outfit', 'Inter', sans-serif !important;
}

.glass-panel, .glass-card {
    background: var(--kgj-glass-bg) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid var(--kgj-glass-border) !important;
    border-radius: 16px !important;
    box-shadow: var(--kgj-shadow) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.glass-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 40px 0 rgba(191, 165, 150, 0.25) !important;
}

/* Typography Overrides */
h1, h2, h3, h4, h5, h6 {
    color: var(--kgj-text) !important;
    font-weight: 300 !important;
}

/* Button Styling */
.wp-block-button__link, .button, button, input[type="submit"] {
    background-color: var(--kgj-primary) !important;
    color: var(--kgj-text) !important;
    border-radius: 30px !important;
    border: none !important;
    padding: 12px 28px !important;
    font-weight: 400 !important;
    transition: all 0.3s ease !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.9rem !important;
}

.wp-block-button__link:hover, .button:hover, button:hover, input[type="submit"]:hover {
    background-color: var(--kgj-secondary) !important;
    color: #fff !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(191, 165, 150, 0.4) !important;
}

/* WooCommerce Overrides */
.woocommerce ul.products li.product {
    background: var(--kgj-glass-bg);
    backdrop-filter: blur(8px);
    border: 1px solid var(--kgj-glass-border);
    border-radius: 12px;
    padding: 15px;
    box-shadow: var(--kgj-shadow);
    transition: transform 0.3s ease;
}

.woocommerce ul.products li.product:hover {
    transform: translateY(-4px);
}

.woocommerce ul.products li.product .button {
    margin-top: 10px;
    display: block;
    text-align: center;
}

.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: var(--kgj-secondary) !important;
}