/* TOC
PRODUCT ARCHIVE
PRODUCT SINGLE  
*/

/* Product Archive */
.products{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    list-style: none;
    grid-gap: 5em 2em;
}
.products a{
    text-decoration: none;
}
.products img{
    border-radius: 50%;
    
}
.products .price{
    color: var(--clr-black);
}
.products .add_to_cart_button{
    position: absolute;
    bottom: -56px;
    left: -2px;
    color: var(--clr-white);
    background: var(--clr-black);
    padding: 1em 2.5em;
    border-radius: 0 0 10px 0;
    text-decoration: none;
}
 .products .product{
    padding: 1em;
    border: 2px solid var(--clr-black);
    position: relative;
    display: block;
}
.woocommerce-loop-product__title{
    font-size: 1.6rem;
    color: var(--clr-black);
    margin-top: 1em;
    
}

/* Product Single */
.product {
    display: grid;
    grid-template-areas: 
    'a b'
    'c c'
    'd d';
    grid-template-columns: 600px 1fr;
    row-gap: 3em;
}
.woocommerce-product-gallery{
    grid-area: a;
}
.summary.entry-summary{
    grid-area: b;
}
.woocommerce-tabs{
    grid-area: c;
    margin-top: 3em;
}
.related.products{
    grid-area: d;
}

.related.products{
    display: block;
    margin-bottom: 4em;
}
.variations{
    margin: 1em 0;
}
.variations tr{
    margin: 1em;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.variations select {
    width: 300px;
    padding: 1em;
    margin-top: 1em;
    border :3px solid var(--clr-red);
}
.variations label{
    color: var(--clr-red);
}
.wc-tabs {
    display: flex;
    list-style: none;
}
.woocommerce-variation-add-to-cart{
    display: flex;
    margin :1em 0;
}
.woocommerce-variation-add-to-cart input{
    width: 100px;
    padding: 1em;
    border: 3px solid var(--clr-red);
    margin-right: 1em;
}
.woocommerce-variation-add-to-cart button, .woocommerce-notices-wrapper a, .single_add_to_cart_button{
    padding: 1em 3em;
    border-radius: 0 0 15px 0;
    background: var(--clr-red);
    color: var(--clr-white);
    border: none;
    cursor: pointer;
}
.woocommerce-variation-add-to-cart button:hover,
.woocommerce-notices-wrapper a:hover, .single_add_to_cart_button:hover{
    background: var(--clr-black);
}
.woocommerce-Tabs-panel{
    padding: 1em;
    border: 2px solid var(--clr-light-grey);
}
.wc-tabs li a{
        background-color: var(--clr-light-grey);
        text-decoration: none;
        color: var(--clr-black);
        padding: 1em;
}
.wc-tabs li.active a{
    background: var(--clr-black);
    color: var(--clr-white);
}

.woocommerce-notices-wrapper{
    padding: 3em;
    margin-bottom: 2em;
}
.product_meta{
    margin-top: 2em;
}

@media(max-width: 1200px){
    .product{
        display: block;
    }
  
}