.elementor-2 .elementor-element.elementor-element-bc82096{--display:flex;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-dd82dfb{padding:0px 0px 0px 0px;text-align:center;}.elementor-2 .elementor-element.elementor-element-dd82dfb .elementor-heading-title{font-family:"Knewave", Sans-serif;font-size:40px;font-weight:500;text-transform:uppercase;line-height:1.5em;letter-spacing:2px;color:#000000;}.elementor-2 .elementor-element.elementor-element-6fbc3a1{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-d0fdbd3{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-d0fdbd3:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-d0fdbd3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-2 .elementor-element.elementor-element-bc82096{--padding-top:20px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-2 .elementor-element.elementor-element-dd82dfb{padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-dd82dfb .elementor-heading-title{font-size:30px;letter-spacing:0px;}.elementor-2 .elementor-element.elementor-element-d0fdbd3{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-2 .elementor-element.elementor-element-bc82096{--content-width:1680px;}.elementor-2 .elementor-element.elementor-element-6fbc3a1{--content-width:1680px;}}/* Start custom CSS *//* ============================================
   BURGER & FRIES — Store Locator Custom CSS
   Design System (inspected from live page):
   
   Fonts:
   - Knewave, sans-serif → H1, H3, titres display (uppercase)
   - "Roboto Condensed", sans-serif → Nav, H2, footer (uppercase, 600)
   - "Roboto", sans-serif → Body text, global
   - "Open Sans", sans-serif → CTA buttons
   
   Colors:
   - Coral/Red:  #FB5C59 / rgb(251,92,89)
   - Cream BG:   #FFFDF0 / rgb(255,253,240)
   - Yellow CTA: #FAF99F / rgb(250,249,159)
   - Black:      #000000
   - White:      #FFFFFF
   - Text dark:  #333333
   
   Buttons (CTA):
   - bg: #FAF99F, color: #FB5C59
   - border: 2px solid #FB5C59, radius: 22.5px (pill)
   - text-transform: uppercase
   ============================================ */

/* --- CSS Variables (B&F design tokens) --- */
:root {
    --bf-coral: #FB5C59;
    --bf-cream: #FFFDF0;
    --bf-yellow: #FAF99F;
    --bf-black: #000000;
    --bf-white: #FFFFFF;
    --bf-text: #333333;
    --bf-font-display: "Knewave", sans-serif;
    --bf-font-heading: "Roboto Condensed", sans-serif;
    --bf-font-body: "Roboto", sans-serif;
    --bf-font-cta: "Open Sans", sans-serif;
    --bf-radius-pill: 22.5px;
    --bf-radius-card: 25px;
    --bf-border-cta: 2px solid var(--bf-coral);
}


/* =============================================
   INFOBOX CARD (popup/carte principale)
   ============================================= */

.store-locator__infobox {
    max-height:190px;
    padding: 13px !important;
    padding-bottom: 26px !important;
    border: var(--bf-border-cta) !important;
    border-radius: var(--bf-radius-card) !important;
    background-color: var(--bf-coral) !important;
    box-shadow: none !important;
    font-family: var(--bf-font-body) !important;
    font-size: 14px;
    text-transform: none;
    text-align: center;
    color: var(--bf-white) !important;
    cursor: default;
    line-height: 1.8;
}

.store-locator__infobox.store-locator__infobox--main {
    color: var(--bf-white) !important;
}

.store-locator-map .store-locator__infobox {
    margin-top: 100px;
    font-size: 14px;
    font-family: var(--bf-font-body);
    text-align: center;
}


/* =============================================
   INFOBOX INNER / BODY
   ============================================= */

.infobox__body,
.infobox__inner .infobox__body {
    min-height: 350px;
}

.store-locator-map .infobox__inner {
    max-height: 175px !important;
}

.store-locator-map .store-locator__infobox .infobox__inner {
    padding: 0px !important;
}

.infobox__inner .store-locator__infobox {
    padding-bottom: 0px !important;
}

.infobox__body,
.store-locator__infobox {
    border-radius: 5px !important;
}


/* =============================================
   INFOBOX TITLE — Knewave display font
   ============================================= */
.infobox__title {
    font-family: var(--bf-font-display) !important;
    letter-spacing: 0px !important;
    text-transform: uppercase !important;
    text-align: center !important;
    color: var(--bf-white) !important;
    font-weight: 300 !important;
    font-size: 17px !important;
    letter-spacing: 0px !important;
}

/* =============================================
   INFOBOX ROWS / CONTENT
   ============================================= */

.infobox__row {
    padding: 0 0px;
}

.infobox__row + .infobox__row {
    padding-top: 7px !important;
}

.infobox__body > .infobox__row:first-child,
.infobox__row--marker {
    padding-top: 15px;
    color: var(--bf-white) !important;
}

.infobox__body > .infobox__row:last-child,
.store-locator__store-list .store-address {
    padding-bottom: 10px !important;
}

.store-locator-map .store-locator__infobox .infobox__inner .infobox__row + .infobox__row {
    padding-top: 0px;
}

.infobox__body .infobox__row.store-exturl {
    display: block !important;
    padding: 0px !important;
}

.infobox__row .store-address,
.infobox__row .infobox__title .store-location {
    text-align: center !important;
}

.infobox__row .infobox__title .store-location {
    margin-bottom: 3px;
    margin-top: 13px;
    font-weight: 500 !important;
    font-size: 18px !important;
}


/* =============================================
   STORE IMAGE
   ============================================= */

.ssf_image_setting {
    height: 150px;
    max-width: 100%;
    background-size: cover;
    background-position: center;
    border-radius: 0px !important;
}

.infobox__row .infobox__title .store-image,
.infobox__title .ssf_image_setting {
    display: block !important;
}


/* =============================================
   STORE ADDRESS / LIST
   ============================================= */

.store-locator__store-list .store-address {
    padding-bottom: 10px !important;
    padding-top: 5px !important;
    font-family: var(--bf-font-body) !important;
    font-size: 13px !important;
    line-height: 17px !important;
    text-transform: initial;
    text-align: center !important;
    color: var(--bf-white) !important;
}


/* =============================================
   MAP PIN
   ============================================= */

.store-locator__map-pin {
    color: transparent !important;
    font-size: 0px !important;
    display: none !important;
}


/* =============================================
   MARKER
   ============================================= */

.infobox__marker {
    border: 3px solid var(--bf-white) !important;
}

.store-locator__infobox .infobox__marker {
    color: transparent !important;
}


/* =============================================
   HIDDEN ELEMENTS
   ============================================= */

.store-locator__map-status.is-transitionable,
.infobox__row .infobox__stv,
.infobox__row .infobox__cta .ssflinks,
.title.space-bottom-3x,
#filterOptionsClearer,
#dirbutton,
.main-back-to-top.is-shown {
    display: none !important;
}


/* =============================================
   CTA BUTTON — .btn-super-info
   Style B&F : pill jaune crème, texte corail,
   bordure corail, uppercase (comme les boutons
   "SUR PLACE", "A EMPORTER", "LIVRAISON")
   ============================================= */

.btn-super-info {
    background-color: var(--bf-yellow) !important;
    color: var(--bf-coral) !important;
    font-family: var(--bf-font-cta) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    text-align: center;
    border: var(--bf-border-cta) !important;
    border-radius: var(--bf-radius-pill) !important;
    box-shadow: none;
    padding: 10px 24px !important;
    width: auto !important;
    margin-top: 8px;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: 0.2s ease;
}

.btn-super-info:hover {
    background-color: var(--bf-white) !important;
    color: var(--bf-coral) !important;
    border-color: var(--bf-coral) !important;
}

@media all and (min-width: 761px) {
    .btn-super-info {
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        bottom: 40px;
        right: 0;
        max-width: 250px;
        text-align: center;
    }
}


/* =============================================
   SEARCH BAR / FILTER AREA
   ============================================= */

#mainContent .section,
#mainContent .section--tabs:nth-child(odd),
#mainContent .section--tabs:nth-child(odd) ~ .section:nth-child(even),
#mainContent .section--tabs:nth-child(even) ~ .section:nth-child(even),
#mainContent .section:nth-child(even) .wrapper--tabs ~ .tab-content .section:nth-child(even),
.searchbar_tr,
.filter-radio,
.searchbar_td,
.store-locator__geolocator-cell {
    background-color: var(--bf-coral) !important;
    font-family: var(--bf-font-body) !important;
    color: var(--bf-white);
}

.store-locator__geolocator {
    color: var(--bf-white) !important;
}

.store-locator__actions-bar {
    padding: 0px !important;
}

.ssf-field.expand {
    border-radius: 15px;
}

.field-holder__icon ~ .field {
    color: var(--bf-text);
}

#filterShowAll {
    padding: 0px 7px 2px !important;
    background-color: var(--bf-black) !important;
    border-radius: 20px;
    font-family: var(--bf-font-display) !important;
}


/* =============================================
   LINKS
   ============================================= */

a.ssflinks,
.main-nav__quicklinks > li > a,
.main-header .text-ori-link-color,
.main-header .ssf-mobile-nav .text-ori-link-color,
.calculator__row__action {
    color: var(--bf-white) !important;
}


/* =============================================
   LAYOUT / MISC
   ============================================= */

.ssf-main-content .ssf-row {
    margin: 0 auto;
    max-width: 1170px;
    background: var(--bf-cream);
}

.ssf-column,
.ssf-columns {
    padding-top: 5px;
}

.title .space-bottom-3x {
    text-align: center;
    font-size: 30px;
    font-family: var(--bf-font-display);
}

table td,
table th {
    padding: 0px 15px;
}

#cff.cff-masonry {
    margin-bottom: 0px !important;
}

.sub-menu .elementor-nav-menu--dropdown .sm-nowrap {
    z-index: 999999999 !important;
}


/* =============================================
   RESPONSIVE — MOBILE (max-width: 764px)
   ============================================= */

@media only screen and (max-width: 764px) {

    .infobox__row + .infobox__row {
        padding-top: 13px !important;
    }

    .nossficon,
    .infobox__row .store-description .nossficon,
    .infobox__row .store-fax .nossficon {
        display: none !important;
        padding-top: 0px !important;
    }

    .infobox__body > .infobox__row:last-child,
    .store-locator__store-list .store-address {
        padding-bottom: 10px !important;
    }

    .store-locator__infobox .infobox__marker {
        margin-bottom: 10px;
    }

    .btn-super-info {
        font-size: 12px !important;
        padding: 8px 18px !important;
        margin: 8px auto !important;
    }
}


.btn-super-info {
       border: 2px solid white !important;
    font-weight: 600 !important;
    background: white !important;
    COLOR: black !important;
    font-family: Roboto Condensed !important;
    text-transform: uppercase !important;
}

#ssf-gdpr {
    display: none;
}

.infobox__row {
    padding: 0px 0px;
}/* End custom CSS */