/* ------------------------------------------------------------------------------------------------------------------ */
/* Familiar Haven Brand Calendar Skin for WP Booking Calendar                                                         */
/* ------------------------------------------------------------------------------------------------------------------ */
@import url("../../plugins/booking/css/skins/24_9__light.css");

:root {
  --wpbc_cal-day-cell-border-radius: 14px;
  --wpbc_cal-day-cell-border-width: 1px;
  --wpbc_cal-day-bg-color-opacity: 90%;
  --wpbc_cal-selected-day-bg-color-opacity: 100%;
  
  --wpbc_cal-text-general-size: 14px;
  --wpbc_cal-text-cost-size: 50%;
  --wpbc_cal-text-header-size: 16px;
  --wpbc_cal-text-weekdays-size: 11px;
  --wpbc_cal-text-prev-next-links-size: 24px;
  
  /* Main Colors & Backgrounds */
  --wpbc_cal-main-background-color: transparent;
  --wpbc_cal-header-text-color: #fff8e8;
  --wpbc_cal-text-prev-next-links-color: #f2c66d;
  --wpbc_cal-text-weekdays-color: #f2c66d;
  
  /* Days Colors */
  --wpbc_cal-unavailable-day-color: rgba(255, 255, 255, 0.03);
  --wpbc_cal-unavailable-text-color: rgba(214, 216, 207, 0.35);
  
  --wpbc_cal-available-day-color: rgba(139, 201, 178, 0.12);
  --wpbc_cal-available-text-color: #fff8e8;
  
  --wpbc_cal-approved-day-color: #d78462;
  --wpbc_cal-approved-text-color: #ffffff;
  
  --wpbc_cal-pending-day-color: #f2c66d;
  --wpbc_cal-pending-text-color: #090d12;
  
  --wpbc_cal-selected-day-color: #123b67;
  --wpbc_cal-selected-text-color: #ffffff;
  
  --wpbc_cal-hover-day-color: rgba(242, 198, 109, 0.35);
  --wpbc_cal-hover-text-color: #ffffff;
  
  --wpbc_cal-timespartly-day-color: #8bc9b2;
  --wpbc_cal-timespartly-text-color: #090d12;
  
  --wpbc_cal-day-cells-padding: 3px;
}

/* Custom Familiar Haven Brand Enhancements */
.datepick-inline {
  background: transparent !important;
  box-shadow: none !important;
}

.datepick-inline .wpbc-cell-box {
  border: 1px solid rgba(242, 198, 109, 0.18);
  transition: all 0.2s ease-in-out;
}

.datepick-inline .datepick-days-cell.date_user_available:hover .wpbc-cell-box {
  border-color: #f2c66d !important;
  transform: translateY(-1px);
}

/* Keep selected dates and the matching legend swatch consistent everywhere. */
.datepick-inline .datepick-days-cell.datepick-current-day,
.datepick-inline .datepick-days-cell.datepick-current-day .wpbc-cell-box,
.datepick-inline .datepick-days-cell.datepick-current-day .date-cell-content,
.datepick-inline .datepick-days-cell.datepick-current-day a,
.datepick-inline .datepick-days-cell.datepick-current-day span {
  background: #123b67 !important;
  background-color: #123b67 !important;
  color: #ffffff !important;
}

@media (max-width: 720px) {
  .block_hints {
    align-items: center !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: .45rem .8rem !important;
    justify-content: center !important;
  }
}