.elementor-kit-657{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Space Grotesk";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Space Grotesk";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Space Grotesk";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Space Grotesk";--e-global-typography-accent-font-weight:500;background-color:#076F3E;color:#FFFFFF;font-family:"Space Grotesk", Sans-serif;}.elementor-kit-657 e-page-transition{background-color:#FFBC7D;}.elementor-kit-657 a{color:#FFFFFF;font-family:"Space Grotesk", Sans-serif;}.elementor-kit-657 h1{color:#FFFFFF;font-family:"Space Grotesk", Sans-serif;}.elementor-kit-657 h2{color:#FFFFFF;font-family:"Space Grotesk", Sans-serif;}.elementor-kit-657 h3{color:#FFFFFF;font-family:"Space Grotesk", Sans-serif;}.elementor-kit-657 h4{color:#FFFFFF;font-family:"Space Grotesk", Sans-serif;}.elementor-kit-657 h5{color:#FFFFFF;font-family:"Space Grotesk", Sans-serif;}.elementor-kit-657 h6{color:#FFFFFF;font-family:"Space Grotesk", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */@media (min-width: 800px) {
    .sbi_lightbox.sbi_lb-comments-enabled {
        position: fixed;
        top: 71px !important;
    }
}

.inft2 h2 {
    font-family: "Space Grotesk", Sans-serif !important;
    font-size: 35px !important;
    font-weight: 600 !important;
    text-align: center;
}

#info3 {
    width: 920px;
    margin: 0 auto !important;
    max-width: 100%;

}

.full_title {
    text-transform: uppercase;
      font-family: "Space Grotesk", Sans-serif !important;
    font-weight: 500;
}


@media all and (min-width: 0px) and (max-width: 779px){

 #m8-ctas.square > div > a.onspot span.m8-icon i {
        -webkit-mask-size: 00px;
        -moz-mask-size: 50px;
        -o-mask-size: 50px;
        mask-size: 50px;
        -webkit-mask-position: -9px -10px  !important;
        -moz-mask-position:-9px -10px  !important;
        -o-mask-position: -9px -10px  !important;
        mask-position: -9px -10px  !important;
    }
    
    #info3 {
    padding: 20px !important;
}
}



#m8-ctas-container a.m8platform.instore.ubereatsorder, #m8-ctas-container a.m8platform.instore {
    background-image: url(https://restaurants.bangkokfactory.fr/wp-content/uploads/2025/08/bangkok-factory.png) !important;
    background-size: 178px !important;
    width: 166px !important;
    height: 55px !important;
    background-color: black !important;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    margin: 5px;
    border: 1px solid black;
    text-align: right;
    padding: 14px 12px 0px 0px;
    color: white !important;
    background-position-x: 7px !important;
}

@media (min-width: 800px) {
   html .sbi_lightbox.sbi_lb-comments-enabled {
        top: 72px !important;
    }
}


#info3 {
    position: relative; /* nécessaire pour positionner le pseudo-élément */
    width: 920px;
    max-width: 100%;
    margin: 0 auto !important;
    z-index: 1; /* pour que le contenu reste au-dessus */
    padding-bottom: 50px !important;
        padding-top: 50px !important;
}

#info3::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw; /* prend toute la largeur de la fenêtre */
    height: 100%;
    background-color: #086d41;
    z-index: -1; /* passe derrière le contenu */
}


#info3::before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    background: #086d41;
    left: 50%;
    right: 50%;
    margin-left: -50vw;   /* étend à gauche jusqu’au bord du viewport */
    margin-right: -50vw;  /* étend à droite jusqu’au bord du viewport */
    z-index: -1;
    pointer-events: none;
}

html #m8-ctas { background-color: #ecda3c !important;}

@media screen and (min-width: 761px) {
html    #m8-ctas.square > div > a {
        border-radius: 50px !important;
    }}
    
    
    .has-searched ~ .store-locator-bottom-half {
    background-color: #ecda3c !important;
}


@media screen and (max-width: 760px) {
    #m8-ctas > div > a.onspot span.m8-icon,      #m8-ctas > div > a.takeaway span.m8-icon,      #m8-ctas > div > a.delivery span.m8-icon,      #m8-ctas > div > a.contact span.m8-icon,    #m8-ctas > div > a.clickcollect  span.m8-icon   {
        background-color: #ecda3c  !important;
        border: 1px solid black;
    }
#m8-ctas > div > a.onspot span.m8-icon i , #m8-ctas > div > a.takeaway span.m8-icon i , #m8-ctas > div > a.delivery span.m8-icon i , #m8-ctas > div > a.contact span.m8-icon i , #m8-ctas > div > a.clickcollect span.m8-icon i {

        background-color: #076f3e !important;
}
}/* End custom CSS */