/* assets/css/frontend.css */

/* First row: date button + guest label + dropdown */
.aibc-picker-controls {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* Unified buttons, fixed width, inherit theme padding */
.aibc-range-btn,
#aibc-continue {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}

/* Range picker button styling */
.aibc-range-btn {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  color:black;
}

#aibc-pax {
    color:black;
}

.aibc-range-btn:hover {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
}

/* “Book your stay” button below */
#aibc-continue {
  display: block;
  margin-top: 12px;
}

#aibc-continue:hover {
    background: #242C02;
    color:white;
    transition:0.5s;
}

/* Guest selector label/dropdown */
.aibc-picker-controls label {
  margin: 0;
  font-weight: normal;
}
.aibc-picker-controls select {
  /* inherit theme form styles */
}

/* Clear-selection “×” buttons */
.aibc-clear {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  font-size: 1.2em;
  line-height: 1;
  cursor: pointer;
  display: none;
}

/* Position Flatpickr beneath the button */
.aibc-picker .flatpickr-calendar {
  position: absolute !important;
  top: calc(100% + 4px) !important;
  left: 0 !important;
  margin: 0;
  z-index: 9999;
}