.elementor-kit-9{--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:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.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);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@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 (max-width: 767px) {

  /* SECTION 1 (mobile) — on reprend TOUT, pas seulement le masque,
     au cas où le widget applique ses propres règles de dimension/position
     spécifiquement sur mobile (que le patch précédent ne couvrait pas) */
  #m8-ctas#m8-ctas > div > a.onspot span.m8-icon i,
  #m8-ctas#m8-ctas > div > a.takeaway span.m8-icon i,
  #m8-ctas#m8-ctas > div > a.clickcollect span.m8-icon i,
  #m8-ctas#m8-ctas > div > a.delivery span.m8-icon i,
  #m8-ctas#m8-ctas > div > a.contact span.m8-icon i {
    all: unset !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
    -webkit-mask: none !important;
    mask: none !important;
    display: block !important;
    position: relative !important;
    box-sizing: border-box !important;
    width: 35px !important;
    height: 35px !important;
    min-width: 35px !important;
    min-height: 35px !important;
    max-width: 35px !important;
    max-height: 35px !important;
    border-radius: 50% !important;
    background-color: #2F6FB0 !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
  }

  /* SECTION 2 (mobile) */
  #m8-ctas#m8-ctas > div > a.onspot span.m8-icon i::after,
  #m8-ctas#m8-ctas > div > a.takeaway span.m8-icon i::after,
  #m8-ctas#m8-ctas > div > a.clickcollect span.m8-icon i::after,
  #m8-ctas#m8-ctas > div > a.delivery span.m8-icon i::after,
  #m8-ctas#m8-ctas > div > a.contact span.m8-icon i::after {
    content: none !important;
    display: none !important;
  }

  /* SECTION 3 (mobile) — propriétés communes du ::before, en pixels
     plutôt qu'en pourcentage pour le mask-size (plus robuste) */
  #m8-ctas#m8-ctas > div > a.onspot span.m8-icon i::before,
  #m8-ctas#m8-ctas > div > a.takeaway span.m8-icon i::before,
  #m8-ctas#m8-ctas > div > a.clickcollect span.m8-icon i::before,
  #m8-ctas#m8-ctas > div > a.delivery span.m8-icon i::before,
  #m8-ctas#m8-ctas > div > a.contact span.m8-icon i::before {
    all: unset !important;
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 35px !important;
    height: 35px !important;
    z-index: 2 !important;
    background-color: #FFFFFF !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-position: 50% 50% !important;
    mask-position: 50% 50% !important;
    -webkit-mask-size: 19px 19px !important;
    mask-size: 19px 19px !important;
    -webkit-mask-origin: border-box !important;
    mask-origin: border-box !important;
  }

  /* SECTION 4 (mobile) — mask-image par bouton */
  #m8-ctas#m8-ctas > div > a.onspot span.m8-icon i::before {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCIgdmlld0JveD0iMCAwIDY0IDY0IiBmaWxsPSJub25lIiBzdHJva2U9IiMyRjZGQjAiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNOCAyNCAxMiAxMmg0MGw0IDEyIi8+PHBhdGggZD0iTTggMjRhNiA2IDAgMCAwIDEyIDBNMjAgMjRhNiA2IDAgMCAwIDEyIDBNMzIgMjRhNiA2IDAgMCAwIDEyIDBNNDQgMjRhNiA2IDAgMCAwIDEyIDAiLz48cGF0aCBkPSJNMTQgMjR2MzBoMzZWMjQiLz48cGF0aCBkPSJNMjcgNTR2LTE2aDEwdjE2Ii8+PC9zdmc+") !important;
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCIgdmlld0JveD0iMCAwIDY0IDY0IiBmaWxsPSJub25lIiBzdHJva2U9IiMyRjZGQjAiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNOCAyNCAxMiAxMmg0MGw0IDEyIi8+PHBhdGggZD0iTTggMjRhNiA2IDAgMCAwIDEyIDBNMjAgMjRhNiA2IDAgMCAwIDEyIDBNMzIgMjRhNiA2IDAgMCAwIDEyIDBNNDQgMjRhNiA2IDAgMCAwIDEyIDAiLz48cGF0aCBkPSJNMTQgMjR2MzBoMzZWMjQiLz48cGF0aCBkPSJNMjcgNTR2LTE2aDEwdjE2Ii8+PC9zdmc+") !important;
  }

  #m8-ctas#m8-ctas > div > a.takeaway span.m8-icon i::before {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCIgdmlld0JveD0iMCAwIDY0IDY0IiBmaWxsPSJub25lIiBzdHJva2U9IiMyRjZGQjAiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMTQgMjJoMzZsLTQgMzJIMTh6Ii8+PHBhdGggZD0iTTI0IDIydi02YTggOCAwIDAgMSAxNiAwdjYiLz48L3N2Zz4=") !important;
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCIgdmlld0JveD0iMCAwIDY0IDY0IiBmaWxsPSJub25lIiBzdHJva2U9IiMyRjZGQjAiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMTQgMjJoMzZsLTQgMzJIMTh6Ii8+PHBhdGggZD0iTTI0IDIydi02YTggOCAwIDAgMSAxNiAwdjYiLz48L3N2Zz4=") !important;
  }

  #m8-ctas#m8-ctas > div > a.clickcollect span.m8-icon i::before {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCIgdmlld0JveD0iMCAwIDY0IDY0IiBmaWxsPSJub25lIiBzdHJva2U9IiMyRjZGQjAiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMTggMTQgTDE4IDQyIEwyNiAzNiBMMzEgNDggTDM3IDQ1IEwzMiAzMyBMNDIgMzMgWiIvPjxwYXRoIGQ9Ik00NCAxMCBMNDggNiIvPjxwYXRoIGQ9Ik01MCAxNiBMNTYgMTQiLz48cGF0aCBkPSJNNDggMjQgTDU0IDI2Ii8+PC9zdmc+") !important;
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCIgdmlld0JveD0iMCAwIDY0IDY0IiBmaWxsPSJub25lIiBzdHJva2U9IiMyRjZGQjAiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMTggMTQgTDE4IDQyIEwyNiAzNiBMMzEgNDggTDM3IDQ1IEwzMiAzMyBMNDIgMzMgWiIvPjxwYXRoIGQ9Ik00NCAxMCBMNDggNiIvPjxwYXRoIGQ9Ik01MCAxNiBMNTYgMTQiLz48cGF0aCBkPSJNNDggMjQgTDU0IDI2Ii8+PC9zdmc+") !important;
  }

  #m8-ctas#m8-ctas > div > a.delivery span.m8-icon i::before {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCIgdmlld0JveD0iMCAwIDY0IDY0IiBmaWxsPSJub25lIiBzdHJva2U9IiMyRjZGQjAiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48Y2lyY2xlIGN4PSIxNiIgY3k9IjQ2IiByPSI4Ii8+PGNpcmNsZSBjeD0iNDgiIGN5PSI0NiIgcj0iOCIvPjxwYXRoIGQ9Ik0yNCA0NmgxNmwtNi0yMGgtOCIvPjxwYXRoIGQ9Ik00MCAyNmg4bDQgMjAiLz48cGF0aCBkPSJNMzQgMThoOCIvPjwvc3ZnPg==") !important;
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCIgdmlld0JveD0iMCAwIDY0IDY0IiBmaWxsPSJub25lIiBzdHJva2U9IiMyRjZGQjAiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48Y2lyY2xlIGN4PSIxNiIgY3k9IjQ2IiByPSI4Ii8+PGNpcmNsZSBjeD0iNDgiIGN5PSI0NiIgcj0iOCIvPjxwYXRoIGQ9Ik0yNCA0NmgxNmwtNi0yMGgtOCIvPjxwYXRoIGQ9Ik00MCAyNmg4bDQgMjAiLz48cGF0aCBkPSJNMzQgMThoOCIvPjwvc3ZnPg==") !important;
  }

  #m8-ctas#m8-ctas > div > a.contact span.m8-icon i::before {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCIgdmlld0JveD0iMCAwIDY0IDY0IiBmaWxsPSJub25lIiBzdHJva2U9IiMyRjZGQjAiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMjAuNyAzMi45YzMuMiA2LjMgOC4zIDExLjQgMTQuNiAxNC42bDMuNi0zLjZjLjYtLjYgMS42LS44IDIuNC0uNSAyLjQuOCA1IDEuMyA3LjcgMS4zIDEuMiAwIDIuMiAxIDIuMiAyLjJ2Ni43YzAgMS4yLTEgMi4yLTIuMiAyLjJDMjggNTUuOCA4LjIgMzYgOC4yIDE1LjJjMC0xLjIgMS0yLjIgMi4yLTIuMkgxN2MxLjIgMCAyLjIgMSAyLjIgMi4yIDAgMi43LjUgNS4zIDEuMyA3LjcuMi44IDAgMS43LS42IDIuM2wtMy42IDMuNnoiLz48L3N2Zz4=") !important;
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCIgdmlld0JveD0iMCAwIDY0IDY0IiBmaWxsPSJub25lIiBzdHJva2U9IiMyRjZGQjAiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMjAuNyAzMi45YzMuMiA2LjMgOC4zIDExLjQgMTQuNiAxNC42bDMuNi0zLjZjLjYtLjYgMS42LS44IDIuNC0uNSAyLjQuOCA1IDEuMyA3LjcgMS4zIDEuMiAwIDIuMiAxIDIuMiAyLjJ2Ni43YzAgMS4yLTEgMi4yLTIuMiAyLjJDMjggNTUuOCA4LjIgMzYgOC4yIDE1LjJjMC0xLjIgMS0yLjIgMi4yLTIuMkgxN2MxLjIgMCAyLjIgMSAyLjIgMi4yIDAgMi43LjUgNS4zIDEuMyA3LjcuMi44IDAgMS43LS42IDIuM2wtMy42IDMuNnoiLz48L3N2Zz4=") !important;
  }
}


