/* Approved (confirmed / booked) = red */
.ui-datepicker td.kh-approved a,
.ui-datepicker td.kh-approved span {
  background: #dc3545 !important;
  color: #ffffff !important;
  border-radius: 4px !important;
}

/* Pending request = yellow */
.ui-datepicker td.kh-requested a {
  background: #ffc107 !important;
  color: #212529 !important;
  border-radius: 4px !important;
}

/* Keep 'today' distinct */
.ui-datepicker td a.ui-state-highlight {
  background: #e9ecef !important;
  color: #212529 !important;
  border-radius: 4px !important;
}

.kh-booking-wrap { padding-bottom: 40px; }
.kh-btn-row .btn { margin-top: 6px; }


/* Legend area (transparent, no background) */
.kh-legend { background: transparent !important; border: 0 !important; padding: 0 !important; margin-top: 18px; }


/* transparent form background */
.kh-booking-wrap{
    background: transparent !important;
}

/* prevent bootstrap link styling leaking to theme nav */
.kh-booking-wrap a{
    color: inherit;
    text-decoration: none;
}

.kh-booking-wrap a:hover{
    color: inherit;
    text-decoration: none;
}

.kh-booking-wrap .btn{
    text-decoration: none !important;
}

.kh-legend{
    background: transparent !important;
    border:0 !important;
}


/* ---------------------------------------------------------
   Lightweight form/grid styles (Bootstrap replacement)
   Scoped to KH Booking only, so it won't affect the theme.
--------------------------------------------------------- */

.kh-booking-wrap{
  box-sizing: border-box;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}

.kh-booking-wrap *, .kh-booking-wrap *::before, .kh-booking-wrap *::after{
  box-sizing: border-box;
}

.kh-booking-wrap .row{
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}

.kh-booking-wrap [class*="col-"]{
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
}

@media (min-width: 768px){
  .kh-booking-wrap .col-md-6{ width: 50%; }
}

.kh-booking-wrap .mt-5{ margin-top: 3rem; }
.kh-booking-wrap .mb-4{ margin-bottom: 1.5rem; }
.kh-booking-wrap .mb-5{ margin-bottom: 3rem; }
.kh-booking-wrap .mt-2{ margin-top: .5rem; }
.kh-booking-wrap .mt-4{ margin-top: 1.5rem; }
.kh-booking-wrap .ml-2{ margin-left: .5rem; }

.kh-booking-wrap .form-row{
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}

.kh-booking-wrap .form-group{
  width: 100%;
  margin-bottom: 1rem;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 768px){
  .kh-booking-wrap .form-group.col-md-6{ width: 50%; }
  .kh-booking-wrap .form-group.col-md-6,
  .kh-booking-wrap .form-group.col-12.col-md-6{ width: 50%; }
}

.kh-booking-wrap label{
  display: inline-block;
  margin-bottom: .35rem;
  font-weight: 600;
}

.kh-booking-wrap .form-control{
  display: block;
  width: 100%;
  padding: .5rem .75rem;
  border: 1px solid rgba(0,0,0,.2);
  border-radius: 6px;
  background: rgba(255,255,255,.85);
  color: inherit;
}

.kh-booking-wrap textarea.form-control{
  min-height: 110px;
}

.kh-booking-wrap .form-text{
  display: block;
  margin-top: .25rem;
  font-size: .875rem;
  opacity: .8;
}

.kh-booking-wrap .kh-btn-row{
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
}

.kh-booking-wrap .btn{
  display: inline-block;
  padding: .55rem .9rem;
  border-radius: 8px;
  border: 1px solid transparent;
  cursor: pointer;
  font-weight: 600;
  line-height: 1.2;
}

.kh-booking-wrap .btn-danger{
  background: #dc3545;
  border-color: #dc3545;
  color: #fff;
}

.kh-booking-wrap .btn-secondary{
  background: #6c757d;
  border-color: #6c757d;
  color: #fff;
}

.kh-booking-wrap .btn-outline-secondary{
  background: transparent;
  border-color: rgba(0,0,0,.35);
  color: inherit;
}

.kh-booking-wrap .btn:focus{
  outline: none;
  box-shadow: 0 0 0 3px rgba(0,0,0,.12);
}

/* Alerts (Bootstrap-like, but scoped) */
.kh-booking-wrap .alert{
  padding: .75rem 1rem;
  border-radius: 10px;
  border: 1px solid rgba(0,0,0,.12);
  background: rgba(255,255,255,.75);
}

.kh-booking-wrap .alert-success{
  border-color: rgba(40,167,69,.35);
}

/* Ensure we never override theme link styles outside the booking area */
.kh-booking-wrap a{
  color: inherit;
  text-decoration: none;
}
.kh-booking-wrap a:hover{
  color: inherit;
  text-decoration: none;
}