/*
Theme Name: Buy The Game 2
Theme URI: https://sellerthemes.com/shopient-free/
Author: Frederic Henry
Author URI: https://portfolio-jason-lequenne.netlify.app/
Description: Shopient-Child est un thème destiné à la création du site Buy The Game.
Template: storely-child
Version: 3.7
*/

:root {
    --color-black: #151515;
    --color-white: #ffffff;
    --color-yellow: #fcc129;
    --poppins: 'Poppins';
}

.browse-section {
    width: 100%;
}

.title-and-price-container h1 {
    max-width: 70%;
}

.header-container .menu-right-list .cart-wrapper {
    z-index: 5 !important;
}

.header-container .menu-right-list .cart-wrapper .cart-main {
    z-index: 10 !important;
}

.menu-right-list li.cart-wrapper .cart-icon-wrap span {
    background-color: #fcc129;
}

.price-container .old-price {
    order: -1;
    margin-right: 5px;
}

/* barre sous la switcher-tab, sans toucher au JS du thème */
.btg-extra-tabs{
  display:flex; gap:8px; margin:10px 0 6px; 
}
.btg-extra-btn{
  display:inline-flex; align-items:center; gap:6px;
  padding:8px 12px; border:1px solid #e3e6ea; border-radius:8px;
  background:#fff; text-decoration:none; color:#1f2937;
}
.btg-extra-btn .cart-count{
  display:inline-block; min-width:18px; padding:0 6px; margin-left:4px;
  font-size:12px; line-height:18px; text-align:center;
  background:#e74c3c; color:#fff; border-radius:999px;
}

.main-mobile-build {
    height: calc(100vh - 72px);
    left: initial;
}

.main-mobile-menu ul.main-menu {
    max-height: calc(100vh - 126px);
}

.main-mobile-menu ul.main-menu .menu-item a {
    display: grid;
}

.main-mobile-menu ul.main-menu li > a {
    font-weight: 500;
}

@media screen and (max-width: 580px) {
    @media only screen and (min-device-width: 320px) and (max-device-width: 991px) {
        ul#menu-menu-header {
            display: block;
        }
    }
}

.switcher-tab > button,
.others-buttons .button-container {
    border: none;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--color-black);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30%;
    background-color: #f5f5f5;
    position: relative;
    padding: 15px 0;
}

.others-buttons .button-container > a {
    color: var(--color-black);
    text-decoration: none;
    text-align: center;
}

.switcher-tab > button.active-bg {
    color: #ffffff;
}

.switcher-tab {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}

.switcher-tab .tabs {
    display: flex;
    align-items: center;
    justify-content: center;
}

.switcher-tab .others-buttons {
    width: 40%;
    display: flex;
    justify-content: center;
}
.switcher-tab .others-buttons .button-container {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f5f5f5;
    padding: 15px 0;
}

.switcher-tab .others-buttons .account-bt.as-button span {
    display: none;
}

.switcher-tab .others-buttons .cart-bt.as-button {
    color: transparent;
}

.switcher-tab .others-buttons .cart-bt.as-button .cart-count {
    color: #151515;
    position: relative;
    right: 10px;
}

.switcher-tab .others-buttons .account-bt.as-button:before,
.switcher-tab .others-buttons .cart-bt.as-button:before {
    content: '';
    width: 30px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.switcher-tab .others-buttons .account-bt.as-button:before {
    background-image: url("../svg/user.svg");
}

.switcher-tab .others-buttons .cart-bt.as-button:before {
    background-image: url("../svg/cart.svg");
}

.switcher-tab .product-categories {
    width: 100%;
}

.main-mobile-menu ul.main-menu>li a:hover,
.main-mobile-menu ul.main-menu>li a:focus {
    color: initial !important;
    outline: none;
}

.mobile-collapsed>button {
    background-color: transparent;
}
.mobile-collapsed>button.fa:hover, .mobile-collapsed>button.fa:focus {
    background-color: #fcc129;
}

ul.main-menu {
    display: flex;
    flex-direction: column;
}

/* Mise en avant d'une catégorie dans le menu */

ul.main-menu li.menu-item:has(> a[href*="/categorie-produit/tous-nos-jeux/"]),
#btg-shop-menu .btg-cat-list li.btg-cat-item:has(> a[href*="/categorie-produit/tous-nos-jeux/"]) {
    font-weight: 600 !important;
    color: #151515 !important;
    background-color: var(--color-yellow);
    order: 1;
}

