/* body */
body {
    font-family: "Encode Sans", sans-serif;
    font-weight: 500;
}

/* Header principal */
#header {
    background: transparent;
}

#header .header-nav {
    background-color: #f1f2ec;
    z-index: 2;
    position: relative;
    letter-spacing: inherit;
    font-weight: 500;
}

#header .header-top {
    box-shadow: 0 4px 16px rgb(0 0 0 / 15%);
}


#header .header-inner-top.fixed {
    background: white;
}


#header .header-nav .center-nav, #header .header-nav .left-nav{
    display: flex;
    align-items: center;
}

/* Container */ 
header#header .container:not(.top-menu){
    display: flex;
    justify-content: space-between;
}

header#header .container::after{
    content: none;
}

@media (max-width: 991px) {
    #header .header-top .header-inner-content {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    #header .header-top.fixed {
        background: white;
        color: var(--fd-color-text);
    } 

    #header .header-top .header-top-inner .container {
        padding-bottom: 0;
    }
} 

@media (min-width: 992px) {
    #header .header-top .header-top-inner.fixed {
        margin-top: 88px;
    }
}

/* logo */ 
@media (max-width: 991px) {
  #header .header_logo {
    padding: 0.5rem 1rem 0.5rem 2rem;
  }
}

@media (max-width: 413px) {
  #header .header_logo {
    float: none;
    padding: 0;
  }
}

/* Menu burger */ 
@media (max-width: 991px) {
  #header .header-top .menu-icon .cat-title {
    color: var(--fd-color-text);
  }
}

/* Liens RS */
#header .header-nav #links_block_top #cz_toplink
a:is([title*="Facebook" i], [title*="Instagram" i]) {
    display: inline-block;
    height: 1.8rem;
    width: 1.8rem;
    padding: 0;

    font-size: 0;
    text-decoration: none;

    translate: 0 0.125rem;

    color: var(--fd-color-text);
}

/* Icônes propres à chaque réseau */
#header .header-nav #links_block_top #cz_toplink
a[title*="Facebook" i] {
    --social-icon: "\f082";
}

#header .header-nav #links_block_top #cz_toplink
a[title*="Instagram" i] {
    --social-icon: "\f16d";
}

/* Affichage de l'icône */
#header .header-nav #links_block_top #cz_toplink
a:is([title*="Facebook" i], [title*="Instagram" i])::before {
    content: var(--social-icon);

    font-family: "FontAwesome";
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
}

/* Navigation clavier */
#header .header-nav #links_block_top #cz_toplink
a:is([title*="Facebook" i], [title*="Instagram" i]):focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 0.1875rem;
}

#header .header-nav #links_block_top ul#cz_toplink {
    margin: 0;
}

#header .header-nav #cz_toplink li {
  white-space: inherit;
  margin-left: 0.5rem;
}


/* Liens */
#header .header-nav .header_blocklink:not(#cz_toplink){
    display: flex;
    gap: 1.5rem;
    margin: 0;
}

#header .header-nav .header_blocklink:not(#cz_toplink) a {
    position: relative;
}

#header .header-nav .header_blocklink:not(#cz_toplink) li:not(:last-child) a::after {
    content: "";
    position: absolute;
    right: -0.75rem;
    top: 50%;
    transform: translate(-50%, -50%);

    height: 75%;
    width: 1px;
    background-color: var(--fd-color-text);
}

#header .header-nav li.hidden-xxl{
  display: none;
}

@media (min-width: 1200px) and (max-width: 1460px) {
    #header .header-nav li.hidden-xxl{
        display: block;
    }
}

@media (max-width: 395px) {
    #header .header-nav .header_blocklink{
        display: none !important;
    }
}



/* Recherche */

#header .search-widget {
    width: 50%;
    padding: 0.5rem;
    margin-top: 0.1rem;
}

#header #search_widget .ui-autocomplete-input {
    border-radius: 10rem;
    font-weight: 500;
}


#header .search-widget form input[type="text"]{
    border-top-right-radius: 10rem;
    border-bottom-right-radius: 10rem;
}

#header .search-widget form button[type="submit"]{
    border-top-right-radius: 10rem;
    border-bottom-right-radius: 10rem;
    background-color: var(--fd-color-primary);
}

@media (max-width: 1659px) {
    #header .search-widget {
        width: 50%;
    }
}

