/* Région Menu */
#menuHeader{
    position: relative;
    background-color: #fff;
    padding: 0 30px;
    z-index: 999;
}
@media screen and (max-width: 900px) {
    #menuHeader{
        display: none;
    }
}
#menuHeader #block-main-menu ul.categ-megamenu-firstLevel{
    display: flex;
    justify-content: space-evenly;
    gap: 60px;
}
#menuHeader #block-main-menu ul.categ-megamenu-firstLevel li.firstLevel > a{
    display: flex;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: #000;
    padding: 28px 0;
}
@media screen and (max-width: 1300px) {
    #menuHeader #block-main-menu ul.categ-megamenu-firstLevel li.firstLevel > a{
        font-size: 14px;
    }
}
@media screen and (max-width: 1200px) {
    #menuHeader #block-main-menu ul.categ-megamenu-firstLevel li.firstLevel > a{
        font-size: 12px;
    }
    #region_logo, #region_logo img {
        max-width: 170px;
    }

}
#menuHeader #block-main-menu ul.categ-megamenu-firstLevel li.firstLevel:hover > a{
    color: #6AAB2F;
}
#menuHeader #block-main-menu ul.categ-megamenu-firstLevel li.categ-megamenu > a:after{
    content: url("data:image/svg+xml,%3Csvg width='10' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M201.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 338.7 54.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z'/%3E%3C/svg%3E");
    margin-left: 5px;
    transition: all ease 0.3s;
}
#menuHeader #block-main-menu ul.categ-megamenu-firstLevel li.categ-megamenu:hover > a:after{
    content: url("data:image/svg+xml,%3Csvg width='10' fill='%236AAB2F' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M201.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 338.7 54.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z'/%3E%3C/svg%3E");
    transform: scaleY(-1);
}
#menuHeader #block-main-menu ul li .categ-megamenu-container{
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    pointer-events: none;
    opacity: 0;
    transition: all ease 0.3s;
}
#menuHeader #block-main-menu ul li:hover .categ-megamenu-container{
    opacity: 1;
    pointer-events: all;
}
#menuHeader #block-main-menu ul li .categ-megamenu-container .categ-megamenu-content{
    background-color: #FFF;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 8px -4px !important;
    padding: 50px 70px;
}
#menuHeader #block-main-menu ul li .categ-megamenu-container .categ-megamenu-content ul.categ-megamenu-subcategs{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 40px;
    row-gap: 10px;
}
@media screen and (max-width: 1100px){
    #menuHeader #block-main-menu ul li .categ-megamenu-container .categ-megamenu-content ul.categ-megamenu-subcategs{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
#menuHeader #block-main-menu ul li .categ-megamenu-container .categ-megamenu-content ul.categ-megamenu-subcategs a.text-xl{
    font-size: 16px !important;
    font-weight: 600 !important;
}
#menuHeader #block-main-menu ul li .categ-megamenu-container .categ-megamenu-content ul.categ-megamenu-subcategs a:hover{
    text-decoration: underline;
}
/* Région Menu (mobile)*/
#menuBurgerContent #block-main-menu ul.categ-megamenu-firstLevel{
    display: flex;
    flex-direction: column;
    padding: 0 30px;
    gap: 10px;
}
#menuBurgerContent #block-main-menu ul.categ-megamenu-firstLevel li.firstLevel > a{
    font-size: 18px;
    font-weight: 700;
    color: #FCFAF3;
}
#menuBurgerContent #block-main-menu ul.categ-megamenu-firstLevel li.childLevel > a{
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    color: #FCFAF3;
    padding-left: 20px;
}
#menuBurgerContent #block-main-menu ul.categ-megamenu-firstLevel li.childLevel ul.categ-megamenu-subcateg-content a{
    font-size: 14px;
    font-weight: 400;
    color: #FCFAF3;
    padding-left: 40px;
}
#menuBurgerContent #block-main-menu a:hover{
    color: #DEC97A;
    text-decoration: underline;
}

#block-identitedusite,
#block-lejardindespetitscochons-site-branding {
    position: absolute;
    z-index: 10000;
    top: 0;
}

.iconeHeader.relative.cart_link::after {
    content: ""attr(data-cart-qty)""; 
    background: #FCD3FD;
    width: 24px;
    height: 24px;
    display: flex;
    position: absolute;
    top: -10px;
    border-radius: 30px;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    font-weight: 700;
    text-align: left;
    left: 15px;
}

#btnHeader {
    gap: 20px;
    max-width: 174px;
    margin-right: 15px;
}

#menuBurgerContent{
    top: -100%;
    left: 0;
    background-color: #FFF;
    padding: 121px 0 50px 0;
    overflow-y: auto;
    opacity: 0;
    transition: all ease 0.3s;
    z-index: 998;
}
.layout-container.openBurger #menuBurgerContent{
    opacity: 1;
    top: 0;
}

#menuBurgerContent .categ-megamenu-firstLevel li a {
    color: #000 !important;
}

#menuBurgerContent .categ-megamenu-firstLevel li {
    margin-bottom: 30px;
    text-align: center;
}

#menuBurgerContent .categ-megamenu-firstLevel {
    padding: 0 !important;
}

.header-container {
	margin: 0 -30px;
}


.header-container #menuBurgerContent #searchHeaderMobile form {
    background: #FCD3FD66;
    border-radius: 30px;
    padding: 8px 30px !important;
}

#searchHeaderMobile #searchForm input {
    background: transparent !important;
    border: 0;
}

#searchHeaderMobile #searchForm input::placeholder {
    color: #000;
}

#searchHeaderMobile #searchForm .button {
    background-color: transparent !important;
    border: 0 !important;
    width: 40px;
    padding: 0 !important;
    color: transparent !important;
    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19 19L13.803 13.803M13.803 13.803C15.2096 12.3964 15.9998 10.4887 15.9998 8.4995C15.9998 6.51031 15.2096 4.60258 13.803 3.196C12.3964 1.78943 10.4887 0.999222 8.49949 0.999222C6.51029 0.999222 4.60256 1.78943 3.19599 3.196C1.78941 4.60258 0.999207 6.51031 0.999207 8.4995C0.999207 10.4887 1.78941 12.3964 3.19599 13.803C4.60256 15.2096 6.51029 15.9998 8.49949 15.9998C10.4887 15.9998 12.3964 15.2096 13.803 13.803Z" stroke="%23E82E7F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
}

@media screen and (max-width: 900px) {
    #block-identitedusite,
    #block-lejardindespetitscochons-site-branding {
        width: 174px;
        position: initial;
    }

    #block-identitedusite a, 
    #block-lejardindespetitscochons-site-branding a {
        width: 70px;
        display: block;
    }
    #menuBurger {
        display: block;
    }
    .hamburger {
        width: 40px;
        height: 40px;
    }
    #header .container {
        padding: 10px 0;
    }
}

@media screen and (max-width: 767px) {
    #btnHeader,
    #block-identitedusite,
    #block-lejardindespetitscochons-site-branding,
    #region_logo,
    #region_logo img {
        max-width: 80px !important;
    }
}

@media screen and (max-width: 500px) {
    #menuBurgerContent{
        padding: 139px 20px 50px;
    }
}


@media screen and (max-width: 500px) {
    .hamburger {
        width: 30px;
        height: 30px;
    }
    #searchHeader {
        display: none;
    }
    #menuBurgerContent #searchHeaderMobile form {
        padding: 0 !important;
    }
}

@media screen and (min-width: 501px) {
    #searchHeaderMobile {
        display: none;
    }
    #menuBurgerContent #region_menu {
        padding-top: 50px;
    }
}