.elementor-9070101 .elementor-element.elementor-element-0f9ac35 > .elementor-container{max-width:1400px;}.elementor-9070101 .elementor-element.elementor-element-80d1516 .breadcrumb li:not(#e), .elementor-9070101 .elementor-element.elementor-element-80d1516 .ce-breadcrumb__item{color:#314697;font-family:"Phenomena", sans-serif;font-size:1.5em;}.elementor-9070101 .elementor-element.elementor-element-80d1516 .breadcrumb li a:not(#e), .elementor-9070101 .elementor-element.elementor-element-80d1516 .ce-breadcrumb__item a:not(#e){color:#314697;}.elementor-9070101 .elementor-element.elementor-element-80d1516 .breadcrumb li a:not(#e):hover, .elementor-9070101 .elementor-element.elementor-element-80d1516 .ce-breadcrumb__item a:not(#e):hover{color:#BE1622;}.elementor-9070101 .elementor-element.elementor-element-80d1516 .ce-breadcrumb__item:not(:last-child)::after{content:"❯" / "";font-size:32px;color:#314697;}.elementor-9070101 .elementor-element.elementor-element-7b10e2c{padding:30px 30px 30px 30px;}.elementor-9070101 .elementor-element.elementor-element-7a9dbcb .elementor-heading-title{color:#BE1622;font-family:"Phenomena", sans-serif;font-weight:900;}.elementor-9070101 .elementor-element.elementor-element-f4aa6e8{color:#BE1622;font-family:"Phenomena", sans-serif;font-size:1.5em;}body.elementor-page-9070101 .page-header{display:none;}@media(max-width:767px){.elementor-9070101 .elementor-element.elementor-element-7b10e2c{padding:0px 0px 0px 0px;}}/* Start custom CSS for shortcode, class: .elementor-element-a5f3258 */.tvstoremap-canvas-card {
    filter: grayscale(1);
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-5dce7f2 *//* ==========================================================================
   1. STRUCTURE GLOBALE DU STORE LOCATOR
   ========================================================================== */
/* Alignement en ligne de la liste et de la carte */
.elementor-element-a5f3258 div.tvstoremap-layout {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    width: 100% !important;
    align-items: stretch !important;
}

/* Colonne de gauche (Sidebar contenant la liste) */
.elementor-element-a5f3258 aside.tvstoremap-sidebar {
    width: 320px !important; 
    min-width: 320px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 15px !important;
}

/* Colonne de droite (Conteneur de la carte) */
.elementor-element-a5f3258 div.tvstoremap-layout > div.tvstoremap-canvas-card {
    flex: 1 !important; 
    display: block !important;
    height: 600px !important;
    min-height: 450px !important;
}

/* Canvas interne de Google Maps */
.elementor-element-a5f3258 .tvstoremap-canvas, 
.elementor-element-a5f3258 #tvmap-show {
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
}

/* Masquage/Nettoyage du bandeau d'en-tête natif */
.elementor-element-a5f3258 .tvstoremap-results-card {
    background: transparent !important;
    padding: 0 !important;
    margin-bottom: 10px !important;
}

/* Zone défilante (Scrollbar) pour les magasins */
.elementor-element-a5f3258 .tvstoremap-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 15px !important;
    max-height: 530px !important; 
    overflow-y: auto !important;
    padding-right: 5px !important;
}

/* Style de la barre de défilement (Scrollbar) */
.elementor-element-a5f3258 .tvstoremap-list::-webkit-scrollbar {
    width: 6px !important;
}
.elementor-element-a5f3258 .tvstoremap-list::-webkit-scrollbar-thumb {
    background-color: #888 !important;
    border-radius: 10px !important;
}

/* ==========================================================================
   2. STYLISATION DES ENCADRÉS DE MAGASIN (LOOK BEIGE ET TEXTE BLANC)
   ========================================================================== */
.elementor-element-a5f3258 .tvstoremap-list button.tvstoremap-list-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
    padding: 20px !important;
    border: none !important;
    margin-bottom: 5px !important;
    
    /* Correction de la couleur Beige de fond */
    background: #d6d1c7 !important; 
    background-color: #d6d1c7 !important; 
    border-radius: 20px !important; 
    
    cursor: pointer !important;
    transition: background-color 0.2s ease-in-out !important;
    text-align: left !important;
}

