.address-field {
  position: relative;
}

//.address-field input {
  //padding-right: 90px; /* make room for the icon */
  //width: 100%;
  //box-sizing: border-box;
//}

.address-field::after {
  content: "\f058"; /* Envelope icon */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 22px;
  color: green;
  opacity: 0;
  position: absolute;
  right: 10px;
  top: 90%;
  transform: translateY(-90%);
  pointer-events: none;
}

/* Default icon */
.address-field.show-check::after {
  content: "\f058"; /* check */
  color: green;
  opacity: 0;
}

/* No Coverage icon */
.address-field.show-no-coverage::after {
  content: "\f071"; /* exclamation triangle */
  color: darkorange;
  opacity: 1;
}

/* Coverage icon */
.address-field.show-coverage::after {
  content: "\f164"; /* exclamation triangle */
  color: green;
  opacity: 0; /*set to opaque - business decision not to show*/
}

/* For extra override: target the clear button and calendar icon in WebKit */
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator {
  filter: invert(0.5); /* 0 is black, 1 is white — try 0.2 to 0.4 */
  opacity: 1;
}

.flatpickr-calendar {
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

/* Style the top bar (month/year) of Flatpickr */
.flatpickr-calendar .flatpickr-months {
  background-color: #E47B02;
  color: white;
  border-bottom: 0px solid #ccc;
}

/* Day name header row (Sun, Mon, Tue...) */
.flatpickr-calendar .flatpickr-weekdays {
  background-color: #E47B02;
  color: white;
}

/* Selected date styling */
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange {
  background-color: #E47B02 !important; /* Change this to your preferred color */
  color: white;
  font-weight: bold;
}
.flatpickr-day.selected {
  border: 0px solid orange;
}

.date-field::after {
  content: "\f071"; /* Envelope icon */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 22px;
  color: darkorange;
  opacity: 0;
  position: absolute;
  right: 10px;
  top: 90%;
  transform: translateY(-90%);
  pointer-events: none;
}

/* Out Of Hours icon */
.date-field.show-outofhours::after {
  content: "\f071"; /* exclamation triangle */
  color: darkorange;
  opacity: 1;
}

/* In Scout Hours icon */
.date-field.show-scouthours::after {
  content: "\f071"; /* exclamation triangle */
  color: darkorange;
  opacity: 0;
}

/* Fading animation */
.fade-button {
  animation: fadePulse 1.2s ease-in-out infinite;
  opacity: 1;
  outline: none !important;
  box-shadow: none !important;
  border-color: transparent !important; /* hides borders */
}

/* Keyframes for fade effect */
@keyframes fadePulse {
  0%, 100% { opacity: 1; }
  50%      { opacity: 0.4; }
}

/* Suppress hover/focus styles ONLY while fading */
.fade-button:hover,
.fade-button:focus,
.fade-button:active {
  outline: none !important;
  box-shadow: none !important;
  border-color: transparent !important;
  color: inherit !important;
}