/*
Theme Name: SHIVI Mango Storefront Child
Theme URI: https://example.com/
Description: SHIVI mango WooCommerce child theme styling for Storefront.
Author: TBN TECH CONSULTANCY LTD
Template: storefront
Version: 1.3.0
Text Domain: shivi-mango-storefront-child
*/

:root {
    --shivi-orange: #ff9933;
    --shivi-green: #138a42;
    --shivi-cream: #fff8ec;
    --shivi-dark: #2b1a08;
}

body {
    background:
        radial-gradient(circle at top left, rgba(255, 153, 51, 0.16), transparent 34%),
        linear-gradient(180deg, #fffaf0 0%, #fff4df 42%, #fffaf0 100%);
    color: var(--shivi-dark);
}

.site-header {
    border-bottom: 1px solid rgba(255, 153, 51, 0.25);
}

.site-branding .site-title a,
.main-navigation ul li a:hover,
.woocommerce-breadcrumb a {
    color: #d97000;
}

.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.added_to_cart,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    border-radius: 999px;
    background: linear-gradient(135deg, var(--shivi-green), #0c6b31);
    color: #fff;
    font-weight: 800;
}

.woocommerce ul.products li.product {
    background: #fff;
    border: 1px solid #f0d2aa;
    border-radius: 20px;
    padding: 16px !important;
    box-shadow: 0 10px 28px rgba(126, 75, 8, 0.08);
}

.woocommerce ul.products li.product img {
    border-radius: 16px;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    color: #d97000;
    font-weight: 800;
}

.woocommerce ul.products li.product .price {
    color: #0c6b31;
    font-weight: 900;
}

@media (max-width: 700px) {
    .site-header,
    .site-main,
    .content-area {
        padding-left: 12px;
        padding-right: 12px;
    }

    .woocommerce ul.products {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }

    .woocommerce ul.products li.product {
        width: 100% !important;
        margin: 0 !important;
    }
}