﻿.page-body{
    font-family: var(--fontFamily);
}

.header-upper {
    margin: 0 0 0px;
}

.header-logo a img {
    max-width: 100%;
}

.main-slider-wrapper {
    max-height: var(--hauteurImageAccueil);
    overflow: hidden;
    max-width: 1200px;
    margin: auto;
}

    .main-slider-wrapper .anywhere-slider .picture-slide {
        height: var(--hauteurImageAccueil);
        line-height: 200px;
		display: flex;
		align-items: center;
    }
	
        .main-slider-wrapper .anywhere-slider .picture-slide img {
			/*
            display: inline !important; / Nécessaire pour contrer le display:block dans le style de l'élément/
            margin: -50% auto;
            vertical-align: middle;
			*/
        }
	
.home-page-category-grid .item-box .category-item-name,
.sub-category-grid .item-box .category-item-name,
.manufacturer-grid .item-box .category-item-name {
    font-size: var(--fontSize);
    font-family: var(--fontFamily);
}

.category-item .title,
.sub-category-item .title,
.manufacturer-item .title,
.vendor-item .title {
    background: unset;
    margin: 13px;
    padding-top: 32px;
    position: relative;
}

    .category-item .title a,
    .sub-category-item .title a,
    .manufacturer-item .title a,
    .vendor-item .title a {
        display: flex;
        justify-content: center;
        align-items: end;
    }

    .category-item .title span,
    .sub-category-item .title span,
    .manufacturer-item .title span,
    .vendor-item .title span {
        color: var(--fontColor);
    }
	
	.category-item .title .category-item-count{
		display: none;
	}

.category-item-name,
.manufacturer-item-name,
.vendor-item-name {
    max-height: unset;
}

.category-item-text-wrapper,
.manufacturer-item-text-wrapper,
.vendor-item-text-wrapper {
    top: unset;
    margin: auto;
}

.category-page .sub-category-item .category-item-name {
    color: var(--fontColor);
}

.product-details-page .prices-stock-wrapper {
    margin: 0;
}

.category-page .item-box .sub-category-item .picture img {
    max-height: 100%;
}

.variant-overview .variant-name h1 {
    font-size: 25px;
}

.variant-overview .sku span,
.variant-overview .gtin span,
.additional-details .sku span,
.additional-details .gtin span {
    font-size: 10px;
}

.variation-itembox {
    margin-bottom: 4px;
}

    .variation-itembox [type=radio] {
        position: absolute;
        opacity: 0;
        width: 0;
        height: 0;
    }

        /* IMAGE STYLES */
        .variation-itembox [type=radio] + img {
            cursor: pointer;
        }

        .variation-itembox [type=radio]:checked + img {
            width: 100%;
            max-height: 100px;
            object-fit: scale-down;
        }

.variations-list-wrapper [type=radio] + span {
    border: 1px solid black;
    cursor: pointer;
    display: inline-block;
    margin: 4px;
    padding: 4px;
    text-align: center;
    width: 40px;
}

.variation-list-item.variation-unpublished {
    color: #666666;
}

    .variation-list-item.variation-unpublished [type=radio] + span {
        border: 1px solid #666666;
        font-weight: unset;
    }


.variations-pictures-wrapper label,
.variations-pictures-wrapper label + * {
    border: 2px solid transparent;
    display: inline-block;
    margin-bottom: 2px;
    text-align: center;
    vertical-align: middle;
    width: 100px;
}

.variation-list-item.variation-unpublished [type=radio] + span {
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100'><path d='M100 0 L0 100 ' stroke='gray' stroke-width='4'/></svg>");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%, auto;
    cursor: pointer;
}

.variations-pictures-item.variation-unpublished {
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100'><path d='M100 0 L0 100 ' stroke='lightgray' stroke-width='2'/></svg>");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%, auto;
    cursor: pointer;
    display: none;
}

    .variations-pictures-item.variation-unpublished [type=radio] + img {
        position: relative;
        z-index: -1;
    }

.variation-itembox [type=radio] + img {
    outline: 2px solid #FFFFFF;
}

.variation-itembox [type=radio]:checked + img,
.variations-list-wrapper [type=radio]:checked + span {
    outline: 2px solid #000000;
}

.gallery .picture-thumbs {
    position: unset;
}

    .gallery .picture-thumbs a {
        height: 120px;
        width: 90px;
        border: none;
    }

        .gallery .picture-thumbs a img {
            display: unset;
            position: unset;
            width: 100%;
            height: 100%;
            object-fit: scale-down;
        }

        .gallery .picture-thumbs a.active {
            outline: 2px solid #2a396d;
        }
		
.slick-carousel .item-box .picture img{
	max-height: 100%;
}

.category-page .sub-category-grid .item-box .category-item-name {
    font-size: 14px;
    font-weight: normal;
    border: #34394d 1px solid;
    border-radius: 40px;
    background: #2a396d;
    color: white;
    height: 40px;
    align-content: center;
}

    .category-page .sub-category-grid .item-box .category-item-name:hover,
    .category-page .sub-category-grid .item-box .category-item-name:active {
        background: #4d4d4d;
    }

