/* Styles for Air Datepicker */
.air-datepicker {
  --adp-background-color: #fff;
  --adp-color: #333;
  --adp-accent-color: #FF6500;
  --adp-color-secondary: #666;
  --adp-border-color: #ddd;
  --adp-border-color-hover: #FF6500;
  font-family: Firasans, Arial, sans-serif;
  border-radius: 5px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.air-datepicker-cell.-selected- {
  background: var(--adp-accent-color);
  color: #fff;
}

.air-datepicker-cell.-current- {
  border-color: var(--adp-accent-color);
}

.air-datepicker-cell.-selected-, 
.air-datepicker-cell.-selected-.-focus- {
  background: #FF6500 !important;
  color: #fff !important;
}

.air-datepicker-container{
width: 100%;
}

/* Match input style with form design */
.air-datepicker-container input,
input.air-datepicker-input,
#geburtsdatum {
  width: 100%;
  height: 38px;
  padding: 1.5rem 1rem;
  padding-right: 3rem;
  box-sizing: border-box;
  border-radius: 29px;
  border: 1px solid #ff6500;
  color: #a8a8a8;
  font-family: Firasans, Arial, sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
  margin-bottom: 1.5rem;
  outline: none;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23ff6500" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>');
  background-repeat: no-repeat;
  background-position: calc(100% - 1rem) center;
  background-size: 20px;
  cursor: pointer;
}

.air-datepicker-container input:focus {
  border-color: #FF6500;
}

.air-datepicker-container input[disabled] {
  background-color: #f8f8f8;
  cursor: not-allowed;
}

.air-datepicker-container input.input-error {
  border-color: #ff6500;
  background-color: rgba(255, 101, 0, 0.05);
}