@media (max-width: 991px) {
    #header .search-widget {
        width: 20%;

        position: inherit;
    }

    #header .search-widget .search_toggle {
        bottom: -4rem;
        right: 0;
        display: none;
        z-index: 10;
        position: absolute;
        width: 95vw;
    }

    .header-top .search-widget form {
        margin: 0.75rem auto;
    }

    #header .search-widget .search_button {
       background: none;

       transform: translate(-3.25rem, 0.65rem);
    }

    #header .search-widget .search_button::before {
        content: "";
        background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path style="fill:rgb(62, 62, 62)" d="M480 272C480 317.9 465.1 360.3 440 394.7L566.6 521.4C579.1 533.9 579.1 554.2 566.6 566.7C554.1 579.2 533.8 579.2 521.3 566.7L394.7 440C360.3 465.1 317.9 480 272 480C157.1 480 64 386.9 64 272C64 157.1 157.1 64 272 64C386.9 64 480 157.1 480 272zM272 416C351.5 416 416 351.5 416 272C416 192.5 351.5 128 272 128C192.5 128 128 192.5 128 272C128 351.5 192.5 416 272 416z"/></svg>');
        
        background-repeat: no-repeat;
        background-position: left;
        background-size: contain;

        position: absolute;
        left: 0;
        top: 50%;
        width: 2.25rem;
        height: 2.25rem;

        transform: translateY(-50%);
        z-index: -1;
    }

    #header .search-widget .search_button::after {
        content: "";
        background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path style="fill:rgb(249, 0, 133)" d="M135.5 169C126.1 159.6 126.1 144.4 135.5 135.1C144.9 125.8 160.1 125.7 169.4 135.1L320.4 286.1L471.4 135.1C480.8 125.7 496 125.7 505.3 135.1C514.6 144.5 514.7 159.7 505.3 169L354.3 320L505.3 471C514.7 480.4 514.7 495.6 505.3 504.9C495.9 514.2 480.7 514.3 471.4 504.9L320.4 353.9L169.4 504.9C160 514.3 144.8 514.3 135.5 504.9C126.2 495.5 126.1 480.3 135.5 471L286.5 320L135.5 169z"/></svg>');
        
        background-repeat: no-repeat;
        background-position: left;
        background-size: contain;

        position: absolute;
        left: 0;
        top: 50%;
        width: 2.25rem;
        height: 2.25rem;

        transform: translateY(-50%);
        z-index: -1;

        opacity: 0;
    }

    #header .search-widget .search_button.active::before {
        display: none;
    }

    #header .search-widget form button[type="submit"] {
        font-size: 0;
        width: 50px;
        background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path style="fill:rgb(255, 255, 255)" d="M480 272C480 317.9 465.1 360.3 440 394.7L566.6 521.4C579.1 533.9 579.1 554.2 566.6 566.7C554.1 579.2 533.8 579.2 521.3 566.7L394.7 440C360.3 465.1 317.9 480 272 480C157.1 480 64 386.9 64 272C64 157.1 157.1 64 272 64C386.9 64 480 157.1 480 272zM272 416C351.5 416 416 351.5 416 272C416 192.5 351.5 128 272 128C192.5 128 128 192.5 128 272C128 351.5 192.5 416 272 416z"/></svg>');
        background-repeat: no-repeat;
        background-position: 35% 50%;
        background-size: 60%;
    }

    #header .search-widget form button[type="submit"]:hover {
        background-position: 35% 50%;
        background-color: var(--fd-color-text);
    }
}

/* Panier */ 

#header .blockcart{
    padding: 0.5rem 0.25rem 0.5rem 0;
}

#header .blockcart .blockcart-header > a.shopping-cart {
    color: var(--fd-color-text);
    background: none;

    line-height: 1.2;
    font-weight: bold;

    padding: 0.5rem 0 0.5rem 3.5rem;
}

#header .blockcart .blockcart-header > a.shopping-cart::before {
    content: "";
    background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path style="fill:rgb(62, 62, 62)" d="M24 48C10.7 48 0 58.7 0 72C0 85.3 10.7 96 24 96L69.3 96C73.2 96 76.5 98.8 77.2 102.6L129.3 388.9C135.5 423.1 165.3 448 200.1 448L456 448C469.3 448 480 437.3 480 424C480 410.7 469.3 400 456 400L200.1 400C188.5 400 178.6 391.7 176.5 380.3L171.4 352L475 352C505.8 352 532.2 330.1 537.9 299.8L568.9 133.9C572.6 114.2 557.5 96 537.4 96L124.7 96L124.3 94C119.5 67.4 96.3 48 69.2 48L24 48zM208 576C234.5 576 256 554.5 256 528C256 501.5 234.5 480 208 480C181.5 480 160 501.5 160 528C160 554.5 181.5 576 208 576zM432 576C458.5 576 480 554.5 480 528C480 501.5 458.5 480 432 480C405.5 480 384 501.5 384 528C384 554.5 405.5 576 432 576z"/></svg>');
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;

    position: absolute;
    left: 0;
    top: 50%;
    width: 3rem;
    height: 3rem;

    transform: translateY(-50%);
    z-index: -1;
}

