:root {
    --amnesty-yellow: #feff28;
}

/* Change sprite icon for cart menu item */
.cart-menu-item a::after {
    background-position: -284px -230px !important;
}

.cart-menu-item.current_page_item a::after {
    filter: invert(1);
}


.woocommerce-Price-amount {
    font-size: 1.25rem;
    font-weight: 700!important;
    margin-bottom: 0;
    background: var(--amnesty-yellow);
    padding: 0.5rem 1rem;
    width: fit-content;
    font-family: var(--wp--preset--font-family--primary);
}


.single-product.woocommerce.product {
    .summary-inner {
        display: flex;
        flex-direction: column;
        gap: 1rem;

        * {
            margin-bottom: 0;
        }

        form, .woocommerce-variation-add-to-cart {
            display: flex;
            flex-direction: column;
            gap: .5rem;
        }

        .price {
            font-size: 1.5rem;
            font-weight: 700!important;
            margin-bottom: 0;
            background: var(--amnesty-yellow);
            padding: 0.5rem 1rem;
            width: fit-content;
            font-family: var(--wp--preset--font-family--primary);
        }
    
        .variations {
            margin-bottom: 0;
        
            .label {
                padding: .5rem 0;
                padding-right: .5rem;
            }

            .value {
                padding: .5rem 0;
                padding-left: .5rem;
            }            
        }

        .reset_variations {
            width: fit-content;
            background: transparent;
            color: #000;
            padding: 0;
            text-decoration: underline;
            font-size: .9rem;
            border: none;
        }

        .woocommerce-variation-add-to-cart {
            margin-top: 1rem;
        }

        .product-description {
            h2, h3, h4, h5, h6, p, ul, ol {
                margin-bottom: 1rem;
            }
        }
    
    }
}

.wc-block-components-notice-banner{
    background: var(--amnesty-yellow)!important;
    color: #000;
    border: none!important;
    padding: 1rem!important;
    font-family: var(--wp--preset--font-family--primary)!important;
    font-size: .9rem!important;
    font-weight: 700!important;

    svg {
        background-color: #000!important;
    }
}

.products {

    .postlist {
        gap: 1rem;
    }

    .product {

        .post-header {
            display: flex;
            flex-direction: column;
            gap: 1rem;
        }

        h2 a{
            font-size: 1.5rem;
        }

        .amount {
            font-size: 1rem;
        }
    
    }
}

.amnesty-footer-container{
    position: relative!important;
}