/*
Theme Name: Botiga Child
Theme URI: http://athemes.com/theme/botiga
Author: aThemes
Author URI: http://athemes.com
Template: botiga
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: botiga
*/

body {
    background-color: #f8f8f8;
    background-color: white;
    --main-bg-color:rgba(208,217,224, .45);
}

/* Try with : #f5ede6 */
body.autumn {
    --main-bg-color : rgba(240, 195, 161, .2);
}

body:before {
    content: "";
    position: fixed;
    inset:0;
    z-index: 0;
    pointer-events: none;
    background-repeat: repeat;
    background-position: center center;
}

body.autumn:before {
    /*background-image: url('./img/autumn/autumn_bg.webp');*/
    opacity: .01;
}

.sticky-header.sticky-shadow {
    background-color: white !important;
}

.woocommerce-breadcrumb a {
    border-bottom: 1px solid;
}

.tilou_header {

}

.tilou_header > div {
    background-color: var(--main-bg-color);
    border-radius: 10px;
    max-width: calc(var(--botiga_content_width, 1140px) - 30px);
    margin: 0 auto;
    min-height: 430px;
    padding: 1rem;
    position: relative;
    padding: clamp(10px, 5vw , 120px);
}

.tilou_header > div:after {
    content: "";
    position: absolute;
    top: 60px;
    left: 60px;
    right: 60px;
    bottom: 60px;
    background-image: url('./img/tilou_header.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right center;
    opacity: .7;
    z-index: -1;
}

.autumn .tilou_header > div:after {
    background-image: url('./img/autumn/autumn_header.png');
}

.tilou_header h1 {
    color: #112d3e !important;
}

h2.has-text-align-center:before {
    content: url('./img/title-decor-left.png');
    padding-right: 1ch;
}

h2.has-text-align-center:after {
    content: url('./img/title-decor-right.png');
    padding-left: 1ch;
}

.autumn h2.has-text-align-center:before {
    content: url('./img/autumn/autumn-title-decor-left.png');
    padding-right: 1ch;
}

.autumn h2.has-text-align-center:after {
    content: url('./img/autumn/autumn-title-decor-right.png');
    padding-left: 1ch;
}

.product-category.product a {
    text-decoration: none;
}

.woocommerce-loop-category__title {
    background-color: #f4ede7;
    justify-content: center;
    max-width: 80%;
    margin: 0 auto;
    transform: translateY(-50%);
    color: rgba(0,0,0,.8);
    padding: 0.6em;
    z-index: 3;
    position: relative;
    border-radius: 200px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    display: flex;
    align-items: center;
    font-size: 1.2em;
}

.woocommerce-loop-category__title mark {
    margin-left: .5em;
}

.thumbnail_image_product_list {
    display: block;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 250px;
    overflow: hidden;
    position: relative;
    border-radius: 5px;
    background-image: url('./img/placeholder.png');
    background-color:var(--main-bg-color);
    background-blend-mode: overlay;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.thumbnail_image_product_list:before {
    content: "";
    position: absolute;
    border: 1px solid white;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    opacity: 0;
    transition: all .3s ease-in-out;
    z-index: 2;
}

.thumbnail_image_product_list > .illustration {
    position: absolute;
    width: 100%;
    height: 100%;
    top:50%;
    left:50%;
    transform: translate3d(-50%, -50%, 0) scale(1);
    background-size: cover;
    transition: all .4s ease-in-out;
}

li.product-category.product:hover .illustration {
    transform: translate3d(-50%, -50%, 0) scale(1.1);
}

li.product-category.product:hover .thumbnail_image_product_list:before {
    opacity: 1;
    top: 10px;
    left: 10px;
    bottom: 10px;
    right: 10px;
}

.wc-block-grid__product-rating .star-rating span:before, .wc-block-grid__product-rating .wc-block-grid__product-rating__stars span:before {
    color: #ffca90 !important /*#FFA441 !important;*/
}

body.home .wc-block-grid__product-image {
    display: block;
    position: relative;
    width: 100%;
    height: 300px;
    overflow: hidden;
    border-radius: 5px;
}

body.home .wc-block-grid__product-image img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0) scale(1);
    height: 300px;
    width: auto;
    max-width: unset;
    transition: all .3s ease-in-out !important;
}

