/*
Theme Name: Baby Store Theme
Theme URI: 
Description: A clean, soft, delicate child theme for WooCommerce based on Storefront.
Author: Antigravity
Author URI: 
Template: storefront
Version: 1.0.0
*/

@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap');

:root {
    --baby-primary: #7dd3fc; /* Soft Sky Blue */
    --baby-secondary: #fbcfe8; /* Soft Pink */
    --baby-text: #334155; /* Slate 700 */
    --baby-bg: #f8fafc; /* Slate 50 */
    --baby-white: #ffffff;
    --radius-lg: 16px;
    --radius-md: 12px;
    --radius-sm: 8px;
    --shadow-soft: 0 4px 20px rgba(0, 0, 0, 0.05);
}

body, h1, h2, h3, h4, h5, h6, input, button, select, textarea {
    font-family: 'Nunito', sans-serif !important;
    color: var(--baby-text);
}

body {
    background-color: var(--baby-bg);
}

/* Site Header */
.site-header {
    background-color: var(--baby-white);
    border-bottom: 3px solid var(--baby-primary);
    box-shadow: var(--shadow-soft);
}

/* Buttons */
button, .button, input[type="button"], input[type="reset"], input[type="submit"], .woocommerce-Button, .added_to_cart {
    background-color: var(--baby-primary) !important;
    color: var(--baby-text) !important;
    border-radius: var(--radius-lg) !important;
    padding: 12px 24px !important;
    border: none !important;
    font-weight: 700 !important;
    transition: all 0.3s ease;
    box-shadow: 0 2px 10px rgba(125, 211, 252, 0.4);
}

button:hover, .button:hover, input[type="submit"]:hover, .added_to_cart:hover {
    background-color: #38bdf8 !important; /* Slightly darker primary */
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(125, 211, 252, 0.6);
    color: #0f172a !important; /* Darker text */
}

/* Product Cards */
ul.products li.product {
    background: var(--baby-white);
    border-radius: var(--radius-lg);
    padding: 20px;
    box-shadow: var(--shadow-soft);
    transition: all 0.3s ease;
    border: 1px solid transparent;
}

ul.products li.product:hover {
    transform: translateY(-5px);
    border-color: var(--baby-secondary);
    box-shadow: 0 10px 25px rgba(251, 207, 232, 0.5);
}

ul.products li.product img {
    border-radius: var(--radius-md) var(--radius-md) 0 0;
}

/* Sale Badge */
.woocommerce span.onsale {
    background-color: var(--baby-secondary);
    color: #be185d;
    font-weight: 700;
    border-radius: 50%;
    min-height: 48px;
    min-width: 48px;
    line-height: 48px;
    box-shadow: var(--shadow-soft);
}

/* Single Product Page */
.single-product div.product .images {
    background: var(--baby-white);
    border-radius: var(--radius-lg);
    padding: 20px;
    box-shadow: var(--shadow-soft);
}

.woocommerce-tabs {
    background: var(--baby-white);
    border-radius: var(--radius-lg);
    padding: 30px !important;
    box-shadow: var(--shadow-soft);
    margin-top: 40px;
}

/* Checkout */
.woocommerce-checkout .woocommerce {
    background: var(--baby-white);
    border-radius: var(--radius-lg);
    padding: 30px;
    box-shadow: var(--shadow-soft);
}

/* Footer info */
.site-info {
    text-align: center;
    padding: 20px 0;
    color: var(--baby-text);
    font-weight: 600;
}