ul.main-menu li.menu-item:not(:has(> a[href*="/categorie-produit/tous-nos-jeux/"])),
#btg-shop-menu .btg-cat-list li.btg-cat-item:not(:has(> a[href*="/categorie-produit/tous-nos-jeux/"])) {
    order: 2;
}

/* ul.main-menu li.menu-item:nth-child(10),
#btg-shop-menu .btg-cat-list li.btg-cat-item:nth-child(10) {
    order: 1;
}

ul.main-menu li.menu-item:nth-child(10) .btg-cat-link,
#btg-shop-menu .btg-cat-list li.btg-cat-item:nth-child(10) .btg-cat-link {
    background-color: #fcc129;
}

ul.main-menu li.menu-item:nth-child(10):hover .btg-cat-link,
#btg-shop-menu .btg-cat-list li.btg-cat-item:nth-child(10):hover .btg-cat-link {
    background-color: #f5f5f5;
} */

.main-mobile-nav .main-mobile-build {
    padding: 0;
}
.main-mobile-nav .header-close-menu {
    display: none;
}

.color-black-title {
    color: #151515 !important;
}

.btg-cat-item:has(> a[href*="/categorie-produit/blackfriday-2025/"]) span {
    font-weight: 600 !important;
}

.btg-shop-wrap{position:relative;}
#btg-shop-toggle{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem .9rem;border-radius:10px;border:none;color:#fff;cursor:pointer;background-color: transparent;}
#btg-shop-toggle[aria-expanded="true"]{outline: none;}
#btg-shop-toggle:hover{outline: none;}
#btg-shop-toggle svg{width: 30px; height: auto;}
#btg-shop-toggle span{font-size: 20px;}

#btg-shop-menu {
    display:none;
    position:absolute;
    z-index:50;
    top:calc(100% + 8px);
    left:0;
    min-width:350px;
    max-height:70vh;
    overflow:auto;
    background:#fff;
    border:1px solid #e3e6ea;
    border-radius:12px;
    box-shadow:0 12px 28px rgba(0,0,0,.12);
    padding:8px;
    overflow: auto;                 /* le scroll reste possible */
    scrollbar-width: none;          /* Firefox */
    -ms-overflow-style: none; 
}

#btg-shop-menu::-webkit-scrollbar {   /* Chrome/Safari/Opera */
  width: 0;
  height: 0;
  display: none;
}

#btg-shop-menu.is-open {
    display:block;
}

#btg-shop-menu .btg-cat-list {
    display: flex;
    flex-direction: column;
}



#btg-shop-menu .btg-cat-list, 
#btg-shop-menu .btg-subcat{list-style:none;margin:0;padding:0;}

#btg-shop-menu .btg-cat-item{position:relative;}
#btg-shop-menu .btg-cat-item.is-open .btg-cat-link > .btg-expand {
    transform: rotate(90deg);
    transition: .3s linear;
}
#btg-shop-menu .btg-cat-link{display:flex;justify-content:space-between;align-items:center;gap:.6rem;padding:.55rem .7rem;border-radius:8px;color:#1f2937;text-decoration:none;}
#btg-shop-menu .btg-cat-link:hover{background:#f3f4f6;}
#btg-shop-menu .btg-cat-item.is-open > .btg-cat-link{background:#f3f4f6;}

#btg-shop-menu .btg-subcat{margin:.2rem 0 .5rem .8rem;border-left:2px solid #eef2f7;padding-left:.6rem;display:none;}
#btg-shop-menu .btg-cat-item.is-open>.btg-subcat{display:block;}
#btg-shop-menu .btg-subcat a{display:flex; justify-content: space-between; padding:.55rem .7rem;border-radius:6px;color:#334155;text-decoration:none;}
#btg-shop-menu .btg-subcat a:hover{background:#f7f7fb;}

