/*
Theme Name:  Prote Child
Template:    storefront
Version:     1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;600&family=Montserrat:wght@300;400;500;600&display=swap');

:root {
    --color-gold: #D4AF37;
    --color-black: #000000;
    --color-gray-dark: #1A1A1A;
    --color-gray-light: #F5F5F5;
    --font-display: 'Cormorant Garamond', serif;
    --font-body: 'Montserrat', sans-serif;
}

body,
button,
input,
textarea,
.site-title,
.woocommerce-Price-amount {
    font-family: var(--font-body);
}

h1, h2, h3, h4,
.site-title,
.product_title,
.woocommerce-loop-product__title {
    font-family: var(--font-display);
    font-weight: 400;
    letter-spacing: 0.02em;
}

.site-header {
    background-color: var(--color-black);
}

.site-header .site-title a,
.site-header .site-description {
    color: var(--color-gold);
}

.main-navigation ul li a {
    color: #fff;
    font-size: 0.85rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.site-footer {
    background-color: var(--color-gray-dark);
    color: #ccc;
}
ul.products li.product {
    background: #fff;
    border: 1px solid #eee;
    padding: 0;
    overflow: hidden;
    transition: box-shadow .3s ease, transform .3s ease;
}

ul.products li.product:hover {
    box-shadow: 0 8px 30px rgba(0,0,0,.12);
    transform: translateY(-4px);
}

ul.products li.product img {
    transition: transform .5s ease;
    border-radius: 0;
    margin-bottom: 0;
}

ul.products li.product:hover img {
    transform: scale(1.06);
}

ul.products li.product .woocommerce-loop-product__title,
ul.products li.product .price,
ul.products li.product .button {
    margin-left: 1rem;
    margin-right: 1rem;
}

ul.products li.product .price ins {
    color: var(--color-gold);
    font-weight: 600;
    text-decoration: none;
}

ul.products li.product .price del {
    opacity: .5;
    font-size: .85em;
}