@media (max-width: 768px) {

    .home-page-category-grid .item-box .category-item-name,
    .sub-category-grid .item-box .category-item-name,
    .manufacturer-grid .item-box .category-item-name {
        font-size: var(--fontSizeMobile);
    }

    .category-page .category-picture {
        border-bottom: 1px solid #f1f1f1;
        padding: 0 0 10px 0;
        margin: 0 0 30px;
    }

        .category-page .category-picture .picture {
            width: fit-content;
            margin: auto;
        }

            .category-page .category-picture .picture img {
                max-width: 80%;
                max-height: 300px;
            }

    .category-page .sub-category-grid .item-grid {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .category-page .sub-category-grid .item-box {
        width: 50%;
        margin: 0 0 25px;
    }

        .category-page .sub-category-grid .item-box .title {
            margin: 4px 13px 24px 13px;
            position: unset;
            padding-top: 0;
        }

        .category-page .sub-category-grid .item-box .category-item-name {
            margin: 2px 4px;
        }

    .category-item .title a,
    .sub-category-item .title a,
    .manufacturer-item .title a,
    .vendor-item .title a {
        align-items: start;
    }

    .item-box .sub-category-item .picture a::before {
        padding-top: 100%;
    }

    .breadcrumb {
        margin: 0;
    }

    .master-column-wrapper {
        margin: 0 auto;
    }

    .product-details-page .product-name {
        border-bottom: 1px solid #f1f1f1;
        margin-bottom: 16px;
        padding-bottom: 8px;
    }

    .gallery {
        margin: 0 auto 20px;
    }

        .gallery .picture-thumbs {
            margin-top: 8px;
        }

            .gallery .picture-thumbs a {
                height: 60px;
                width: 45px;
            }

    .variation-item {
        margin-bottom: 12px;
    }
}

@media (min-width: 769px) {
    .home-page .category-grid .item-box {
        width: var(--tailleClassic);
        margin: var(--gapClassic);
    }

    .category-page .category-picture {
        border-bottom: 1px solid #f1f1f1;
        padding: 0 0 10px 0;
        margin: 0 0 30px;
    }

        .category-page .category-picture .picture {
            width: fit-content;
            margin: auto;
        }

            .category-page .category-picture .picture img {
                max-height: 600px;
            }

    .category-page .category-grid .item-box {
        width: 48%;
    }

        .category-page .category-grid .item-box:nth-child(1n+1) {
            margin-left: 2%;
        }

    /*.category-grid .item-box:nth-child(1n+2) {
            margin-left: 0%;
        }*/

    .category-page .category-description {
        text-align: center;
    }

    .category-page .sub-category-grid .item-grid {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .category-page .sub-category-grid .item-box {
        width: 15%;
        /*height: 320px;*/
    }

        .category-page .sub-category-grid .item-box:nth-child(n+1) {
            margin: 0 0 20px 0;
        }

    /*.category-page .sub-category-grid .sub-category-item {
        height: 100%;
    }*/

    .category-page .sub-category-grid .picture {
        height: 100%;
        max-height: 280px;
    }

        .category-page .sub-category-grid .picture a {
            height: 100%;
        }

    .product-details-page .product-details-mobile {
        display: none;
    }
}

@media (min-width: 1025px) {
    .header-logo a img {
        max-height: 100%;
    }

    .header-1 {
        padding: 0 0 0px;
    }

    .header-lower {
    }

        .header-lower .header-centering {
            max-width: 1200px;
            margin: auto;
        }

            .header-lower .header-centering .header-logo {
                display: block;
                height: 136px;
                width: 144px;
            }

            .header-lower .header-centering .header-cart-search-wrapper {
                margin: 42px 0 41px 0;
            }

            .header-lower .header-centering .header-menu {
                height: 136px;
            }

    .header-1 .header-lower .header-centering.stick {
        /*! max-width: unset; */
        margin: auto;
    }

    .variant-picture {
        width: 43%;
    }

    .product-variant-line .variant-overview {
        float: right;
        margin: 0 0 80px;
    }
}

/**/
@media (min-width: 1281px) {
    .header-lower .header-menu-wrapper {
        margin: 0 300px 0 144px;
    }

    .product-variant-line .variant-overview {
        width: 55%;
    }
}

/*Zoom*/
/*.picture a.zoom {
    background-position: 50% 50%;*/
/*position: absolute;*/
/*width: 500px;
    overflow: hidden;
    cursor: zoom-in;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;*/
/*display: contents;*/
/*}

    .picture a.zoom .main-product-zoom-over,
    .picture a.zoom .main-product-img-over {
        height: 625px;
        width: 500px;
        position: absolute;
        top: 0;
    }


    .picture a.zoom .main-product-img-over {
        background-color: white;
    }

        .picture a.zoom .main-product-img-over:hover,
        .picture a.zoom img:hover {
            opacity: 0;
            margin: 0;
        }

    .picture a.zoom img {
        transition: opacity 0.5s;
        display: block;
    }*/