/* Force l'écriture de toutes les lignes et sous-éléments en Blanc */
.elementor-element-a5f3258 .tvstoremap-list button.tvstoremap-list-item,
.elementor-element-a5f3258 .tvstoremap-list button.tvstoremap-list-item span,
.elementor-element-a5f3258 .tvstoremap-list button.tvstoremap-list-item strong,
.elementor-element-a5f3258 .tvstoremap-list button.tvstoremap-list-item div {
    color: #FFFFFF !important;
}

/* Typographies internes des blocs */
.elementor-element-a5f3258 .tvstoremap-list-title {
    font-weight: bold !important;
    font-size: 1.1rem !important;
    text-transform: uppercase !important;
    margin-bottom: 6px !important;
    display: block !important;
}
.elementor-element-a5f3258 .tvstoremap-list-location {
    font-size: 0.85rem !important;
    line-height: 1.4 !important;
    display: block !important;
}
.elementor-element-a5f3258 .tvstoremap-list-item-arrow {
    display: none !important; 
}

/* ==========================================================================
   3. ÉTAT SELECTIONNÉ & SURVOL (LOOK ROUGE)
   ========================================================================== */
/* Ajout de la classe exacte .is-active relevée dans ton HTML */
.elementor-element-a5f3258 .tvstoremap-list button.tvstoremap-list-item:hover,
.elementor-element-a5f3258 .tvstoremap-list button.tvstoremap-list-item.active,
.elementor-element-a5f3258 .tvstoremap-list button.tvstoremap-list-item.is-active,
.elementor-element-a5f3258 .tvstoremap-list button.tvstoremap-list-item.tvstoremap-selected,
.elementor-element-a5f3258 .tvstoremap-list button.tvstoremap-list-item[data-active="true"] {
    background: #b82626 !important;
    background-color: #b82626 !important; /* Passage au rouge vif */
}

/* Sécurité maintien du texte blanc lors du passage au rouge */
.elementor-element-a5f3258 .tvstoremap-list button.tvstoremap-list-item:hover *,
.elementor-element-a5f3258 .tvstoremap-list button.tvstoremap-list-item.active *,
.elementor-element-a5f3258 .tvstoremap-list button.tvstoremap-list-item.is-active * {
    color: #FFFFFF !important;
}

/* ==========================================================================
   4. COMPORTEMENT MOBILE & TABLETTE (Sous 991px)
   ========================================================================== */
@media (max-width: 991px) {
    .elementor-element-a5f3258 div.tvstoremap-layout {
        flex-direction: column-reverse !important; 
    }
    .elementor-element-a5f3258 aside.tvstoremap-sidebar {
        width: 100% !important;
        min-width: 100% !important;
    }
    .elementor-element-a5f3258 div.tvstoremap-layout > div.tvstoremap-canvas-card {
        height: 380px !important; 
    }
    .elementor-element-a5f3258 .tvstoremap-list {
        max-height: none !important; 
    }
}
/* ==========================================================================
   CORRECTIF DU FILTRE GRYSCALE (ANNULATION ET RÉ-APPLICATION)
   ========================================================================== */

/* 1. On force le widget global à retrouver toutes ses couleurs */
.elementor-widget-shortcode.tvstoremap-canvas-card {
    filter: none !important;
}

/* 2. On applique le filtre noir et blanc UNIQUEMENT sur la carte de droite */
.elementor-element-a5f3258 div.tvstoremap-layout > div.tvstoremap-canvas-card {
    filter: grayscale(1) !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */ @font-face {
	font-family: 'Phenomena';
	font-weight: normal;
	font-style: normal;
	font-display: swap;
	src: url('/modules/creativeelements/views/fonts/Phenomena-Regular.otf') format('opentype');
}
@font-face {
	font-family: 'Phenomena';
	font-weight: bold;
	font-style: normal;
	font-display: swap;
	src: url('/modules/creativeelements/views/fonts/Phenomena-Bold.otf') format('opentype');
}
@font-face {
	font-family: 'Phenomena';
	font-weight: 900;
	font-style: normal;
	font-display: swap;
	src: url('/modules/creativeelements/views/fonts/Phenomena-ExtraBold.otf') format('opentype');
}
@font-face {
	font-family: 'Phenomena';
	font-weight: 100;
	font-style: normal;
	font-display: swap;
	src: url('/modules/creativeelements/views/fonts/Phenomena-Light.otf') format('opentype');
}
 /* End Custom Fonts CSS */