#mobile-menu-ul > li:last-of-type > a,
#mobile-menu-ul > li.menu-contact-button a {
    color:#ffffff !important;
}

#mobile-menu-ul > li.menu-contact-button a {
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
    border-radius: .25rem;
    color: #fff !important;
    font-weight: 700;
    padding: 15px !important;
}

#mobile-menu-ul > li:last-of-type > a {
    background-color: transparent;
    border: 0;
    border-radius: .25rem;
    color: #000 !important;
    font-weight: 400;
    padding: 0 !important;
}

#mobile-menu-ul > li:last-of-type a:hover {
    border: 0;
    /* color: #000000 !important; */
}


@media all and (min-width: 1px) {
    #mobile-menu-ul > li:last-of-type {
        margin-left: 0;
    }

    #mobile-menu-ul li.menu-contact-button {
        margin-left: auto;
    }

    #mobile-menu-ul li.language ul.lang-picker {
        margin-right: 0;
    }

    #mobile-menu-ul li.language ul.lang-picker li {
        padding: 15px 0;
    }
/* -----------------------------------
   1. JE BESTAANDE MOBILE MENU CSS
   (laat die zoals ze waren, buiten onze usps‐rules)
   ----------------------------------- */
#mobile-menu-ul > li:last-of-type > a,
#mobile-menu-ul > li.menu-contact-button a {
  color: #ffffff !important;
}

#mobile-menu-ul > li.menu-contact-button a {
  background-color: var(--primary-color);
  border: 1px solid var(--primary-color);
  border-radius: .25rem;
  color: #fff !important;
  font-weight: 700;
  padding: 15px !important;
}

#mobile-menu-ul > li:last-of-type > a {
  background-color: transparent;
  border: 0;
  border-radius: .25rem;
  color: #000 !important;
  font-weight: 400;
  padding: 0 !important;
}

#mobile-menu-ul > li:last-of-type a:hover {
  border: 0;
  /* color: #000000 !important; */
}

/* Dit gedeelte blijft binnen de “grote‐scherm” mediaquery */
@media all and (min-width: 1px) {
  #mobile-menu-ul > li:last-of-type {
    margin-left: 0;
  }

  #mobile-menu-ul li.menu-contact-button {
    margin-left: auto;
  }

  #mobile-menu-ul li.language ul.lang-picker {
    margin-right: 0;
  }

  #mobile-menu-ul li.language ul.lang-picker li {
    padding: 15px 0;
  }
}

/* -----------------------------------
   2. BASIS‐STYLING VOOR #usps (ALTIJD GELDEND)
   ----------------------------------- */

/* 2.1 Container #usps (geen achtergrondkleur, afgeronde hoeken, padding) */
#usps {
  background-color: transparent; /* géén groen */
  border-radius: 8px;
  padding: 20px;
  max-width: 360px;
  width: 100%;
  color: #ffffff; /* standaard tekst wit */
  font-family: Arial, sans-serif;
}

/* 2.2 Titel: altijd wit, 18px, semibold */
#usps .facts-title {
  color: #ffffff;
  font-size: 17px;
  font-weight: 600;
  margin: 0 0 15px 0;
  line-height: 1.2;
}

/* 2.3 Elke rij (flexbox: icoon + tekst) */
#usps .fact-row {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

/* 2.4 Icoon‐gebied (48×48 px) */
#usps .fact-row .icon {
  flex: 0 0 48px;
  height: 48px;
  margin-right: 12px;
}

/* 2.5 Zorg dat <img> of <svg> de volle 48×48 px pakt */
#usps .fact-row .icon img,
#usps .fact-row .icon svg {
  width: 100%;
  height: 100%;
  display: block;
}

/* 2.6 Tekstkolom binnen de rij */
#usps .fact-row .text {
  display: flex;
  flex-direction: column;
}

/* 2.7 Label (bovenste regel) – wit */
#usps .fact-label {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  color: #ffffff;
}

/* 2.8 Waarde (onderste regel) – wit • opacity 0.9 */
#usps .fact-value {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  color: #ffffff;
  opacity: 0.9;
}

/* 2.9 Divider (dun wit lijntje tussen rijen), indent = 48 + 12 = 60px */
#usps .divider {
  border: none;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  margin: 0 0 15px 60px;
}

/* 2.10 Verberg altijd de allerlaatste divider (onder rij 3) */
#usps .divider:last-of-type {
  display: none;
}

/* 2.11 Laatste rij geen extra bottom-margin */
#usps .fact-row:last-child {
  margin-bottom: 0;
}

/* -----------------------------------
   3. RESPONSIVE AANPASSING MOBIEL (<600px)
   ----------------------------------- */
/* 3.1 De basisregels uit sectie 2 blijven gelden op alle schermen.
      Onder 600px passen we alleen de marges, lettergroottes, en indent aan. */
@media screen and (max-width: 600px) {
  /* 3.2 Icoongebied blijft 48×48, maar marge rechts slechts 8px */
  #usps .fact-row .icon {
    flex: 0 0 48px;
    height: 48px;
    margin-right: 8px;
  }

  /* 3.3 Divider‐indent = 48 + 8 = 56px, margin-bottom kleiner */
  #usps .divider {
    margin: 0 0 12px 56px;
  }

  /* 3.4 Titel iets compacter – nog steeds wit */
  #usps .facts-title {
    font-size: 16px;
    margin-bottom: 12px;
  }

  /* 3.5 Onderlinge rij‐afstand iets kleiner */
  #usps .fact-row {
    margin-bottom: 12px;
  }

  /* 3.6 Label en waarde iets lager zetten – altijd wit */
  #usps .fact-label {
    font-size: 14px;
  }
  #usps .fact-value {
    font-size: 13px;
  }
}