/********************************************************
			Codezeel Custom Styles
********************************************************/


.blog-created {
display:none !important;
}

.thumbnail-container {
    position: relative;
}

.badge-out-of-stock {
    position: absolute;
    top: 10px;
    left: 10px;
    background: rgba(255, 0, 0, 0.8); /* Rouge semi-transparent */
    color: white;
    padding: 5px 12px;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    z-index: 2;
    border-radius: 2px;
    pointer-events: none; /* Pour que le clic passe à travers vers le produit */
}

/* Optionnel : Griser l'image quand c'est en rupture */
.product-miniature.js-product-miniature[data-id-product] img {
    transition: opacity 0.3s;
}

.badge-out-of-stock ~ a img {
    opacity: 0.6;
    filter: grayscale(80%);
}









.nivo-directionNav {
display:none;
}

.cz-hometabcontent {
	display:none !important;
}


.cz-carousel {
    display: none;
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
    -ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    float: left;
    width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item {
    float: left;
}
.owl-carousel .owl-item .manu_image a {
    display: inline-block;
}
.owl-carousel .owl-item .manu_image a img {
    max-width: 100%;
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    /* fix */
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    text-align: center;
}

/* mouse grab icon */
.grabbing {
    cursor: url("../img/codezeel/grabbing.png") 8 8, move;
}

.customNavigation {
    position: absolute;
    width: 100%;
    top: 35%;
    direction: ltr !important;
}
.customNavigation a {
    font-size: 0;
    position: absolute;
    padding: 0;
    color: #888888;
    cursor: pointer;
    overflow: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: 28px;
    height: 38px;
    border: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px;
    background-color: transparent;
}
.customNavigation a.prev {
    left: -40px;
    background-image: url(../img/codezeel/left-angle.svg);
}
.customNavigation a.next {
    right: -40px;
    background-image: url(../img/codezeel/right-angle.svg);
}
.customNavigation a.prev:hover {
    background-image: url(../img/codezeel/left-angle-hover.svg);
}
.customNavigation a.next:hover {
    background-image: url(../img/codezeel/right-angle-hover.svg);
}
.nivo-directionNav a {
    width: 50px;
    height: 50px;
}
.czhomeslider .nivo-directionNav .nivo-prevNav {
    background-image: url(../img/codezeel/slider-left-arrow.svg);
}
.czhomeslider .nivo-directionNav .nivo-nextNav {
    background-image: url(../img/codezeel/slider-right-arrow.svg);
}
.czhomeslider .nivo-directionNav .nivo-prevNav:hover {
    background-image: url(../img/codezeel/slider-left-arrow-hover.svg);
}
.czhomeslider .nivo-directionNav .nivo-nextNav:hover {
    background-image: url(../img/codezeel/slider-right-arrow-hover.svg);
}

@media (max-width: 1500px) {
    .customNavigation a.prev {
        left: -15px;
    }
    .customNavigation a.next {
        right: -15px;
    }
}
@media (max-width: 991px) {
    .customNavigation a.prev {
        left: 0;
    }
    .customNavigation a.next {
        right: 0;
    }
}
@media (max-width: 1199px) and (min-width: 401px){
    .customNavigation {
        top: 30%;
    }
}
@media (max-width:480px){
    .homeblog-latest .customNavigation {
        top: 30%;
    }
}

#czleftbanner img,
#czrightbanner img{
    max-width: 100%;
}
#czleftbanner li, #czrightbanner li {
    display: inline-block;
}
#czleftbanner li a, #czrightbanner li a {
    display: inline-block;
    overflow: hidden;
    position: relative;
}
#czleftbanner li a:before, #czrightbanner li a:before {
    background: rgba(255,255,255,.5) none repeat scroll 0 0;
    bottom: 20px;
    content: "";
    left: 20px;
    opacity: 1;
    position: absolute;
    right: 20px;
    top: 20px;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

#czleftbanner li:hover a:before, #czrightbanner li:hover a:before {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.top_button {
    background-image: url(../img/codezeel/top-arrow.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 45px;
    background-color: transparent;
    right: 20px;
    bottom: 20px;
    position: fixed;
    z-index: 999;
    width: 50px;
    height: 50px;
    font-size: 0;
    display: block;
}


/* Flexslider */

#index .spinner {
    background: url(../img/codezeel/loading.gif) no-repeat center center #d9d9db;
    width: 100%;
    background-size: 8%;
    min-height: 700px;
}
@media (max-width: 1459px) {
    #index .spinner {
        min-height: 700px;
    }
}
@media (max-width: 1199px) {
    #index .spinner {
        min-height: 550px;
    }
}
@media (max-width: 991px) {
    #index .spinner {
        min-height: 300px;
    }
}
@media (max-width: 480px) {
    #index .spinner {
        min-height: 220px;
    }
}
@media (max-width: 380px) {
    #index .spinner {
        min-height: 180px;
    }
}


/* twitter */