#header .blockcart .blockcart-header > a.shopping-cart::after {
    content: "";
    background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path style="fill:rgb(249, 0, 133)" d="M24 48C10.7 48 0 58.7 0 72C0 85.3 10.7 96 24 96L69.3 96C73.2 96 76.5 98.8 77.2 102.6L129.3 388.9C135.5 423.1 165.3 448 200.1 448L456 448C469.3 448 480 437.3 480 424C480 410.7 469.3 400 456 400L200.1 400C188.5 400 178.6 391.7 176.5 380.3L171.4 352L475 352C505.8 352 532.2 330.1 537.9 299.8L568.9 133.9C572.6 114.2 557.5 96 537.4 96L124.7 96L124.3 94C119.5 67.4 96.3 48 69.2 48L24 48zM208 576C234.5 576 256 554.5 256 528C256 501.5 234.5 480 208 480C181.5 480 160 501.5 160 528C160 554.5 181.5 576 208 576zM432 576C458.5 576 480 554.5 480 528C480 501.5 458.5 480 432 480C405.5 480 384 501.5 384 528C384 554.5 405.5 576 432 576z"/></svg>');
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    transition: opacity var(--fd-transition-duration) ease-in-out;

    position: absolute;
    left: 0;
    top: 50%;
    width: 3rem;
    height: 3rem;

    transform: translateY(-50%);
    z-index: -1;

    opacity: 0;
}

#header .blockcart .blockcart-header > a.shopping-cart:hover{
    background: none;
}

#header .blockcart .blockcart-header > a.shopping-cart .mobile_count {
  background: var(--fd-color-primary);
}

#header .blockcart .blockcart-header > a.shopping-cart .cart-products-count {
  color: var(--fd-color-text);
}

/* Compte */

#header .user-info {
    padding: 0.75rem 1rem 0.5rem 1rem
}

#header .user-info .user-info-title .account_desc {
    color: var(--fd-color-text);
}

#header .user-info .user-info-title {
    color: var(--fd-color-text);
    background: none;

    line-height: 1.2;
    font-weight: bold;

    padding: 0.5rem 0 0.5rem .5rem;
}

@media (max-width: 991px) {
    #header .user-info{
        position: relative;
        left: 0rem;
        top: 0.4rem;
    }
}

@media (min-width: 1200px) {
    #header .user-info .user-info-title {
        padding: 0.5rem 0 0.5rem 3.5rem;
    }

    #header .user-info {
        padding: 0.5rem 1rem 0.5rem 1rem
    }
}

#header .user-info .user-info-title::before {
    content: "";
    background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path style="fill:rgb(62, 62, 62)" d="M463 448.2C440.9 409.8 399.4 384 352 384L288 384C240.6 384 199.1 409.8 177 448.2C212.2 487.4 263.2 512 320 512C376.8 512 427.8 487.3 463 448.2zM64 320C64 178.6 178.6 64 320 64C461.4 64 576 178.6 576 320C576 461.4 461.4 576 320 576C178.6 576 64 461.4 64 320zM320 336C359.8 336 392 303.8 392 264C392 224.2 359.8 192 320 192C280.2 192 248 224.2 248 264C248 303.8 280.2 336 320 336z"/></svg>');
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;

    position: absolute;
    left: 0.75rem;
    top: 50%;
    width: 3.25rem;
    height: 3.25rem;

    transform: translateY(-50%);
    z-index: -1;
}

