:root {
    --primary-color: #364b75 !important;    /* Dark blue */
    --secondary-color: #eecb75 !important;  /* Gold */
    --accent-color: #ed2224 !important;     /* Red */
    --text-light: #ffffff !important;       /* White */
    --text-cream: #E4DFCF !important;      /* Cream */
    --bg-light: #fff9ed !important;   
    
    --button-color:#24b800;
}

#wrapper-navbar #menu-main { 
    background-color: var(--primary-color) !important;
}

#wrapper-navbar span { 
    color: #323232;
}

.footer { 
    background-color: var(--primary-color) !important;
}

#menu-main > li > a { 
    color: var(--text-light) !important;
}

#user-flow .nav-link>span { 
    color: var(--text-light);
}

#mobile-nav-button { 
    background-color: var(--primary-color) !important;
}

.newsletter-signup .container { 
    background-color: var(--primary-color) !important;
}

.newsletter-signup .container span{ 
    color: var(--text-cream) !important;
}

#load-more-home-page {
    background-color: var(--secondary-color);
    color: var(--primary-color);
    border: none;
}

.archive-product .add_to_cart_button {
    background-color: var(--secondary-color) !important;
    color: var(--primary-color) !important;
    border: none;
}

.woocommerce-cart-form .addItem { 
    border: 2px solid var(--secondary-color); 
    background-color: var(--bg-light);
}

.woocommerce-cart-form .addItem .add-product { 
    background-color: var(--button-color);
    color: var(--bg-light);
}

#custom-cross-sells {
    .mostPopular { 
        background-color: var(--accent-color); 
        color: var(--text-light);
    }
    
    .discountTxt { 
        color: var(--secondary-color);
    }

    .single-product .cross-sell-product-image { 
        max-width: 35%; 
    }

    .sale { 
        color: var(--accent-color); 
    }

    .button { 
        background-color: var(--primary-color); 
        color: var(--secondary-color); 
        border: none; 
    }

    .cross-sell-product { 
        background-color: var(--bg-light);
    }

    .read-more { 
        color: var(--accent-color); 
    }
}

.checkout-steps { 
    display: none; 
}

/* MOBILE */
@media (max-width: 768px) {
    #custom-cross-sells {

        .star-rating {
            font-size: 1.4em;
            margin-top: 4px;
        }

        .button { 
            padding: 8px 14px;
        }

        .sale { 
            display: flex; 
            flex-direction: column;
        }

        .salePriceTxt { 
            margin-bottom: 0; 
        }
    }

    .checkout-header { 
        margin-bottom: 0px;
        border-bottom: none;
        padding-bottom: 12px;
    }
}

#user-flow .nav-link img, #mobile-nav-button img { 
    filter: invert(1);
}

#logo-tagline-wrap
{
    display: flex;
}

.cart-content
{
    color: #fefefe !important;
}

#wrapper-navbar #menu-main .container .header-search #header-search-form button
{
    background-color: var(--secondary-color) !important;
}

#wrapper-navbar #menu-main .container .header-search #header-search-form button img
{
    filter: invert(1);
}

.singleProdQuantityWrapper#maneks_v_mango .singleProdQuantity .price-option.selected .price
{
    background-color: var(--primary-color) !important;
}

.singleProdQuantityWrapper#maneks_v_mango .singleProdQuantity .price-option .price
{
    border: 1px solid var(--primary-color) !important;
}

.best-value-badge
{
    background-color: var(--secondary-color) !important;
}

.floating_add_to_cart .container .sticky-price
{
    background-color: var(--primary-color) !important;
}

.basket-item-count
{
  background-color: #323232 !important;
}

form .form-row .woocommerce-input-wrapper input {
    font-size:16px !important;
}

#show-more, #load-more
{
    background-color: var(--secondary-color) !important;
    color: var(--primary-color) !important;
    border: none;
    font-weight: 800;
}

#payment > ul > li.wc_payment_method.payment_method_stripe.selected > label > div.payment-content
{
    width: 100% !important;
}

#payment > ul > li.wc_payment_method.payment_method_stripe.selected > label > div.payment-content > div > div.payment-title
{
    display: flex;
    align-items: start;
}

#gls-map-button 
{
   border: none;
   background: linear-gradient(180deg, #3ec000, #00ac00) 0 0 no-repeat padding-box !important;
   color: #fff;
   display: block;
   border-radius: 8px;
   padding: 6px;
}

.price-option .shipping-info
{
    background: var(--button-color) !important;
}

.review-modal .modal-header
{
    background-color: var(--primary-color) !important;
}

 .review-modal .submit-button-modal
{
    background-color: var(--button-color) !important;
}

.only-today {
    background: var(--primary-color) !important;
}