button.btg-expand {
    border: none;
    background-color: transparent;
    padding: 5px 15px;
    outline: none;
}
button.btg-expand:hover {
    background-color: #fcc129;
    border-radius: 15px;
}
button.btg-expand:focus {
    background-color: transparent;
    color: #000;
}

/* Style CSS Slider Front Product Homepage */

/* base */
#frontNewProducts.swiper {
    *overflow: initial !important;
}
#frontNewProducts .swiper-wrapper{ display:flex !important; align-items:stretch !important; padding:0 !important;}
#frontNewProducts .swiper-slide{ flex:0 0 auto !important; width:auto !important; box-sizing:border-box; width:auto !important;}
#frontNewProducts .swiper-slide-prev{ right: 0 !important;}
#frontNewProducts .swiper-slide-next{ left: 0 !important; opacity: 1;}

#frontNewProducts .product-actions {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#frontNewProducts .product-actions > a {
    padding: 5px 15px;
}


.product-actions .button.add_to_cart_button,
.product-actions .button.product_type_simple {
    padding-left: 40px !important;
    padding-right: 40px !important;
    background: #f5f5f5 0% 0% no-repeat !important;
    border-radius: 20px !important;
    color: #343434;
}

.product-actions .button.add_to_cart_button {
    background: #FCC129 0% 0% no-repeat !important;
}

/* Desktop = 4 cartes : pas de soustraction de marges ! */
@media (min-width:1024px){
  #frontNewProducts .swiper-slide{ width: calc((100% - 60px) / 4) !important; }
}
/* Tablet = 3 */
@media (min-width:768px) and (max-width:1023.98px){
  #frontNewProducts .swiper-slide{ width: calc((100% - 40px) / 3) !important; }
}
/* Mobile L = 2 */
@media (min-width:480px) and (max-width:767.98px){
  #frontNewProducts .swiper-slide{ width: calc((100% - 20px) / 2) !important; }
}
/* Mobile S = 1.1 */
@media (max-width:479.98px){
  #frontNewProducts .swiper-slide{ width: 100% !important; }
}


/* Cartes un peu compactes (optionnel) */
#frontNewProducts .product-card{ background:#fff; border-radius:10px; box-shadow:0 6px 18px rgba(0,0,0,.06); display:flex; flex-direction:column; height:100%; }
#frontNewProducts .product-link{ display:block; padding:10px; text-decoration:none; color:inherit; }
#frontNewProducts .product-media{ aspect-ratio:4/5; display:grid; place-items:center; border-bottom:1px solid rgba(0,0,0,.06); }
#frontNewProducts .product-media img{ max-width:100%; max-height:100%; height:auto; width:auto; }
#frontNewProducts .product-title{ font-size:15px; line-height:1.3; margin:10px 0 6px; }
#frontNewProducts .product-price{ font-weight:700; font-size:16px; }

/* Pagination plus courte visuellement */
#frontNewProducts .swiper-pagination{ position:relative; margin-top:20px;}
#frontNewProducts .swiper-pagination-bullet{ opacity:.4; }
#frontNewProducts .swiper-pagination-bullet-active{ opacity:1; }

/* Override Animation Menu*/

#menu-menu-header * {
    letter-spacing: 1px !important;
    transform: none !important;
}

.nav-link-text .char {
    transition: none;
    transition-delay: calc(250ms + var(--char-index) * 25ms);
    }

.dropdown-item:hover .nav-link-text:nth-child(1),
    .dropdown-item:focus .nav-link-text:nth-child(1),
    .nav-link:hover .nav-link-text:nth-child(1),
    .nav-link:focus .nav-link-text:nth-child(1) {
        opacity: 1;
}

li.menu-item:hover a span {
    color: var(--color-yellow);
}

/* Custom Carousel Homepage*/

.caroussel-home .swiper-slide {
  width: 100% !important;
  max-height: 500px;
}
.caroussel-home .slide {
 position: relative;
 border-radius: 35px;
 overflow: hidden;
}