body.home li.wc-block-grid__product.product-grid {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

body.home li.wc-block-grid__product.product-grid :nth-child(1) { order: 1; /*margin-bottom: 0;*/ }
body.home li.wc-block-grid__product.product-grid :nth-child(2) { order: 2; margin-bottom: 0; }
body.home li.wc-block-grid__product.product-grid :nth-child(3) { order: 4; }
body.home li.wc-block-grid__product.product-grid :nth-child(4) { order: 3; }

/*body.home li.wc-block-grid__product.product-grid > a.wc-block-grid__product-link {
    transform: translateY(-50%);
}

body.home li.wc-block-grid__product.product-grid .wc-block-grid__product-title {
    background-color: #e8f5f2;
    text-align: center;
    max-width: 80%;
    margin: 0 auto;
    color: rgba(0,0,0,.8);
    padding: 0.6em;
    z-index: 3;
    position: relative;
    border-radius: 200px;
}*/

body.home li.wc-block-grid__product.product-grid .wc-block-grid__product-title {
    position: relative;
}

body.home li.wc-block-grid__product.product-grid .wc-block-grid__product-title:after {
    content: "Voir l'article";
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: white;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transform: translateY(100%);
    transition: all .3s ease-in-out;
    text-decoration: underline;
}

.botiga-quick-view-show-on-hover{
    letter-spacing: -99999px !important;
}

.botiga-quick-view-show-on-hover:before {
    content : "Coup d'oeil";
    letter-spacing: 2px !important;
}

body.home li.wc-block-grid__product.product-grid .wc-block-grid__product-rating {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate3d(-50%, 100%, 0);
    margin-bottom: 0px;
    background: white;
    opacity: 0;
    transition: all .3s ease-in-out;
}

body.home li.wc-block-grid__product.product-grid:hover .wc-block-grid__product-rating {
    opacity: 1;
    transform: translate3d(-50%, 0, 0);
}

body.home li.wc-block-grid__product.product-grid:hover .wc-block-grid__product-title:after {
    opacity: 1;
    transform: translateY(0);
}

body.home li.wc-block-grid__product.product-grid .star-rating { margin-top: 12px !important; }

/*body.home li.wc-block-grid__product.product-grid:hover .loop-image-wrap>.loop-button-wrap.button-layout3 {
    transform: translate3d(-50%, -50%, 0) !important;
}*/

body.home li.wc-block-grid__product.product-grid:hover .wc-block-grid__product-image img {
    transform: translate(-50%, -50%) scale(1.1);
}

/* CATALOGUE */

body.archive header.woocommerce-page-header {
    padding: 40px;
}

body.archive header.woocommerce-page-header .container:last-child {
    background-color: var(--main-bg-color);
    border-radius: 10px;
    margin: 0 auto;
    padding: clamp(10px, 5vw , 120px);
    position: relative;
}

/*body.archive header.woocommerce-page-header .container:last-child:before {
    content: "";
    position: absolute;
    inset: 10px 10px 10px 10px;
    border-radius: 7px;
    border: 4px solid white;
}*/

aside#secondary.widget-area {
    background-color: var(--main-bg-color);
    border-radius: 7px;
    padding: 2em;
}

.wc-block-product-search .wc-block-product-search__button {
    min-width: 4ch;
    border-radius: 0;
    margin: 0;
}

footer#colophon {
    margin-top: 5em;
}

