/* 
Theme Name: PSB-LOUNGE by Art'Com Bureautique
Theme URI: https://artcombureautique.fr
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Art'Com Bureautique
Author: Art'Com Bureautique
Author URI: https://artcombureautique.fr
Template: hello-elementor
Version: 3.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
/* Textes */


@media screen and  (max-width : 1440px) {
    h1, h1 span { font-size: calc(28px + (60- 28) * ((100vw - 320px) / (1440 - 320)))!important; line-height: calc(28px + (64 - 28) * ((100vw - 320px) / (1440 - 320)))!important; }
    h2, h2 span { font-size: calc(22px + (40 - 22) * ((100vw - 320px) / (1440 - 320)))!important; line-height: calc(26px + (40 - 26) * ((100vw - 320px) / (1440 - 320)))!important; }
    h3, h3 span { font-size: calc(18px + (24 - 18) * ((100vw - 320px) / (1440 - 320)))!important; line-height: calc(18px + (24 - 18) * ((100vw - 320px) / (1440 - 320)))!important; }
    .category-item h3, h3 span { font-size: calc(16px + (19 - 16) * ((100vw - 320px) / (1440 - 320)))!important; line-height: calc(16px + (19 - 16) * ((100vw - 320px) / (1440 - 320)))!important;}

    .page-id-14 h1, .page-id-3518 h1, .page-id-6513 h1, .page-id-5150 h1, .page-id-5307 h1, .page-id-5353 h1, .page-id-5359 h1, .page-id-5361 h1, .page-id-3803 h1, .page-id-6531 h1, .page-id-6617 h1,
    .postid-4813 h1, .elementor-kit-3226 h1,  h1 span 
    { font-size: calc(20px + (50 - 20) * ((100vw - 320px) / (1440 - 320)))!important; line-height: calc(32px + (62 - 30) * ((100vw - 320px) / (1440 - 320)))!important;}

    .page-id-14 h2, h2 span { font-size: calc(20px + (50 - 20) * ((100vw - 320px) / (1440 - 320)))!important; line-height: calc(36px + (62 - 36) * ((100vw - 320px) / (1440 - 320)))!important;}
    .page-id-14 h3, h3 span { font-size: calc(20px + (30 - 20) * ((100vw - 320px) / (1440 - 320)))!important; line-height: calc(20px + (30 - 20) * ((100vw - 320px) / (1440 - 320)))!important;}
    }

    
