#site-header {

    svg.wc-block-mini-cart__icon {
            font-size: 22px;
            color: #fff;
        }

        
    .site-brand {
        max-width: 40%;
        width: 40%;
    }
    
    .site-menu {

    }

    .mrz-mini-cart {
        max-width: 5%;
        width: 5%;
        display: inline-block;
    }
}

a.wc-block-components-button.wp-element-button.wc-block-mini-cart__footer-checkout.wp-block-woocommerce-mini-cart-checkout-button-block {
    display: none;
}


#main-menu {
    
    .panier {
        display: none;
    }
}

.mrz-responsive-collapse {
    display: none;
    padding: 30px 30px;

    ul#mrz-main-menu {
        display: flex;
        flex-direction: column;
        gap: 8px;

        li {
            a {
                font-size: 18px;
                color: #fff;
                font-weight: 500;
            }
        }
    }
}

/* body.single-product.postid-1839 .site-header {
    display: none;
} */

.mrzc-site-header {
    /* margin-right: 15%;
    margin-left: 15%; */

    .mrzc-container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        padding: 1rem;

        /* Logo: 20% */
        .site-logo {
            width: 25%;
            flex-shrink: 0;

            h2 {
                margin: 0;
            }

            img {
                transition: all 0.75s cubic-bezier(0.040, 1.115, 1.000, 1.000);

                &:hover {
                    opacity: 0.6;
                    transform: scale(1.05) translate(0, -0.2em);
                }
            }
        }
    
        /* Main Menu: 70% */
        .main-menu {
            width: 62%;
            flex-grow: 1;
            position: relative;
        }
    
        .main-menu ul {
            display: flex;
            align-items: center;
            justify-content: end;
            gap: 2rem;
            list-style: none;
            margin: 0;
            padding: 0;
            width: 100%;

            li {
                a {
                    color: #fff;
                    font-size: 16px;
                    text-transform: uppercase;
                    font-weight: 400;

                    &:hover {
                        color: #3C9BFF;
                    }
                }
            }
        }
    
        /* WooCommerce Links: 10% */
        .woo-links {
            width: 13%;
            flex-shrink: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 1rem;

            a {
                color: #fff;
                font-size: 16px;
                text-transform: uppercase;
                font-weight: 400;
            
                &:hover {
                    color: #3C9BFF;
                }
            }
            
            .navbar-toggle {
                margin-bottom: 6px;
                
                svg {

                }
            }

            .mrzc-myaccount {
                a {
                    font-size: 18px;
                    line-height: 1.5;

                    span {
                        font-size: 18px;
                    }
                }
            }

            .mrz-mini-cart {
                
            }
        }

        .mrz-mini-cart .wc-block-mini-cart__button .wc-block-mini-cart__icon {
            color: #fff;
            font-size: 22px;
        }

        .mrz-mini-cart .wc-block-mini-cart__button .wc-block-mini-cart__badge {
            color: #000000;
            background: #ffffff;
        }
    }

    @media (max-width: 767px) {
        .mrzc-container {
            gap:10px;

            .site-logo {
                width: 45%;

                img {
                    
                }
            }
    
            /* Main Menu: 70% */
            .main-menu {
                
            }
            /* WooCommerce Links: 10% */
            .woo-links {
                width: 40%;
                justify-content: left;
            }
    
            .mrz-mini-cart .wc-block-mini-cart__button .wc-block-mini-cart__icon {
                
            }
    
            .mrz-mini-cart .wc-block-mini-cart__button .wc-block-mini-cart__badge {
                
            }
        }
    }
}

/*
Minicart
*/
.wc-block-mini-cart__drawer.wc-block-components-drawer {
    &.is-mobile {
        
    }

    .wp-block-woocommerce-filled-mini-cart-contents-block {
        color: #fff;
        font-size: 16px;

        a {
            font-weight: 500;
            color: #ddd;

            &.wc-block-components-product-name {
                font-size: 16px;

                &:hover {
                    text-decoration: underline;
                }
            }
        }
    }
}



.mrzc-production-timeline {
    .mrzc-production-timeline-title {
        font-size: 28px;
        margin: 30px 0 20px;
    }

    #mrz-protl {
        border: 1px solid #ddd;
        padding: 25px;
        border-radius: 10px;
    }
    .production-years {
        ul {
            display: flex;
            justify-content: space-between;
            gap: 10px;
            flex-wrap: wrap;

            li {
                font-size: 20px;
                font-weight: 600;
                
                &.active {
                    a {
                        cursor: pointer;
                        text-decoration: underline;
                    }
                }

                a {
                    text-decoration: none;
                    color: #333;

                    &:hover {
                        cursor: pointer;
                        text-decoration: underline;
                    }
                }
            }
        }
    }
    .production-info {
        padding: 40px 0;
        
        .single-info {
            visibility: hidden;
            opacity: 0;
            height: 0;
            width: 0;
            display: flex;
            gap: 20px;
            align-items: end;
            justify-content: center;

            &.active {
                visibility: visible;
                opacity: 1;
                height: auto;
                width: auto;
            }


            .label-photo {
                height: 160px;
                width: 160px;
                border-radius: 50%;
                overflow: hidden;

                img {
                    width: 100%;
                    height: auto;
                    max-height: 100%;
                }
            }

            .bottle-photo {
                height: 260px;

                img {
                    max-height: 100%;
                    width: auto;
                    height: 100%;
                }
            }

            
        }
        
    }

}