@media screen and (max-width: 860px) {
    .tilou_header > div:after {
        background-image: unset;
    }

    .tilou_header .wp-block-column, .tilou_header h1 {
        flex-basis: 100%;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    .tilou_header .wp-block-column:last-child {
        display: none !important;
    }
}

/***************** WISHLIST TRANSLATION *******************/
.botiga-wishlist-wrapper th,
.botiga-wishlist-wrapper .botiga-custom-addtocart,
.botiga-wishlist-wrapper .footer-buttons .button,
.botiga-wishlist-wrapper td.product-stock {
    letter-spacing: -99999px !important;
    color: transparent !important;
}

.botiga-wishlist-wrapper th:before,
.botiga-wishlist-wrapper .botiga-custom-addtocart:before,
.botiga-wishlist-wrapper .footer-buttons .button:before,
.botiga-wishlist-wrapper td.product-stock:before {
    letter-spacing: 1px;
    color:initial !important;
}

.botiga-wishlist-wrapper th.product-name:before { content : "Produit"; }
.botiga-wishlist-wrapper th.product-price:before { content : "Prix unitaire"; }
.botiga-wishlist-wrapper th.product-quantity:before { content : "Disponibilité"; }
.botiga-wishlist-wrapper td.product-addtocart { text-align: center; }
.botiga-wishlist-wrapper .botiga-custom-addtocart:before { content: "Ajouter au panier"; }
.botiga-wishlist-wrapper .footer-buttons .button:before { content : "Voir mon panier"; color:white !important; }
.botiga-wishlist-wrapper td.product-stock {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 30px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciICB2aWV3Qm94PSIwIDAgNDAgNDAiIHdpZHRoPSIzMHB4IiBoZWlnaHQ9IjMwcHgiPjxwYXRoIGZpbGw9IiNmNzhmOGYiIGQ9Ik0yMSAyNC4xNUw4Ljg1NyAzNi4yOTMgNC43MDcgMzIuMTQzIDE2Ljg1IDIwIDQuNzA3IDcuODU3IDguODU3IDMuNzA3IDIxIDE1Ljg1IDMzLjE0MyAzLjcwNyAzNy4yOTMgNy44NTcgMjUuMTUgMjAgMzcuMjkzIDMyLjE0MyAzMy4xNDMgMzYuMjkzeiIvPjxwYXRoIGZpbGw9IiNjNzQzNDMiIGQ9Ik0zMy4xNDMsNC40MTRsMy40NDMsMy40NDNMMjUuMTUsMTkuMjkzTDI0LjQ0MywyMGwwLjcwNywwLjcwN2wxMS40MzYsMTEuNDM2bC0zLjQ0MywzLjQ0MyBMMjEuNzA3LDI0LjE1TDIxLDIzLjQ0M2wtMC43MDcsMC43MDdMOC44NTcsMzUuNTg2bC0zLjQ0My0zLjQ0M0wxNi44NSwyMC43MDdMMTcuNTU3LDIwbC0wLjcwNy0wLjcwN0w1LjQxNCw3Ljg1N2wzLjQ0My0zLjQ0MyBMMjAuMjkzLDE1Ljg1TDIxLDE2LjU1N2wwLjcwNy0wLjcwN0wzMy4xNDMsNC40MTQgTTMzLjE0MywzTDIxLDE1LjE0M0w4Ljg1NywzTDQsNy44NTdMMTYuMTQzLDIwTDQsMzIuMTQzTDguODU3LDM3TDIxLDI0Ljg1NyBMMzMuMTQzLDM3TDM4LDMyLjE0M0wyNS44NTcsMjBMMzgsNy44NTdMMzMuMTQzLDNMMzMuMTQzLDN6Ii8+PC9zdmc+")
}
.botiga-wishlist-wrapper td.product-stock[data-title="Stock"] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 30px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciICB2aWV3Qm94PSIwIDAgNDAgNDAiIHdpZHRoPSIzMHB4IiBoZWlnaHQ9IjMwcHgiPjxwYXRoIGZpbGw9IiNiYWUwYmQiIGQ9Ik0yMCwzOC41QzkuNzk5LDM4LjUsMS41LDMwLjIwMSwxLjUsMjBTOS43OTksMS41LDIwLDEuNVMzOC41LDkuNzk5LDM4LjUsMjBTMzAuMjAxLDM4LjUsMjAsMzguNXoiLz48cGF0aCBmaWxsPSIjNWU5Yzc2IiBkPSJNMjAsMmM5LjkyNSwwLDE4LDguMDc1LDE4LDE4cy04LjA3NSwxOC0xOCwxOFMyLDI5LjkyNSwyLDIwUzEwLjA3NSwyLDIwLDIgTTIwLDEgQzkuNTA3LDEsMSw5LjUwNywxLDIwczguNTA3LDE5LDE5LDE5czE5LTguNTA3LDE5LTE5UzMwLjQ5MywxLDIwLDFMMjAsMXoiLz48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMTEgMjBMMTcgMjYgMzAgMTMiLz48L3N2Zz4=")
 }


/*************************************************************
                CUSTOM DEV
**************************************************************/

aside#tilou_explanation {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    background: white;
    transform: translateX(100%);
    z-index: 1000;
    padding: 20px 36px;
    transition: all .3s;
    opacity: 0;
    box-shadow: 0px 0px 0px 100vw rgba(29,29,29,0.75);
    max-width: clamp(300px, 33vw, 800px);
    overflow: auto;
}

aside#tilou_explanation.visible {
    transform: translateX(0);
    opacity: 1;
}

aside#tilou_explanation footer {
    text-align: center;
    padding: 20px 36px;
    position: sticky;
    bottom: 0;
    left: 0;
    right: 0;
}