/* Menu */
.elementor-widget-container a:focus{outline-width: none!important; outline: 0px solid #fff!important;}

#uc_ue_taxonomy_terms_elementor_61a283f {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; gap:40px;}


/* ----------- Sous catégories vignettes ------------------------ */
#uc_ue_taxonomy_terms_elementor_61a283f .ue_taxonomy_item_content { padding: 10px 15px; }
.elementor-4998 .elementor-element.elementor-element-61a283f .ue_taxonomy_item { width: 30%; }
.sous-categorie .ue_taxonomy_item {max-width: 506px; position: relative; padding: 30px;}
.sous-categorie .ue_taxonomy_item_content {position: absolute; width: 90%; text-align: center; bottom: 10%; background-color: #EEEEEEC7;
    border-radius: 30px 30px 30px 30px; margin-left: 5%; padding: 10px;}

/* ----------- Produits Associes ------------------------ */
.produits-associes-bloc-titre {color: #9A8B39; font-family: "KODCHASAN Regular", Sans-serif; font-weight: 600; font-size: 18px; border-style: solid; border-width: 0px 0px 1px 0px; border-color: #9A8B39; margin-top: 40px; margin-bottom: 20px;}
.produits-associes-container {
    display: flex;
    flex-wrap: wrap;
    gap: 40px; /* Espacement entre les items */
    justify-content: start; /* Centrer les items */
   
}

.produit-associe-item { box-sizing: border-box; text-align: center; max-width: 250px; border-radius: 10px; }

.produit-associe-item img { max-width: 100%; height: auto; border-radius: 5px; }

.produit-associe-titre { font-family: "KODCHASAN Regular", Sans-serif; font-size: 16px; font-weight: 400; text-transform: uppercase; }

#product-cat-menu {height: 40px; border-radius: 6px; border: 1px solid #222021; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none;}
.produit_cat::after { content: '\25BC'; position: absolute; top: 30px; right: 0; padding: 0 1em; background: #ffffff; cursor: pointer; pointer-events: none;
    transition: .25s all ease; height: 40px; border: 1px solid #222021; padding-top: 10px; border-radius: 0 6px 6px 0px; font-size: 14px; }

/* -------------- Fil d'ariane pour les produits ----------------- */
.fil-dariane-categories { font-size: 14px; color: #333; }
.fil-dariane-categories a { text-decoration: none; color: #3C3C3B; }
.fil-dariane-categories a:hover { text-decoration: underline; }
.fil-dariane-categories > a { margin-right: 5px; }
/* -------------- Fil d'ariane pour les catégories de produits ----------------- */
.fil-dariane-archive-categories { font-size: 14px; color: #333; margin-bottom: 15px; }
.fil-dariane-archive-categories a {
    text-decoration: none;
    color: #3C3C3B;
}
.fil-dariane-archive-categories a:hover { text-decoration: underline; }
.fil-dariane-archive-categories > a { margin-right: 5px; }
/* ----------- liste Sous catégories  ------------------------ */

.categories-container { display: flex; flex-wrap: wrap; gap: 20px; }

.category-item { flex: 0 1 calc(50% - 20px); height: 300px; position: relative; background-size: cover; background-position: center; display: flex; justify-content: center; align-items: flex-end;
    overflow: hidden; border-radius: 30px; text-align: center; padding: 20px; text-decoration: none; /* Supprime le soulignement du lien */
}


.new-letter .elementor-column.elementor-col-100 {width: 5%;}

.category-item .category-content { background: #EEEEEEC7; color: #ffffff; padding: 20px; display: flex; flex-direction: column; justify-content: center;
    align-items: center; width: 100%; height: auto; gap: 10px; border-radius: 30px;
}

.category-item h3 { margin: 0; font-family: "KODCHASAN Regular", Sans-serif; font-size: 19px; font-weight: 600; color: #3C3C3B; }

.category-item:hover { transform: scale(1.03); transition: transform 0.3s ease; }

@media screen and (max-width: 1024px) {
    .category-item {  height: 200px;  }
    .category-item .category-content { padding: 10px; }

}


@media screen and (max-width: 880px) {
    .category-item { flex: 0 1 100%; }

}

/* ----------- Technique audiovisuelle  ------------------------ */
.audiovisuelle .uc_content.padding {border-radius: 30px;}
.audiovisuelle .ue-item-title {padding: 7px;}
@media screen and  (max-width : 1440px) {
.audiovisuelle .ue-item-title {font-size: calc(16px + (19 - 16) * ((100vw - 320px) / (1440 - 320)))!important; line-height: calc(16px + (19 - 16) * ((100vw - 320px) / (1440 - 320)))!important;}
}

@media screen and (max-width: 590px) {
    .audiovisuelle .ue-item-title {padding: 2px;}
}
/* -------------- Afficher les produits si pas de sous catégorie ----------------- */
.produits-container {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

.produit-item { flex: 0 1 calc(33.333% - 40px); display: flex; flex-direction: column; align-items: center; text-align: center;
    transform: scale(0);  opacity: 0;  animation: scaleUp 0.4s ease-in-out forwards; animation-delay: calc(var(--animation-index) * 0.2s);  }

@keyframes scaleUp { from { transform: scale(0); opacity: 0; } to { transform: scale(1); opacity: 1; } }

.produit-item .produit-image { width: 250px; height: 250px; background-size: cover; background-position: center; border-radius: 10px; }

.produit-item h3 { margin-top: 10px; font-size: 16px; font-weight: 500; font-family: "KODCHASAN Regular", sans-serif; }



@media screen and (max-width: 768px) {
    .produit-item {
        flex: 0 1 calc(50% - 20px);
    }
}

@media screen and (max-width: 480px) {
    .produit-item {
        flex: 0 1 100%;
    }
}


/* -------------- Afficher le tableau des informations utiles ----------------- */

table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
}

table th, table td {
    border: 1px solid #ddd;
    padding: 8px;
}

table th {
    background-color: #f4f4f4;
    text-align: left;
}

.wp-singular a {color: rgb(154, 139, 57); font-weight: 600;}