/* Levertijd Gele waarschuwing */
.gele-waarschuwing {
  margin-top: 15px;
  padding: 14px 16px;
  border: 1px solid #e0d4c0; /* Zacht beige, subtieler dan #ffeeba */
  background-color: #faf8f5; /* Lichte crème, zachter dan #fff3cd */
  border-radius: 0px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03); /* Lichter schaduw */
  font-size: 14px;
  color: #333333; /* Donkergrijs voor betere leesbaarheid */
  line-height: 1.5;
}
.gele-highlight {
  color: #63C279;
  font-weight: 600; /* Matige bold voor nadruk */
}
.gele-tekst {
  color: #666666; /* Middelgrijs voor secundaire tekst */
}
.gele-waarschuwing p {
  margin: 0 0 8px; /* Ruimte tussen paragrafen */
  padding: 0;
}
.gele-waarschuwing ul {
  margin: 0 0 8px 20px; /* Lijststijl met indentatie */
  padding: 0;
  list-style-type: disc;
}
.gele-waarschuwing ul li {
  color: #666666; /* Consistent met tekst */
  margin-bottom: 4px;
}

@media (max-width: 600px) {
  .gele-waarschuwing {
    font-size: 13px;
    padding: 12px;
    margin-top: 12px;
  }
  .gele-waarschuwing ul {
    margin-left: 16px; /* Minder indentatie op mobiel */
  }
}









/* Levertijd Groene waarschuwing */
.groene-waarschuwing, .blauw-waarschuwing {
  margin-top: 15px;
  padding: 12px;
  border: 1px solid #c3e6cb;
  background-color: #d4edda;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  font-size: 13px;
}
.groene-highlight {
  color: #155724;
  font-weight: bold;
}
.groene-tekst {
  color: #155724;
}
@media (max-width: 600px) {
  .groene-waarschuwing, .blauw-waarschuwing {
    font-size: 12px;
    padding: 10px;
  }
}





/* Levertijd Gele waarschuwing */
/*
.gele-waarschuwing {
  margin-top: 15px;
  padding: 12px;
  border: 1px solid #ffeeba;
  background-color: #fff3cd;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  font-size: 13px;
}
.gele-highlight {
  color: #856404;
  font-weight: bold;
}
.gele-tekst {
  color: #856404;
}
@media (max-width: 600px) {
  .gele-waarschuwing {
    font-size: 12px;
    padding: 10px;
  }
}
*/

/* Levertijd Oranje waarschuwing */
.oranje-waarschuwing {
  margin-top: 15px;
  padding: 12px;
  border: 1px solid #fdba74;
  background-color: #fed7aa;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  font-size: 13px;
}
.oranje-highlight {
  color: #c2410c;
  font-weight: bold;
}
.oranje-tekst {
  color: #c2410c;
}
@media (max-width: 600px) {
  .oranje-waarschuwing {
    font-size: 12px;
    padding: 10px;
  }
}


/* Levertijd Rode waarschuwing */
.rode-waarschuwing {
  margin-top: 15px;
  padding: 12px;
  border: 1px solid #f5c2c7;
  background-color: #f8d7da;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  font-size: 13px;
}
.rode-highlight {
  color: #cc0000;
  font-weight: bold;
}
.rode-tekst {
  color: #842029;
}
@media (max-width: 600px) {
  .rode-waarschuwing {
    font-size: 12px;
    padding: 10px;
  }
}

.maatwerk-datum {
  margin-top: 8px;
  font-size: 13px;
  color: var(--headingsColor);
  display: block; /* Zorg dat het altijd zichtbaar is */
}

.maatwerk-datum strong {
  color: var(--headingsColor);
}

/* Mobiele weergave */
@media (max-width: 600px) {
  .maatwerk-datum {
    font-size: 12px;
    margin-top: 6px;
    display: block; /* Forceer zichtbaarheid op mobiel */
  }

  .maatwerk-datum strong {
    font-size: 13px;
  }

  .oranje-highlight, .dynamic-date {
    display: inline; /* Zorg dat deze elementen niet worden verborgen */
  }
}