.block-social li.twitter a {
    display: inline-flex;
    background-color: transparent;
    border: 0 solid #e5e5e5;
    border-radius: 50%;
    height: auto;
    width: auto;
    margin-right: 3px;
}
.footer-container .links.block-contact li.twitter a {
    margin-right: 3px;
}
/*.block-social li.twitter a:hover {
    background-color: currentColor;
    border-color: currentColor;
}*/
.block-social li{
    vertical-align: top;
}
.block-social li.twitter a::before {
    content: "";
    mask-image: url(../img/codezeel/twitter.svg);
    mask-repeat: no-repeat;
    mask-size: 16px;
    -webkit-mask-repeat: no-repeat;
    mask-position: center center;
    background-color: currentColor;
}
.block-social li.twitter a:hover::before {
    background-color: currentColor;
}

.social-sharing ul li.twitter a::before {
    content: "";
    mask-image: url(../img/codezeel/twitter.svg);
    mask-repeat: no-repeat;
    mask-size: 17px;
    -webkit-mask-repeat: no-repeat;
    mask-position: center;
    background-color: #000;
    width: 100%;
    height: 100%;
}

.social-sharing ul li.twitter:hover a::before {
    background-color: #ffffff;
}

.social-sharing ul li.twitter:hover {
    background-color: #000;
}

.social-sharing ul li.twitter {
    border-color: #000;
}

.tabs .nav-tabs .nav-link:hover, .tabs .nav-tabs .nav-link.active {
    background-color: #71917a;
}
.btn-primary {
    background-color: #71917a;
    border:1px solid #71917a
}

#header .header-nav {
    background-color: #71917a;
}

#header .blockcart .blockcart-header>a.shopping-cart .mobile_count {
    background-color: #71917a;
}

.nivo-controlNav a:hover, .nivo-controlNav a.active {
    background-color: #71917a;
}
.products-section-title:before, #czparallaxcmsblock .parallax-text .products-section-title:before
,.footer-container .links .h3:before, .footer-container .links h3:before, .footer-container .links h3 a:before, #footer .block_newsletter .title span.news1:before
{
    border-bottom: 2px solid #71917a;
}

.footer-container li a:hover {
    color: #71917a;
}

@media (min-width: 992px) {
    .header-top-inner .menu>ul>li.current>a ,    .top-menu a[data-depth="0"]:hover {
        color: #71917a;
    }
}

.top-menu .sub-menu li > a.dropdown-submenu:hover {
    color: #71917a;
}

.products .product_list li.item .product-price-and-shipping, .products .product_list li.product_item .product-price-and-shipping, .product-price  {
    color: #71917a;
}
.products .product_list li.item .product-title:hover, .products .product_list li.item .product-title a:hover, .products .product_list li.product_item .product-title:hover, .products .product_list li.product_item .product-title a:hover{
    color: #71917a;
}

.pagination .current a {
    border-color: #71917a;
    background-color: #71917a;
}
.products-sort-order .select-list:hover{
    background-color: #71917a;
}

#left-column a:hover, #right-column a:hover, .products .product-price-and-shipping {
    color: #71917a;
}

.products .product-miniature .discount-percentage, .products .product-miniature .discount-product {
    background-color:#71917a;
}

#subcategories ul li .subcategory-image a:hover, a:focus, a:hover , .breadcrumb li a:hover {
    color: #71917a;
    border-color: #71917a;
}

.product-quantity .add .add-to-cart {
    border-color: #71917a;
    background-color: #71917a;
}

.product-cover .layer .zoom-in {
    background-color:#71917a;
}

.blockreassurance_product path {
    fill: #71917a;
}
#blockcart-modal .cart-content button, #blockcart-modal .cart-content .btn-primary:hover , .checkout.cart-detailed-actions a.btn.btn-primary{
    border-color: #71917a;
    background-color: #71917a;
}

.product-line-grid-right .cart-line-product-actions .remove-from-cart:hover, .product-line-grid-right .product-price .remove-from-cart:hover {
    color: #71917a;
}

.nav-item .nav-link.active, .nav-item .nav-separtor.active, .page-addresses .addresses-footer a:hover {
    color: #71917a;
}
.input-group .input-group-btn > .btn, .products .all-product-link {
    border-color: #71917a;
    background-color: #71917a;
}

.page-my-account #content .links a:hover, .product-line-grid .cart-line-product-actions a:hover i, .page-my-account #content .links a:hover i {
    color: #71917a;
}

.page-my-account #content .links a:hover span.link-item {
    border-color: #71917a;
}

#mobile_top_menu_wrapper .top-menu a[data-depth="0"]:hover, #mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="1"]:hover {
    color: #71917a;
}


/* Cible le lien Accueil */
#top-menu li:first-child:not(.category) > a {
    font-size: 0; /* cache le texte */
    position: relative;
    display: flex;
    align-items: center;
}

/* Injecte le SVG en pseudo-élément */
#top-menu li#lnk-accueil > a::before {
    content: "";
    width: 20px;
    height: 20px;

    /* On utilise ton SVG comme masque */
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor'><path stroke-linecap='round' stroke-linejoin='round' d='m2.25 12 8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25'/></svg>");
    mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor'><path stroke-linecap='round' stroke-linejoin='round' d='m2.25 12 8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25'/></svg>");
    position: relative;
    top: 3px;
    mask-size: cover;
    background-color: currentColor; /* la couleur du menu */
}

#header .header_logo {
   max-width: 60px;
}

.header-top > .container {
    width: 1920px;
}
.top-menu a[data-depth="0"] {
    font-size: 13px;
    padding: 5px 10px;

}


.footer-container li a::before {
display:none;
}