#header .user-info .user-info-title::after {
    content: "";
    background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path style="fill:rgb(249, 0, 133)" d="M463 448.2C440.9 409.8 399.4 384 352 384L288 384C240.6 384 199.1 409.8 177 448.2C212.2 487.4 263.2 512 320 512C376.8 512 427.8 487.3 463 448.2zM64 320C64 178.6 178.6 64 320 64C461.4 64 576 178.6 576 320C576 461.4 461.4 576 320 576C178.6 576 64 461.4 64 320zM320 336C359.8 336 392 303.8 392 264C392 224.2 359.8 192 320 192C280.2 192 248 224.2 248 264C248 303.8 280.2 336 320 336z"/></svg>');
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    transition: opacity var(--fd-transition-duration) ease-in-out;

    position: absolute;
    left: 0.75rem;
    top: 50%;
    width: 3.25rem;
    height: 3.25rem;

    transform: translateY(-50%);
    z-index: -1;

    opacity: 0;
}


#header .user-info .user-info-title:hover {
    background: none;
}

/* Infos Livraison */

#header .blockfranco {
    display: inline-block;
    text-align: center;
    white-space: inherit;
    float: inherit !important;
    padding: 0px;
    width: auto;
    margin: 0.6rem 0 0 0;
}

#header .blockfranco .blockfranco-header > a.icon-franco span {
    color: var(--fd-color-text);
}

#header .blockfranco .blockfranco-header > a.icon-franco {
    background: none;
    line-height: 1.2;
    color: var(--fd-color-text);
}

#header .blockfranco .blockfranco-header > a.icon-franco::before {
    content: "";
    background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path style="fill:rgb(62, 62, 62)" d="M64 160C64 124.7 92.7 96 128 96L416 96C451.3 96 480 124.7 480 160L480 192L530.7 192C547.7 192 564 198.7 576 210.7L621.3 256C633.3 268 640 284.3 640 301.3L640 448C640 483.3 611.3 512 576 512L572.7 512C562.3 548.9 528.3 576 488 576C447.7 576 413.8 548.9 403.3 512L300.7 512C290.3 548.9 256.3 576 216 576C175.7 576 141.8 548.9 131.3 512L128 512C92.7 512 64 483.3 64 448L64 400L24 400C10.7 400 0 389.3 0 376C0 362.7 10.7 352 24 352L136 352C149.3 352 160 341.3 160 328C160 314.7 149.3 304 136 304L24 304C10.7 304 0 293.3 0 280C0 266.7 10.7 256 24 256L200 256C213.3 256 224 245.3 224 232C224 218.7 213.3 208 200 208L24 208C10.7 208 0 197.3 0 184C0 170.7 10.7 160 24 160L64 160zM576 352L576 301.3L530.7 256L480 256L480 352L576 352zM256 488C256 465.9 238.1 448 216 448C193.9 448 176 465.9 176 488C176 510.1 193.9 528 216 528C238.1 528 256 510.1 256 488zM488 528C510.1 528 528 510.1 528 488C528 465.9 510.1 448 488 448C465.9 448 448 465.9 448 488C448 510.1 465.9 528 488 528z"/></svg>');
    
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;

    position: absolute;
    left: -0.75rem;
    top: 45%;
    width: 3rem;
    height: 3rem;

    transform: translateY(-50%);
    z-index: -1;
}

#header .blockfranco .blockfranco-header > a.icon-franco::after {
    content: "";
    background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path style="fill:rgb(249, 0, 133)" d="M64 160C64 124.7 92.7 96 128 96L416 96C451.3 96 480 124.7 480 160L480 192L530.7 192C547.7 192 564 198.7 576 210.7L621.3 256C633.3 268 640 284.3 640 301.3L640 448C640 483.3 611.3 512 576 512L572.7 512C562.3 548.9 528.3 576 488 576C447.7 576 413.8 548.9 403.3 512L300.7 512C290.3 548.9 256.3 576 216 576C175.7 576 141.8 548.9 131.3 512L128 512C92.7 512 64 483.3 64 448L64 400L24 400C10.7 400 0 389.3 0 376C0 362.7 10.7 352 24 352L136 352C149.3 352 160 341.3 160 328C160 314.7 149.3 304 136 304L24 304C10.7 304 0 293.3 0 280C0 266.7 10.7 256 24 256L200 256C213.3 256 224 245.3 224 232C224 218.7 213.3 208 200 208L24 208C10.7 208 0 197.3 0 184C0 170.7 10.7 160 24 160L64 160zM576 352L576 301.3L530.7 256L480 256L480 352L576 352zM256 488C256 465.9 238.1 448 216 448C193.9 448 176 465.9 176 488C176 510.1 193.9 528 216 528C238.1 528 256 510.1 256 488zM488 528C510.1 528 528 510.1 528 488C528 465.9 510.1 448 488 448C465.9 448 448 465.9 448 488C448 510.1 465.9 528 488 528z"/></svg>');
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    transition: opacity var(--fd-transition-duration) ease-in-out;

    position: absolute;
    left: -0.75rem;
    top: 45%;
    width: 3rem;
    height: 3rem;

    transform: translateY(-50%);
    z-index: -1;

    opacity: 0;
}


