.bhrs-calendar {
    padding: 1rem;
    border: 1px dashed lightgray;
    border-radius: 4px;
    transition: box-shadow 0.3s ease-in-out;
}

.bhrs-calendar:hover {
  box-shadow: 0 0 1rem 2px rgba(0, 0, 0, 0.05);
 
}


.bhrs-range {
  width: 100%;
  max-width: 400px; 
}

.bhrs-info p {
    margin: 8px 0;
    font-size: 16px;
}

.bhrs-collection--warning {
    font-size: 14px;
    display:none;
    background-color: rgba(236, 148, 44, 0.1);
    color: rgb(236, 148, 44);
    margin-top: .5em;
    padding: 1rem;
    border-radius: 4px;
}

.bhrs-calendar .single_add_to_cart_button {
    margin-top: 1rem !important;
}

.bhrs-calendar .single_add_to_cart_button[disabled] {
    cursor: default!important;
}

.bhrs-disabled, 
.bhrs-disabled-sunday, 
.bhrs-disabled-holiday {
  opacity: 0.4;
  cursor: default !important;
}

/** 
/**** Flatpicker specific styling overrides *****
**/
.flatpickr-calendar {
  max-width: none !important;
  min-width: 320px !important;
}

/* Make the start- and end-day swatches your olive-green */
.flatpickr-calendar .flatpickr-day.startRange,
.flatpickr-calendar .flatpickr-day.endRange {
  background-color: #9BA17B !important;
  border-color:     #9BA17B !important;
  color:            #fff       !important; /* ensures the date number is readable */
}

/* Optionally tint the days in between */
.flatpickr-calendar .flatpickr-day.inRange {
  background-color: rgba(155, 161, 123, 0.2) !important;
}

.flatpickr-calendar .flatpickr-month {
    height: 50px !important;
}

.flatpickr-calendar .flatpickr-month .cur-month,
.flatpickr-calendar .flatpickr-month .numInputWrapper {
  white-space: nowrap !important;
}

.flatpickr-calendar .flatpickr-current-month .numInput.cur-year {
    width: auto !important;
}

.flatpickr-innerContainer, .flatpickr-days {
    overflow: visible !important;
}

.flatpickr-calendar .flatpickr-day.bhrs-disabled {
  position: relative;
}

.flatpickr-calendar .flatpickr-day.bhrs-disabled::after {
  content: attr(data-tooltip);
  position: absolute;
  top: -4.5em;
  left: 50%;
  transform: translateX(-50%);
  background: rgb(0,0,0);
  color: #fff;
  padding: 0px 6px;
  border-radius: 3px;
  white-space: nowrap;
  font-size: 12px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.1s ease-in-out;
  z-index: 9999;
}

.flatpickr-calendar .flatpickr-day.bhrs-disabled:hover::after {
  opacity: 1;
}