/*
*
* Theme Name: Divi Child
* Template: Divi
*
* */

/* COLOR PALETTE */
:root {
    --color-blue: #032A82;
    --color-red: #CC1135;
    --color-orange: #FF7829;
    --color-cyan: #7FF7F7;
    --color-yellow: #FFF797;
}

/* THEME COMBINATION */
div#paes-e-folhados * {
    color: var(--color-red);
}

div#bolos-e-tortas * {
    color: var(--color-blue);
}

div#biscoitos-e-doces * {
    color: var(--color-cyan);
}

div#sorvetes * {
    color: var(--color-cyan);
}

div#mercearia * {
    color: var(--color-blue);
}

/* HOME TYPOGRAPHY */
div.product_info h3,
div.product_info h4 {
    font-size: 15px;
    letter-spacing: 2.4px;
}
div.product_price_action p { /* TODO: CHANGE CLASS NAME */
    font-size: 13px;
    letter-spacing: 1.95px;
}




body {
    background-color: var(--color-blue);
}

ul#menu-primary>li {
    margin-right: 34px !important;
}

div#cart-header {
    background: url('/wp-content/uploads/2023/01/cart.svg') no-repeat top right !important;
    background-size: 25px!important;
    height: 35px;
    padding-right: 25px;
    padding-top: 5px;
    text-align: right;
    width: 60px;
}

div#cart-header.hasItems {
    background-image: url('/wp-content/uploads/2023/01/cart-full.svg')!important;
}

ul#menu-submenu {
    justify-content: space-between;
    gap: 40px;
    padding-left: 5px !important;
}

div.products_home>div {
    display: flex;
    flex-direction: column;
    gap: 50px;
}

div.product_home .product_info,
div.product_home .product_price_action {
    display: flex;
    justify-content: space-between;
}

div.product_home .product_price_action p {
    width: 88%;
    font-size: 13px!important;
}

div.product_home>div>h3,
div.product_home>div>p {
    text-transform: lowercase;
}

div.product_home div.product_actions {
    display: flex;
    justify-content: space-between;
}

div.cart-controls div.buttons {
    display: flex;
    justify-content: space-between;
    width: 45px;
}
div.cart-controls {
    display: flex;
    justify-content: space-between;
}
div.cart-controls span.qty_button {
    cursor: pointer;
    color: var(--color-yellow);
}
div.cart-item div.cart-controls {
    width: 160px;
}

/* CATEGORIES COLORS */
body.product-category-paes-e-folhados .product-container {
    background-color: var(--color-cyan);
}

body.product-category-paes-e-folhados .product-container * {
    color: var(--color-red);
}


body.product-category-bolos-e-tortas .product-container {
    background-color: var(--color-orange);
}

body.product-category-bolos-e-tortas .product-container * {
    color: var(--color-blue);
}

body.product-category-biscoitos-e-doces .product-container {
    background-color: var(--color-blue);
}

body.product-category-biscoitos-e-doces .product-container * {
    color: var(--color-cyan);
}

body.product-category-sorvetes .product-container {
    background-color: var(--color-red);
}

body.product-category-sorvetes .product-container * {
    color: var(--color-cyan);
}

body.product-category-mercearia .product-container {
    background-color: var(--color-orange);
}

body.product-category-mercearia .product-container * {
    color: var(--color-blue);
}

/* CUSTOM CART */
.custom-cart-items {
    background-color: var(--color-red);
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 60px;
}
.cart-item {
    display: flex;
    gap: 45px;
}
.cart-item .option {
    font-size: 12px;
    display: inline-block;
    margin-right: 10px;
    cursor: pointer;
    border: 1px solid var(--color-cyan);
    padding: 2px 0px;
    width: 90px;
    text-align: center;
    font-weight: bold;
    transition: background-color 0.3s, border-color 0.3s;
}

.cart-item input[type="radio"] {
    display: none;
}

.cart-item input[type="radio"]:checked + .option {
    background-color: var(--color-cyan);
    color: var(--color-red);
}

.cart-item input[type="radio"]:not(:checked) + .option {
    background-color: transparent;
    color: var(--color-cyan);
}

.cart-item .product-image-container {
    width: 270px;
    height: 200px;
    background-size: cover;
    background-position: center;
    background-color: rgba(255,255,255,0.1);
}

.cart-item .product-image-container a {
    display: block;
    width: 100%;
    height: 100%;
}

.cart-item .product-info {
    width: 48%;
}

.cart-item .cart-item-title {
    height: 40%;
}

.cart-item .cart-item-info {
    height: 45%;
}
.cart-item .cart-item-options {
    height: 10%;
}

.md-hidden {
    display: block;
}

@media screen and (min-width: 768px) {
    .md-hidden {
        display: none;
    }
}

/* DIVI FIXES */
.et_pb_menu--style-left_aligned .et_pb_menu__logo {
    margin: 0px;
}

/* RIGHT ALIGN MENU ITEMS */
.et_pb_menu .et_pb_menu__wrap {
    justify-content: end;
}

.cart-total {
    font-size: 25px;
    padding-top: 75px;
}

.cta-checkout {
    padding-top: 75px;
}
.cta-checkout a {
    display: inline-block;
    padding: 5px 10px;
    background-color: var(--color-blue);
    text-decoration: none;
    color: var(--color-cyan);
    border: none;
    cursor: pointer;
    text-transform: uppercase;
}

@media screen and (max-width: 767px) {
    /* MOVES MENU HAMBURGUER TO LEFT */
    .et_pb_menu_inner_container {
        display: flex;
        flex-direction: row-reverse;
    }
    .et_pb_menu--style-left_aligned .et_pb_menu__wrap {
        justify-content: flex-start;
    }
    .et_pb_row_0_tb_header.et_pb_row {
        padding: 0px!important;
    }
    .et_pb_gutters1.et_pb_row .et_pb_column {
        width: 100%!important;
    }

    .product_home {
        width: 90%;
    }

    div.product_home div.product_actions div.cart-controls div.buttons {
        width: 120px;
    }

    div.product_home div.cart-controls .qty {
        font-size: 22px!important;
    }
    div.product_home div.cart-controls .qty_button {
        font-size: 30px!important;
    }

    div.cart-item div.cart-controls .qty {
        font-size: inherit!important;
    }

    div.products_home>div {
        align-items: center;
    }
    
    div.product_home .product_price_action {
        display: block;
        padding-top: 15px;
    }

    div.product_home .product_price_action p {
        width: 100%;
        font-size: 13px!important;
    }

    div.product_home div.product_actions {
        margin-top: 15px;
        padding: 10px 15px;
        font-size: 20px;
        line-height: 25px;
        letter-spacing: 3px;
        background-color: var(--color-blue);
    }

    div.category-block div.product_actions * {
        color: var(--color-cyan) !important;
    }

    div.products_home>div {
        gap: 20px;
    }

    .custom-cart-items {
        grid-template-columns: 1fr;
    }
    .cart-item {
        gap: 20px;
    }
    .cart-item .product-info {
        width: 55%;
    }
    .cart-item .product-image-container {
        width: 30%;
        height: 100px;
    }

    .cart-item .cart-info-options {
        padding-top: 15px;
    }
    .cart-item .option {
        width: 85px;
    }

    /* CATEGORY VARIATIONS */
    div#biscoitos-e-doces div.product_actions {
        background-color: var(--color-orange);
    }
    div#biscoitos-e-doces div.product_actions * {
        color: var(--color-red)!important;
    }

    /* LEFT ALIGN MENU HAMBURGUER */
    .et_pb_menu .et_pb_menu__wrap {
        justify-content: start;
    }

}