/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
/*********************************************************************************************************
Modif Watt 12-12-2019
AJOUT des short product description dans les short product sur les listing produits et les carousels
+ modification du template \themes\warehouse\templates\catalog\_partials\miniatures\_partials\product-miniature-1.tpl ligne 92
     Concerne les short product list format grid et les carousel produit
+ modification du template \themes\warehouse\templates\catalog\_partials\miniatures\product-list.tpl ligne 63
     Concerne les short product list format LIsting
+ ajout du fichier modifier smarty \vendor\prestashop\smarty\plugins\modifier.html_substr.php
**********************************************************************************************************/
.products-grid .product-miniature-layout-1 .product-description{
    padding-bottom: 50px !important;
}
.products-grid .product-miniature-layout-1 .product-description .product-description-short{
    text-align: left;
    max-height: 100%;
    padding-bottom: 0;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
    overflow: hidden;
    line-height: 14.4px !important;
    font-size: 12px !important;
}
#index .products-grid .product-miniature-layout-1 .product-description .product-description-short{
    height: 3vw;
}
.products-grid .product-miniature-layout-1 .product-description-short, .products-grid .product-miniature-layout-3 .product-description-short{
	height: 3vw!important;
}
.products-grid .product-miniature-layout-1 .product-description .product-description-short p{
    margin-bottom: 0;
}
.products-grid .product-miniature-layout-1 .product-description .product-description-short ul,
.products-list .product-miniature-default .product-description-short ul {
    padding-left: 15px !important;
    list-style-type: disc !important;
}
.products-grid .product-miniature-layout-1 .product-add-cart{
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    width: 100%;
}

div.slick-slide .product-carousel{
    height : 100%;
}
.slick-slider{
    box-sizing:border-box;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -ms-touch-action:pan-y;
    touch-action:pan-y;
    -webkit-tap-highlight-color:transparent
}
.slick-list,.slick-slider{
    position:relative;
    display:block
}
.slick-list{
    overflow:hidden;
    margin:0;
    padding:0
}
.slick-list:focus{
    outline:none
}
.slick-list.dragging{
    cursor:pointer
}
.slick-slider .slick-list,.slick-slider .slick-track{
    transform:translateZ(0)
}
.slick-track{
    position:relative;
    left:0;
    top:0;
    -js-display:flex;
    display:-ms-flexbox;
	display: flex;

}
.slick-track:after,.slick-track:before{
    content:"";
    display:table
}
.slick-track:after{
    clear:both
}
.slick-loading .slick-track{
    visibility:hidden
}
.slick-vertical .slick-track{
    position:relative;
    left:0;
    top:0;
    display:block
}
.slick-slide{
    min-height:1px;
    -js-display:flex;
    display:-ms-flexbox;
    display:flex;
    height:auto;
    display:none
}
[dir=rtl] .slick-slide{
    float:right
}
.slick-slide img{
    display:block
}
.slick-slide.slick-loading img{
    display:none
}
.slick-slide.dragging img{
    pointer-events:none
}
.slick-initialized .slick-slide{
    display:block
}
.slick-loading .slick-slide{
    visibility:hidden
}
.slick-vertical .slick-slide{
    display:block;
    height:auto;
    border:1px solid transparent
}
.slick-arrow.slick-hidden{
    display:none
}
.slick-next,.slick-prev{
    font-size:0;
    line-height:0;
    position:absolute;
    top:50%;
    z-index:22;
    display:block;
    transform:translateY(-50%);
    cursor:pointer;
    border:none;
	width:30px!important;
	height:70px!important;
    outline:none;
    background:transparent;
    transition:all .2s cubic-bezier(.7,0,.3,1);
    color:#fff;
    padding:1.4rem .7rem;
    opacity:.7
}
.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{
    outline:none
}
.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{
    opacity:1
}
.slick-prev:hover,.slick-next:hover{
	background: #000;
}
.slick-next.slick-disabled,.slick-prev.slick-disabled{
    opacity:.2;
    cursor:default
}
.slick-next:before,.slick-prev:before{
    font-family:FontAwesome;
    font-size:3rem;
    line-height:2rem;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.slick-arrow:hover:not(.slick-disabled){
    opacity:1
}
.slick-prev{
    left:0
}
[dir=rtl] .slick-prev{
    left:auto;
    right:0
}
.slick-prev:before{
    content:"\F104";
    right:1px;
    position:relative
}
[dir=rtl] .slick-prev:before{
    content:"\F105"
}
.slick-next{
    right:0
}
[dir=rtl] .slick-next{
    left:0;
    right:auto
}
.slick-next:before{
    content:"\F105";
    left:1px;
    position:relative
}
[dir=rtl] .slick-next:before{
    content:"\F104"
}
.slick-dotted.slick-slider{
    margin-bottom:30px
}
ul.slick-dots{
    position:absolute;
    bottom:-25px;
    display:block;
    width:100%;
    padding:0;
    margin:0;
    list-style:none;
    text-align:center;
    line-height:1
}
ul.slick-dots li{
    position:relative;
    display:inline-block;
    width:20px;
    height:20px;
    margin:0;
    padding:0;
    cursor:pointer
}
ul.slick-dots li button{
    font-size:0;
    line-height:0;
    display:block;
    width:20px;
    height:20px;
    padding:5px;
    cursor:pointer;
    color:transparent;
    border:0;
    outline:none;
    background:transparent
}
ul.slick-dots li button:focus,ul.slick-dots li button:hover{
    outline:none
}
ul.slick-dots li button:focus:before,ul.slick-dots li button:hover:before{
    opacity:1
}
ul.slick-dots li button:before{
    font-family:FontAwesome;
    font-size:.6rem;
    line-height:20px;
    position:absolute;
    top:0;
    left:0;
    width:20px;
    height:20px;
    content:"\F111";
    text-align:center;
    opacity:.25;
    color:#000;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
ul.slick-dots li.slick-active button:before{
    opacity:.75;
    color:#000
}
.slick-arrows-inside .slick-prev{
    left:20px
}
.slick-arrows-inside .slick-next{
    right:20px
}
.slick-arrows-above .slick-next,.slick-arrows-above .slick-prev{
    top:0;
    padding:0;
    width:1.8rem!important;
    height:1.8rem!important;
    transform:translateY(-100%)
}
.slick-arrows-above .slick-next:before,.slick-arrows-above .slick-prev:before{
    font-size:1.2rem;
    line-height:.8rem
}
.slick-arrows-above .slick-prev{
    left:auto;
    right:2rem
}
.slick-arrows-hide .slick-next,.slick-arrows-hide .slick-prev{
    display:none!important
}
.slick-dots-inside .slick-dots{
    bottom:5px
}
.slick-dots-inside.slick-dotted.slick-slider{
    margin-bottom:0
}
.elementor-blog-carousel,.elementor-brands-carousel,.elementor-image-carousel,.elementor-instagram-carousel,.elementor-testimonial-carousel,.slick-products-carousel,.slick-slider{
    visibility:visible;
    height:auto
}
.slick-slider.slick-initialized{
    visibility:visible;
    height:auto
}
/*Affichage d'une image sur le bonton rappelez moi des fiches produit*/
#product ul.arcu-buttons{
    margin-left : 0;
    margin-right: 0;
}
#product ul.arcu-buttons li a#arcu-button-msg-item-8{
    background-color: transparent !important;
    background-image: url("../../../../themes/warehouse/assets/img/demande-rappel.webp");
    background-size: contain;
    background-repeat: no-repeat;
    border-bottom: 0px;
    border-radius: 0;
    padding: 0;
    height: 107px;
}
#product ul.arcu-buttons li a#arcu-button-msg-item-8 div.arcu-item-icon,
#product ul.arcu-buttons li a#arcu-button-msg-item-8 div.arcu-item-content{
    display: none;
}

