.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-7655b447:#4054B2;--e-global-color-20c5011:#23A455;--e-global-color-6f45b244:#000;--e-global-color-74e60b1c:#FFF;--e-global-color-744fbaeb:#CFD8DE;--e-global-color-29f8a068:#1A1A1A;--e-global-color-1dac0303:#AAAAAA;--e-global-color-2f540842:#F5C61C;--e-global-color-68e285b8:#E9ECEF;--e-global-color-4dc0851f:#F4F6F8;--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-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 h1{font-family:"Knewave", Sans-serif;}.elementor-kit-5 h2{font-family:"Knewave", Sans-serif;}.elementor-kit-5 h3{font-family:"Knewave", Sans-serif;}.elementor-kit-5 h4{font-family:"Knewave", Sans-serif;}.elementor-kit-5 h5{font-family:"Knewave", Sans-serif;}.elementor-kit-5 h6{font-family:"Knewave", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.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 */#m8mosaic>div {
    background: #fffdf0 !important;
    color: #565555 !important;
    font-size: 13px !important;
    font-weight: 100 !important;
    font-family: 'Knewave'!important;
    border-radius: 8px !important;
}

.short_title, .full_title, #m8-ctas-container button {
    font-size: 15px !important;
    font-family: Roboto Condensed !important;
    text-transform: uppercase !important;
    font-size: 28px;
    letter-spacing: 0px!important;
    font-weight: 700 !important;
}



html #m8-ctas-container a.m8platform.instore.ubereatsorder, #m8-ctas-container a.m8platform.instore {
    background-image: url(https://burgersfries.kinsta.cloud/wp-content/uploads/2026/02/commander.png) !important;
}
/* ==========================================================================
   OVERRIDE — Icônes #m8-ctas
   Cercles rouges (#fb5c59), icônes blanches via masque SVG Base64

   Le plugin m8engine pose un mask-image directement sur le <i>.
   On le tue explicitement, puis on reconstruit via ::before.
   ========================================================================== */

/* ── 1. RESET TOTAL du <i> + kill du mask-image existant ──────────────── */
#m8-ctas#m8-ctas > div > a span.m8-icon i,
#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 {
  all: unset !important;

  /* ↓↓↓ CIBLE PRINCIPALE : écraser le mask-image du plugin ↓↓↓ */
  -webkit-mask-image: none !important;
          mask-image: none !important;
  -webkit-mask: none !important;
          mask: none !important;

  /* Reconstruction du cercle rouge */
  display: inline-block !important;
  width: 35px !important;
  height: 35px !important;
  min-width: 35px !important;
  min-height: 35px !important;
  border-radius: 50% !important;
  background: #fb5c59 !important;
  background-color: #fb5c59 !important;
  background-image: none !important;
  position: relative !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  vertical-align: middle !important;

  /* Sécurités anti font-icon résiduel */
  font-size: 0 !important;
  line-height: 45px !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

/* ── 2. Kill du ::after existant ──────────────────────────────────────── */
#m8-ctas#m8-ctas > div > a span.m8-icon i::after {
  all: unset !important;
  content: none !important;
  display: none !important;
}

/* ── 3. ::before = porteur de la nouvelle icône masquée ───────────────── */
#m8-ctas#m8-ctas > div > a span.m8-icon i::before {
  all: unset !important;
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 2 !important;

  /* Fond blanc + masque SVG = icône blanche sur cercle rouge */
  background: #ffffff !important;
  background-color: #ffffff !important;

  /* Réglages communs du masque */
  -webkit-mask-size: 55% 55% !important;
          mask-size: 55% 55% !important;
  -webkit-mask-position: center center !important;
          mask-position: center center !important;
  -webkit-mask-repeat: no-repeat !important;
          mask-repeat: no-repeat !important;
}

/* ── 4. MASQUES PAR BOUTON ────────────────────────────────────────────── */

