.elementor-21020 .elementor-element.elementor-element-7fa9c3f9{--display:flex;--min-height:300px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:5%;--padding-bottom:5%;--padding-left:8%;--padding-right:8%;}.elementor-widget-theme-archive-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-21020 .elementor-element.elementor-element-aa6de74 .elementor-heading-title{font-family:"ibm courier", Sans-serif;font-weight:600;color:#000000;}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.products-heading-show .related-products > h2, .elementor-widget-wc-archive-products.products-heading-show .upsells > h2, .elementor-widget-wc-archive-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-wc-archive-products .elementor-products-nothing-found{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-21020 .elementor-element.elementor-element-4201570.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:20px;}.elementor-21020 .elementor-element.elementor-element-4201570.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:#3E3E3E;}.elementor-21020 .elementor-element.elementor-element-4201570.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:#3E3E3E;}.elementor-21020 .elementor-element.elementor-element-4201570.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-21020 .elementor-element.elementor-element-4201570.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:"Courier Prime", Sans-serif;font-weight:600;}.elementor-21020 .elementor-element.elementor-element-4201570.elementor-wc-products ul.products li.product .star-rating{color:#3E3E3E;}.elementor-21020 .elementor-element.elementor-element-4201570.elementor-wc-products ul.products li.product .star-rating::before{color:#B3B3B3;}.elementor-21020 .elementor-element.elementor-element-4201570.elementor-wc-products ul.products li.product .price{color:#3E3E3E;}.elementor-21020 .elementor-element.elementor-element-4201570.elementor-wc-products ul.products li.product .price ins{color:#3E3E3E;}.elementor-21020 .elementor-element.elementor-element-4201570.elementor-wc-products ul.products li.product .price ins .amount{color:#3E3E3E;}.elementor-21020 .elementor-element.elementor-element-4201570.elementor-wc-products ul.products li.product .price del{color:#3E3E3E;}.elementor-21020 .elementor-element.elementor-element-4201570.elementor-wc-products ul.products li.product .price del .amount{color:#3E3E3E;}.elementor-21020 .elementor-element.elementor-element-4201570.elementor-wc-products ul.products li.product .price del {font-family:"Courier Prime", Sans-serif;font-weight:600;}.elementor-21020 .elementor-element.elementor-element-4201570.elementor-wc-products ul.products li.product .button{background-color:#242424;font-family:"Courier Prime", Sans-serif;font-weight:500;border-radius:0px 0px 0px 0px;}.elementor-21020 .elementor-element.elementor-element-4201570.elementor-wc-products ul.products li.product .button:hover{background-color:#272727;}.elementor-21020 .elementor-element.elementor-element-4201570.elementor-wc-products .added_to_cart{color:#3E3E3E;}.elementor-21020 .elementor-element.elementor-element-4201570 nav.woocommerce-pagination ul{border-color:#474747;}.elementor-21020 .elementor-element.elementor-element-4201570 nav.woocommerce-pagination ul li{border-right-color:#474747;border-left-color:#474747;}.elementor-21020 .elementor-element.elementor-element-4201570 nav.woocommerce-pagination ul li a{color:#FFFFFF;background-color:#3E3E3E;}.elementor-21020 .elementor-element.elementor-element-4201570.elementor-wc-products ul.products li.product span.onsale{display:block;color:#353535;}.elementor-21020 .elementor-element.elementor-element-37d1ccc{--display:flex;}@media(max-width:1024px){.elementor-21020 .elementor-element.elementor-element-7fa9c3f9{--padding-top:10%;--padding-bottom:10%;--padding-left:5%;--padding-right:5%;}.elementor-21020 .elementor-element.elementor-element-4201570.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(min-width:768px){.elementor-21020 .elementor-element.elementor-element-7fa9c3f9{--content-width:1650px;}}@media(max-width:767px){.elementor-21020 .elementor-element.elementor-element-7fa9c3f9{--min-height:0px;--padding-top:15%;--padding-bottom:15%;--padding-left:5%;--padding-right:5%;}.elementor-21020 .elementor-element.elementor-element-4201570.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for theme-archive-title, class: .elementor-element-aa6de74 *//* 1. Cacher le titre d'origine sur la page */
.elementor-widget-theme-archive-title {
    display: none !important;
}

/* 2. Style du conteneur Promo */
.promo-container-inner {
    display: flex !important;
    flex-direction: column;
    justify-content: flex-end; /* Pousse le texte en bas */
    align-items: center;       /* Centre horizontalement */
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
}

/* 3. L'image de fond */
.promo-bg-image {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 1;
}

/* 4. Le dégradé pour la lisibilité du blanc */
.promo-overlay-gradient {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(to top, rgba(0,0,0,0.6), transparent);
    z-index: 2;
}

/* 5. Style du Titre Blanc */
.promo-content-wrap {
    position: relative;
    z-index: 3;
    width: 100%;
    padding-bottom: 10px; /* Distance avec le bord bas */
    text-align: center;
}

.promo-display-title {
    color: #ffffff !important;
    font-size: 34px !important; /* Taille imposante */
    font-family: "Courier Prime", monospace !important;
    font-weight: bold !important;
    text-transform: uppercase;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.5);
    margin: 0 !important;
    letter-spacing: 2px;
}
.astra-shop-summary-wrap {
    bottom: 1%!important;
    left:auto!important;
    width: 100%;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for wc-archive-products, class: .elementor-element-4201570 */.woocommerce-ordering,.woocommerce-result-count {
    display: none;
}
.page-numbers .current {
    background: orange!important;
}
/* --- Grille Universelle Carrée (Catégories ET Produits) --- */

/* 1. Configuration de la Grille Mère (Cible large) */
/* On vise n'importe quelle liste de produits Elementor à 4 colonnes */
.elementor-element ul.products.elementor-grid.columns-4 {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 20px !important;
    margin: 0 !important;
}

/* 2. Force le Carré sur TOUS les éléments */
.elementor-element ul.products.elementor-grid.columns-4 li.product {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important; /* Le carré magique */
    position: relative !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    border: none !important;
}
/* On ajoute "body" devant pour être plus fort que le réglage par défaut */
body .elementor-21020 .elementor-element.elementor-element-4201570.elementor-wc-products ul.products {
    grid-column-gap: 3px !important;
    grid-row-gap: 3px !important;
}

/* 6. Cas Spécial : Ta grosse Promo (2x2) */
@media (min-width: 769px) {
    li.product.my-vintage-promo {
        grid-column: span 2;
        grid-row: span 2;
        /* aspect-ratio 1/1 est déjà hérité */
    }
}

/* 7. Mobile (1 colonne) */
@media (max-width: 768px) {
    .elementor-element ul.products.elementor-grid.columns-4 {
        grid-template-columns: repeat(2, 1fr) !important; /* Ou 1fr */
        gap: 10px !important;
    }
    
    li.product.my-vintage-promo {
        grid-column: span 2;
        margin-bottom: 0 !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6cf28f4 *//* --- Début du correctif Grille 2x2 Vintage --- */

/* 1. On force la Grille sur la liste UL */
.elementor-products-grid ul.products.elementor-grid li.product {
    display: block!important;
    
}
/* Le sélecteur est très précis pour écraser les styles Elementor */
.elementor-widget-wc-categories ul.products.elementor-grid {
    display: grid !important;
    /* On définit strictement 4 colonnes */
    grid-template-columns: repeat(4, 1fr) !important;
    grid-auto-rows: auto !important;
    gap: 5px !important;
    
    /* On annule les vieux styles de float/margin d'Elementor */
    margin: 0 !important;
}

/* 2. On réinitialise tous les produits normaux */
.elementor-widget-wc-categories ul.products li.product {
    width: 100% !important; /* Elementor met souvent 25%, on force 100% de la case de grille */
    float: none !important;
    margin: 0 !important;
    clear: none !important;
    aspect-ratio: 1 / 1 !important;
    
}
/* 3. La configuration de notre Tuile Titre (2x2) */
/* Uniquement sur ordinateur (> 768px) */
@media (min-width: 769px) {
    li.product.my-vintage-promo {
        grid-column: span 2;
        grid-row: span 2;
        /* LA CORRECTION EST ICI : On force le ratio Carré (1 sur 1) */
        aspect-ratio: 1 / 1;
        /* Style Vintage */
        overflow: hidden;
        min-height: 300px; /* Sécurité pour qu'elle ne soit pas plate */
    }
}

/* 4. Gestion Mobile (On repasse en normal) */
@media (max-width: 768px) {
    .elementor-widget-wc-categories ul.products.elementor-grid {
        /* On repasse en 1 ou 2 colonnes selon ton choix mobile */
        grid-template-columns: repeat(2, 1fr) !important; 
    }
    
    li.product.my-vintage-promo {
        grid-column: span 2; /* Sur mobile, elle prend toute la largeur */
        grid-row: auto;
        height: 250px;
        aspect-ratio: 1 / 1;
        margin-bottom: 20px !important;
    }
}
/* --- Fin du correctif --- */

.woocommerce-js ul.products li.product a img{
    margin-bottom: .3em!important;
}
.style-collection-promo {
    font-family: 'Georgia', serif;
    font-style: italic !important;
    text-transform: lowercase !important;
    font-weight: 400 !important;
    font-size: 0.9em;
    display: inline-block;
    margin: 0 5px;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'ibm courier';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.jbadev.com/wp-content/uploads/2025/07/OGCourier.ttf') format('truetype');
}
@font-face {
	font-family: 'ibm courier';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://www.jbadev.com/wp-content/uploads/2025/07/OGCourier-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'ibm courier';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.jbadev.com/wp-content/uploads/2025/07/OGCourier-Italic.ttf') format('truetype');
}
/* End Custom Fonts CSS */