.product-reference h2{
    display: inline;
    font-size: 1rem;
    font-weight: normal;
}

#product .js-mrshopmailnotification{
    margin-top: 10px;
}
#product .js-mrshopmailnotification .material-icons{
    vertical-align: middle;
}
.products-grid .product-miniature-default .product-available{
    display:block;
}
.slick-next, .slick-prev{
	background: #000;
	opacity: 0.3;
}

.products.slick-products-carousel.products-grid.slick-default-carousel.slick-arrows-middle {
    display: flex;
}
.pb-1 > a:not(.btn):not(.nav-link) {
    color: #333;
}
a.remove-from-cart{
    color: #333!important;
}
.col-product-info .product_header_container{
	position: sticky;
    background: #fff;
    z-index: 23;
}

.col-product-info .product-add-to-cart {
    position: -webkit-sticky;
    position: sticky;
    top: 290px;
    background: #fff;
    z-index: 24;
}

.product-variants .w-input-texture .input-color, .product-variants .w-input-texture .color {
    width: 4rem;
    height: 4rem;
    line-height: 4rem;
}

.product-miniature-default .product-add-cart .input-qty {
    -moz-appearance: textfield;
    display: inline-block !important;
    margin-right: 0.5rem;
    max-width: 25px;
    min-width: 45px;
    text-align: center;
    padding: 0 0.2em;
}

.slick-products-carousel.products-grid.slick-default-carousel .product-carousel article img.product-thumbnail-first{
	opacity: 1 !important;
}

.simpleblog-posts h2 {
    font-size: 1rem;
    background: none;
    margin-bottom: 0.8rem;
    padding-bottom: 0.8rem;
    border-bottom: 1px solid rgba(161,161,161,.25);
}

.simpleblog-posts .post-thumbnail {
    margin-bottom: 0.8rem;
}

.simpleblog-posts .post-content {
    margin: 0.8rem 0;
}

.simpleblog-posts .post-additional-info {
    overflow: hidden;
    padding-top: 0.6rem;
    border-top: 1px solid rgba(161,161,161,.25);
}

.simpleblog-posts .post-item {
    width: 100%;
    position: relative;
    margin-bottom: 3rem;
    transition: background .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease;
}
.col-product-image .page-content {
    position: -webkit-sticky;
    position: sticky;
    top: 70px;
}
.additional_button {
    display: none!important;
}

.product-variants>.product-variants-item .custom-select2 {
    max-width: 100%;
    min-width: 100%;
}
.products-grid .product-miniature-layout-1{
	display: block;
    width: 403px;
    max-width: 100%;
    margin: 2px;
}
#product-availability.product-last-items, .product-availability .product-last-items{
	background-color: #1bab79;
    color: #fff;
}
/* changer le 21 07*/
.swiper-slide.swiper-slide-visible{
	display:block;
	/*display:contents;*/
}
li.product-flag.out_of_stock {
    display: none;
}
@media (min-width: 768px){
	.elementor-column-gap-default .elementor-element-populated {
		padding: 10px;
	}
}

.group-span-filestyle label[for="filestyle-0"] {
    background: #007bff!important;
    color: #fff;
}

.alert-success{
	width: fit-content;
}
.quickview .product-cover .product-lmage-large:nth-child(n+2) {
    display: none;
}

.elementor-section.elementor-section-stretched {
    z-index: 1;
}