.caroussel-home .slide .override-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.4);
    z-index: 5;
}
.caroussel-home .slide .slide-description {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    max-width: 70%;
    z-index: 10;
    text-align: center;
}
.caroussel-home .swiper-slide-prev {
    right: initial;
}
.caroussel-home .swiper-slide-next {
    left: initial;
}
.caroussel-home .swiper-pagination-bullets.swiper-pagination-horizontal {
    left: 50%;
    transform: translateX(-50%);
    bottom: 30px !important;
    top: initial;
}

@media (max-width: 768px) {
	.caroussel-home .swiper-pagination-bullets.swiper-pagination-horizontal {
        top: calc(100% + 25px) !important;
    }
}
@media (max-width: 640px) {
	.caroussel-home .swiper-pagination-bullets.swiper-pagination-horizontal {
        top: calc(100% + 25px) !important;
    }
}

.product-content > div #short_description_block {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.woocommerce ul.products li.product strong {
    display: inline-flex;
}

.woocommerce ul.products.columns-3 li.product:not(:nth-child(3n)), .woocommerce-page ul.products.columns-3 li.product:not(:nth-child(3n)) {
    margin: 0 3.8% 15px 0;
}

.woocommerce ul.products.columns-3 li.product:nth-child(3n), .woocommerce-page ul.products.columns-3 li.product:nth-child(3n) {
    margin: 0 0 15px 0;
}

@media screen and (max-width: 768px) {
    .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
        margin: 0;
    }

    .woocommerce ul.products.columns-3 li.product:not(:nth-child(2n)), .woocommerce-page ul.products.columns-3 li.product:not(:nth-child(2n)) {
        margin: 0 3.8% 15px 0;
    }

    .woocommerce ul.products.columns-3 li.product:nth-child(2n), .woocommerce-page ul.products.columns-3 li.product:nth-child(2n) {
        margin: 0 0 15px 0;
    }
}

del .woocommerce-Price-amount.amount, del .amount {
    color: rgba(34,34,34,.4);
    margin: 0 5px 0 0;
}

ins .woocommerce-Price-amount.amount bdi {
    color: #FCC129;
}

.product-content {
    position: relative;
}
.woocommerce ul.products li.product .onsale {
    right: inherit;
    top: -7px;
    left: 10px;
}

.woocommerce ul.products li.product .onsale:after {
    content: none;
}

/* Menu Déroulant Footer */

#footer .menu-toggle-btn {
    display: none;
    color: var(--color-white);
    font-family: var(--poppins);
    font-weight: 400;
}

#footer .menu-toggle-btn:after {
    content: '';
    width: 15px;
    height: 15px;
    transform: rotate(45deg);
    border-right: 2px solid var(--color-white);
    border-top: 2px solid var(--color-white);
    transition: .3s linear;
}

#footer ul.sub-category {
    margin: 0;
    padding: 0;
}

#footer .menu-toggle-btn[aria-expanded="true"] + ul.sub-category {
    margin-top: 15px;
}

#footer ul.sub-category li {
    padding: 10px 0;
}

#footer ul.sub-category li a {
    color: var(--color-white);
    font-family: var(--poppins);
    font-size: 14px;
    cursor: pointer;
}

#footer ul.sub-category li a span{
    width: 100%;
}

.pwgc-redeem-input-container {
    display: flex;
    flex-direction: row;
}

.pwgc-redeem-input-container #pwgc-redeem-gift-card-number {
    min-width: 225px;
}

.pwgc-redeem-input-container input.button {
    margin-left: 10px;
}

.slick-prev.slick-arrow {
    z-index: 1;
}

@media screen and (max-width: 768px){
    #footer .menu-column {
        padding: 10px 0;
        border-top: 1px solid var(--color-white);
    }
    #footer .menu-column:first-child {
        padding-top: 25px;
        order: 4;
    }
    #footer .menu-column:nth-child(2) {
        border: none;
    }
    #footer .menu-toggle-btn {
        display: flex;
        justify-content: space-between;
    }
    #footer .menu-toggle-btn p {
        margin: 0;
    }

    #footer .menu-toggle-btn[aria-expanded="true"]:after {
        transform: rotate(135deg);
    }

    .sub-category {
        overflow: hidden;
        max-height: 0;
        opacity: 0;
        transition: max-height 0.4s ease, opacity 0.3s ease;
    }

    .sub-category.is-open {
        opacity: 1;
    }
}