/*
Theme Name: Baby Doury
Theme URI: https://example.com/baby-doury
Description: A modern baby shop theme converted from Stitch design.
Version: 1.0.0
Author: Jules
Author URI: https://example.com/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: baby-doury
Tags: ecommerce, two-columns, custom-colors, custom-menu, featured-images, footer-widgets, full-width-template, theme-options, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

:root {
    --primary-mint: #AEECE2;
    --primary-peach: #F8D7DA;
    --dark-grey: #333333;
    --white: #ffffff;
    --glass-bg: rgba(255, 255, 255, 0.4);
    --glass-border: rgba(255, 255, 255, 0.2);
    --font-main: 'Space Grotesk', sans-serif;
}

body {
    font-family: var(--font-main);
    color: var(--dark-grey);
    margin: 0;
    padding: 0;
}

/* WooCommerce Customizations */
.woocommerce ul.products li.product {
    background: #ffffff;
    border-radius: 15px;
    padding: 20px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
    text-align: center;
}

.woocommerce ul.products li.product .button {
    background-color: var(--primary-mint) !important;
    color: #333 !important;
    border-radius: 25px !important;
    font-weight: 500 !important;
    padding: 10px 20px !important;
}

.woocommerce ul.products li.product .price {
    color: var(--dark-grey);
    font-size: 1.2rem;
    font-weight: 700;
}

.woocommerce-product-gallery {
    border-radius: 20px;
    overflow: hidden;
}

.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: var(--dark-grey);
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    background-color: var(--primary-mint);
    color: #333;
    border-radius: 25px;
}

.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
    background-color: #9cdbd1;
    color: #333;
}