@media (max-width: 640px) {


html #m8-ctas#m8-ctas > div > a.onspot span.m8-icon i, html #m8-ctas#m8-ctas > div > a.takeaway span.m8-icon i, html #m8-ctas#m8-ctas > div > a.clickcollect span.m8-icon i,html #m8-ctas#m8-ctas > div > a.delivery span.m8-icon i,html #m8-ctas#m8-ctas > div > a.contact span.m8-icon i {
    width: 50px !important;
    height: 51px !important;

}

#m8-ctas#m8-ctas > div > a.onspot span.m8-icon i::before, #m8-ctas#m8-ctas > div > a.takeaway span.m8-icon i::before, #m8-ctas#m8-ctas > div > a.clickcollect span.m8-icon i::before, #m8-ctas#m8-ctas > div > a.delivery span.m8-icon i::before, #m8-ctas#m8-ctas > div > a.contact span.m8-icon i::before {
    -webkit-mask-size: 75% 75% !important;
    mask-size: 88% 88% !important;
}


html #m8-ctas#m8-ctas > div > a.onspot span.m8-icon i::before, html #m8-ctas#m8-ctas > div > a.takeaway span.m8-icon i::before,html #m8-ctas#m8-ctas > div > a.clickcollect span.m8-icon i::before,html #m8-ctas#m8-ctas > div > a.delivery span.m8-icon i::before,html #m8-ctas#m8-ctas > div > a.contact span.m8-icon i::before {
    top: 2px !important;
    left: 5px !important;

}}/* End custom CSS */