#header .user-info .user-info-title:hover {
    background: none;
}


@media (min-width: 1460px) {
    #header .blockfranco {
        margin: 0.8rem 0 0 0;
    }
}

@media (min-width: 1200px) and (max-width: 1460px) {
    #header .blockfranco {
        display: none;
    }
}

@media (max-width: 991px) {
    #header .blockfranco {
        top: 0.1rem;
        left: 3.8rem;
    }
}

#header .user-info, #header .blockcart, #header .blockfranco {
    transform: scale(0.8);
    transform-origin: right;
}

@media (min-width: 992px) {

    #header .user-info, #header .blockcart, #header .blockfranco {
        transform: none;
    }
}


/* hover général */

#header .user-info .user-info-title:hover::after, #header .blockcart .blockcart-header > a.shopping-cart:hover::after, #header .blockfranco .blockfranco-header > a.icon-franco:hover::after, #header .search-widget .search_button.active::after {
    opacity: 1;
}


/* Catégories */ 
.header-top #carousel_main_menu{
    border-top: 1px solid #d3d3d34f;
}

.header-top #carousel_main_menu .owl-wrapper {
  padding-bottom: 0px;
}

.header-top .menu > ul li a.dropdown-item{
    position: relative;
    text-transform: lowercase;
    letter-spacing: inherit;
    font-family: "Encode Sans", sans-serif;
    font-weight: bold;
    font-size: 1rem;
    line-height: 1.2 !important;

    text-wrap: balance;
}

.header-top .menu > ul li a.dropdown-item::first-letter {
    text-transform: uppercase;
}

.header-top .menu > ul li a.dropdown-item::before{
    content: "";
    background-repeat: no-repeat;
    background-position: top;
    background-size: contain;

    width: 2.75rem;
    height: 2.75rem;

    position: absolute;
    left: 50%;
    right: inherit;
    top: -0.5rem;

    transform: translateX(-50%);
}


.header-top .menu > ul li a.dropdown-item::after{
    content: "";
    background-repeat: no-repeat;
    background-position: top;
    background-size: contain;

    width: 2.75rem;
    height: 2.75rem;

    position: absolute;
    left: 50%;
    right: inherit;
    top: -0.5rem;

    transform: translateX(-50%);

    transition: opacity var(--fd-transition-duration) ease-in-out;
    opacity: 0;
}

.header-top .menu > ul li a.dropdown-item:hover::before{
    background-position: top;
}

.header-top .menu > ul li a.dropdown-item:hover::after{
    opacity: 1;
}

#header .header-top .header-top-inner .customNavigation a.next{
    background-repeat: no-repeat;
    background-position: top;
    background-size: contain;

    background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path style="fill:rgb(249, 0, 133)" d="M569 337C578.4 327.6 578.4 312.4 569 303.1L401 135C391.6 125.6 376.4 125.6 367.1 135C357.8 144.4 357.7 159.6 367.1 168.9L494.1 295.9L88 295.9C74.7 295.9 64 306.6 64 319.9C64 333.2 74.7 343.9 88 343.9L494.1 343.9L367.1 470.9C357.7 480.3 357.7 495.5 367.1 504.8C376.5 514.1 391.7 514.2 401 504.8L569 337z"/></svg>');
}

#header .header-top .header-top-inner .customNavigation a.prev{
    background-repeat: no-repeat;
    background-position: top;
    background-size: contain;

    background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path style="fill:rgb(249, 0, 133)" d="M71 303C61.6 312.4 61.6 327.6 71 336.9L239 505C248.4 514.4 263.6 514.4 272.9 505C282.2 495.6 282.3 480.4 272.9 471.1L145.9 344L552 344C565.3 344 576 333.3 576 320C576 306.7 565.3 296 552 296L145.9 296L273 169C282.4 159.6 282.4 144.4 273 135.1C263.6 125.8 248.4 125.7 239.1 135.1L71 303z"/></svg>');
}

#header .header-top .header-top-inner .customNavigation a.next::before {
  content: none;
}

#header .header-top .header-top-inner .customNavigation a.prev::before {
  content: none;
}

