.wander-pm-strong {
  margin-top: 15px !important;
  margin-bottom: 25px !important;
}

.wander-pm-strong label {
  width: 220px !important;
  font-size: 15px !important;
  font-weight: 500 !important;
}

.wanderbook-sub-tabs {
  display: flex;
  border-bottom: 2px solid #ccc;
  margin-bottom: 1em;
  padding-left: 0;
}

.wanderbook-sub-tabs .tab-link {
  list-style: none;
  padding: 10px 20px;
  cursor: pointer;
  background: #f1f1f1;
  border: 1px solid #ccc;
  border-bottom: none;
  margin-right: 5px;
  font-weight: 600;
  color: #555;
  border-radius: 5px 5px 0 0;
  transition: background 0.2s ease;
}

.wanderbook-sub-tabs .tab-link:hover {
  background: #eaeaea;
}

.wanderbook-sub-tabs .tab-link.active {
  background: #ffffff;
  border-bottom: 2px solid white;
  color: #000;
  box-shadow: inset 0 2px 0 #007cba;
}

.wanderbook-sub-tab-content {
  display: none;
  padding: 1em;
  background: #ffffff;
  border: 1px solid #ccc;
  border-radius: 0 5px 5px 5px;
}

/* Make sure default tab is visible */
.wanderbook-sub-tab-content.active {
  display: block;
}

/*fixed date table */

.wanderbook-fixed-dates-table td,
.wanderbook-fixed-dates-table th {
  padding: 8px;
  vertical-align: middle;
}

.wanderbook-date-form {
  margin-top: 15px;
  background: #f9f9f9;
  padding: 10px;
  border: 1px solid #ddd;
  max-width: 400px;
}

/**availability **/
.wander-availability-tab {
  font-family: Arial, sans-serif;
  background: #fff;
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 6px;
  max-width: 700px;
}

.wander-availability-tab h3 {
  margin-top: 0;
  font-size: 20px;
  color: #333;
}

.wander-availability-tab .description {
  font-size: 14px;
  color: #555;
  margin-bottom: 15px;
}

.override-toggle {
  display: block;
  margin-bottom: 20px;
  font-size: 14px;
  cursor: pointer;
}

.calendar-wrapper {
  margin-bottom: 20px;
}

#unavailable_dates {
  width: 100%;
  padding: 10px;
  font-size: 15px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

#unavailability-calendar .quick-actions {
  margin-top: 20px;
  margin-bottom: 20px;
}

#unavailability-calendar .flatpickr-current-month input.cur-year {
  width: 100% !important;
}

.btn-action, .btn-clear {
  display: inline-block;
  margin: 0 5px 10px 0;
  padding: 8px 14px;
  font-size: 14px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.btn-action.btn-undo {
  background: #2ead67;
}

.btn-action {
  background: #0073aa;
  color: #fff;
}

.btn-action:hover {
  background: #005a87;
}

.btn-clear {
  background: #d9534f;
  color: #fff;
}

.btn-clear:hover {
  background: #b52d2a;
}

.unavailable-date {
  background-color: #ffcccc !important;
  color: #a00 !important;
  border-radius: 50%;
}

/* Table styling */

#unavailability-calendar .ranges-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 10px;
  font-size: 14px;
}

#unavailability-calendar .ranges-table th,
#unavailability-calendar .ranges-table td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: center;
}

#unavailability-calendar .ranges-table th {
  background-color: #f4f4f4;
  font-weight: bold;
}

#unavailability-calendar .ranges-table tr:nth-child(even) {
  background-color: #fafafa;
}

#unavailability-calendar .ranges-table .remove-range {
  background: #e74c3c;
  border: none;
  color: #fff;
  padding: 5px 10px;
  cursor: pointer;
  border-radius: 3px;
}

#unavailability-calendar .ranges-table .remove-range:hover {
  background: #c0392b;
}

.flatpickr-calendar.inline {
  padding-bottom: 10px !important;
}

/* setttins - availability page*/
.availability-settings-page .availability-page-form-table {
  margin-bottom: 20px;
}

.availability-settings-page #unavailability-calendar {
  padding-top:20px;
}

@media (min-width: 1080px) {
  #unavailability-calendar .ranges-table {
    width: 80%;
  }
}