/* Sur place — Couverts */
#m8-ctas#m8-ctas > div > a.onspot span.m8-icon i::before {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0id2hpdGUiPjxwYXRoIGQ9Ik0xMSA5SDlWMkg3djdINVYySDN2N2MwIDIuMTIgMS42NiAzLjg0IDMuNzUgMy45N1YyMmgyLjV2LTkuMDNDMTEuMzQgMTIuODQgMTMgMTEuMTIgMTMgOVYyaC0ydjd6bTUtM3Y4aDIuNXY4SDIxVjJjLTIuNzYgMC01IDIuMjQtNSA0eiIvPjwvc3ZnPgo=") !important;
          mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0id2hpdGUiPjxwYXRoIGQ9Ik0xMSA5SDlWMkg3djdINVYySDN2N2MwIDIuMTIgMS42NiAzLjg0IDMuNzUgMy45N1YyMmgyLjV2LTkuMDNDMTEuMzQgMTIuODQgMTMgMTEuMTIgMTMgOVYyaC0ydjd6bTUtM3Y4aDIuNXY4SDIxVjJjLTIuNzYgMC01IDIuMjQtNSA0eiIvPjwvc3ZnPgo=") !important;
}

/* À emporter — Sac */
#m8-ctas#m8-ctas > div > a.takeaway span.m8-icon i::before {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0id2hpdGUiPjxwYXRoIGQ9Ik0xOCA2aC0yYzAtMi4yMS0xLjc5LTQtNC00UzggMy43OSA4IDZINmMtMS4xIDAtMiAuOS0yIDJ2MTBjMCAxLjEuOSAyIDIgMmgxMmMxLjEgMCAyLS45IDItMlY4YzAtMS4xLS45LTItMi0yem0tNi0yYzEuMSAwIDIgLjkgMiAyaC00YzAtMS4xLjktMiAyLTJ6bTYgMTRINlY4aDJ2MmMwIC41NS40NSAxIDEgMXMxLS40NSAxLTFWOGg0djJjMCAuNTUuNDUgMSAxIDFzMS0uNDUgMS0xVjhoMnYxMHoiLz48L3N2Zz4K") !important;
          mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0id2hpdGUiPjxwYXRoIGQ9Ik0xOCA2aC0yYzAtMi4yMS0xLjc5LTQtNC00UzggMy43OSA4IDZINmMtMS4xIDAtMiAuOS0yIDJ2MTBjMCAxLjEuOSAyIDIgMmgxMmMxLjEgMCAyLS45IDItMlY4YzAtMS4xLS45LTItMi0yem0tNi0yYzEuMSAwIDIgLjkgMiAyaC00YzAtMS4xLjktMiAyLTJ6bTYgMTRINlY4aDJ2MmMwIC41NS40NSAxIDEgMXMxLS40NSAxLTFWOGg0djJjMCAuNTUuNDUgMSAxIDFzMS0uNDUgMS0xVjhoMnYxMHoiLz48L3N2Zz4K") !important;
}

/* Click & Collect — Curseur */
#m8-ctas#m8-ctas > div > a.clickcollect span.m8-icon i::before {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0id2hpdGUiPjxwYXRoIGQ9Ik00LjUgMnYxNy4wNmw0LjQ3LTMuNjggMi42NCA2LjMgMi44Ni0xLjItMi42NC02LjNoNS41M0w0LjUgMnoiLz48L3N2Zz4K") !important;
          mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0id2hpdGUiPjxwYXRoIGQ9Ik00LjUgMnYxNy4wNmw0LjQ3LTMuNjggMi42NCA2LjMgMi44Ni0xLjItMi42NC02LjNoNS41M0w0LjUgMnoiLz48L3N2Zz4K") !important;
}

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



@media screen and (min-width: 760px) {
#m8-ctas#m8-ctas > div > a span.m8-icon i, #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 {

    top: -1px !important; }}


@media screen and (max-width: 760px) {
#m8-ctas#m8-ctas > div > a span.m8-icon i, #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 {
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    min-height: 50px !important;
    top: 6px !important; }}/* End custom CSS */