.elementor-7492 .elementor-element.elementor-element-bd15773{--display:flex;}.elementor-7492 .elementor-element.elementor-element-b4a2c86{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-7492 .elementor-element.elementor-element-ed5130e{font-family:"Plus Jakarta Sans", Sans-serif;font-size:18px;font-weight:500;color:#9B151A;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-7492 .elementor-element.elementor-element-ed5130e{font-size:14px;}}/* Start custom CSS for shortcode, class: .elementor-element-1f9220f *//* =================================================================
   Nouveau Style pour WP Store Locator - Version 11 (Marges extérieures)
   Styles appliqués de manière ciblée selon les instructions.
   ================================================================= */

/* -- 1. Style du conteneur pour chaque magasin -- */
#wpsl-stores li {
    background-color: #fdfdfd;
    border: 1px solid #eee;
    border-radius: 16px;
    padding: 30px 24px; 
    margin-bottom: 20px !important;
    /* Ajout des marges extérieures horizontales */
    margin-left: 15px;
    margin-right: 15px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.07);
    list-style-type: none !important;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    /* Ajout d'une transition pour un effet de survol fluide */
    transition: box-shadow 0.3s ease;
}

/* Nouvel effet de survol pour le conteneur */
#wpsl-stores li:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

/* -- 2. Style pour les liens d'information (Tél, Mail) -- */
#wpsl-stores li p a {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    border-radius: 0;
    box-shadow: none;
    transform: none;
    display: inline;
    text-decoration: none;
    font-weight: bold;
    color: #9B151A !important;
}

#wpsl-stores li p a:hover {
    text-decoration: underline;
}

/* -- 3. Conteneur pour le bouton "Itinéraire" -- */
#wpsl-stores li .wpsl-direction-wrap {
    width: 100%;
    /* Mise à jour : Alignement à gauche */
    text-align: left;
    margin-top: 10px;
}

/* -- 4. Style du bouton "Itinéraire" -- */
#wpsl-stores li .wpsl-direction-wrap a {
    display: inline-block;
    /* Mise à jour : Couleur de fond bordeaux */
    background-color: #9B151A; 
    color: white !important; 
    border: none;
    padding: 10px 22px;
    border-radius: 9999px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    transition: background-color 0.3s ease; /* Transition plus subtile */
    cursor: pointer;
    margin-left: 0; /* Mise à jour : Suppression de la marge à gauche */
    /* Suppression du transform pour un alignement net */
}

/* Effet au survol pour le bouton "Itinéraire" */
#wpsl-stores li .wpsl-direction-wrap a:hover {
    /* Mise à jour : Effet de survol léger */
    background-color: #801115; /* Teinte bordeaux légèrement plus foncée */
    color: white !important;
    box-shadow: none; /* Suppression de l'ombre */
}

/* -- 5. Accessibilité (Focus) pour le bouton -- */
#wpsl-stores li .wpsl-direction-wrap a:focus {
    outline: 2px solid #3498db;
    outline-offset: 3px;
}/* End custom CSS */