/* =========================================
   DIRECTORIES PRO (.DRTS) OPTIMIZED STYLES
   ========================================= */

/* 1. Global Custom Properties & Radius Reset */
.drts {
  --zf-border-color: rgba(57, 130, 137, 0.3);
  --bs-border-radius: 0;
  --bs-border-radius-sm: var(--bs-border-radius);
  --bs-border-radius-lg: var(--bs-border-radius);
  --bs-border-radius-xl: var(--bs-border-radius);
  --bs-border-radius-xxl: var(--bs-border-radius);
  --bs-border-radius-2xl: var(--bs-border-radius);
  --bs-border-radius-pill: var(--bs-border-radius);
}

/* 2. Base Typography */
.drts b,
.drts strong {
  font-weight: 600;
}

/* 3. Form Controls & Labels */
.drts .drts-bs-form-select,
.drts .tt-menu[role="listbox"],
.drts-search-form-field .drts-form-type-textfield input[type="text"],
.drts-search-form-field .select2-container .select2-selection--single {
  border: 1px solid var(--zf-border-color) !important;
  color: var(--base-color);
}

.drts .drts-view-filter-field-label {
  color: var(--base-color);
  font-size: 0.85rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.drts-view-filter-form-field-type-location-address {
  margin-bottom: 0 !important;
}

.drts-view-filter-form-field-type-location-address input[name="filter_location_address[text]"] {
  border-color: var(--zf-border-color);
}

.drts .tt-suggestion:hover {
  background-color: var(--base-color-alt);
}

/* 4. Buttons & Active States */
.drts .drts-bs-btn-outline-secondary {
  border: 1px solid var(--zf-border-color);
  color: var(--base-color);
}

.drts .drts-bs-btn-outline-secondary:hover,
.drts .drts-bs-btn-check:checked + .drts-bs-btn,
.drts .drts-bs-btn.drts-bs-active,
.drts .drts-bs-btn.drts-bs-show,
.drts .drts-bs-btn:first-child:active,
.drts :not(.drts-bs-btn-check) + .drts-bs-btn:active {
  color: #ffffff;
  background-color: var(--base-color);
  border-color: var(--base-color);
}

/* 5. Filter Containers */
.drts .drts-view-filter-form-card {
  border: none;
}

.drts .drts-display[data-display-type="filters"] {
  border: 1px solid var(--zf-border-color);
  padding-top: 1px;
}

/* =========================================
   RESPONSIVE FILTER GRID
   ========================================= */

/* First Column (Location Address): Full Width (100%) on Desktop & Tablet */
@media (min-width: 768px) {
  .drts-view-filter-form .drts-row > [class*="drts-col-"]:first-child {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}

/* Desktop (1024px and up): Subsequent filters locked to 4 equal columns (25% each) */
@media (min-width: 1024px) {
  .drts-view-filter-form .drts-row > [class*="drts-col-"]:not(:first-child) {
    flex: 0 0 25% !important;
    max-width: 25% !important;
    width: 25% !important;
  }
}

/* Tablet (768px - 1023px): Subsequent filters locked to 2 equal columns (50% each) */
@media (min-width: 768px) and (max-width: 1023px) {
  .drts-view-filter-form .drts-row > [class*="drts-col-"]:not(:first-child) {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    width: 50% !important;
  }
}

/* Mobile (Below 768px): All filters stack full width (100%) */
@media (max-width: 767px) {
  .drts-view-filter-form .drts-row > [class*="drts-col-"] {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}.drts {
	--bs-primary: #398289;
	--drts-bg-primary: rgba(57, 130, 137, 1);
	--drts-bg-primary-subtle: rgba(122, 193, 200, 0.4);
	--drts-text-primary: #398289;
	--drts-text-primary-emphasis: color-mix(in srgb, #398289, black 20%);
}
.drts .drts-bs-text-primary {
	color: var(--drts-text-primary) !important;
}
.drts .drts-bs-text-primary-emphasis {
	color: var(--drts-text-primary-emphasis) !important;
}
.drts .drts-bs-btn-primary,
.drts .drts-bs-btn-primary.drts-bs-disabled,
.drts  .drts-bs-btn-primary:disabled {
	color: #fff;
	background-color: #398289;
	border-color: #398289;
}
.drts .drts-bs-btn-primary:hover {
	color: #fff;
	background-color: #2f6a70;
	border-color: #2c6369;
}
.drts .drts-bs-btn-primary:focus,
.drts  .drts-bs-btn-primary.drts-bs-focus {
	color: #fff;
	background-color: #2f6a70;
	border-color: #2c6369;
}
.drts .drts-bs-btn-primary:not(:disabled):not(.drts-bs-disabled):active,
.drts  .drts-bs-btn-primary:not(:disabled):not(.drts-bs-disabled).drts-bs-active,
.drts .drts-bs-show > .drts-bs-btn-primary.drts-bs-dropdown-toggle {
	color: #fff;
	background-color: #2c6369;
	border-color: #4babb4;
}
.drts .drts-bs-btn-outline-primary {
	color: #398289;
	border-color: #398289;
}
.drts .drts-bs-btn-outline-primary:hover,
.drts .drts-bs-btn-outline-primary:not(:disabled):not(.drts-bs-disabled):active,
.drts .drts-bs-btn-outline-primary:not(:disabled):not(.drts-bs-disabled).drts-bs-active,
.drts .drts-bs-show > .drts-bs-btn-outline-primary.drts-bs-dropdown-toggle {
	color: #fff;
	background-color: #398289;
	border-color: #398289;
}
.drts .drts-bs-btn-outline-primary.drts-bs-disabled,
.drts  .drts-bs-btn-outline-primary:disabled {
	color: #398289;
}
.drts .drts-bs-btn-link {
	color: #398289;
}
.drts .drts-bs-btn-link:hover {
	color: #234f53;
}
.drts .drts-bs-form-check-input:checked~.drts-bs-form-check-label::before {
	color: #fff;
	background-color: #398289;
	border-color: #398289}
.drts .drts-bs-form-check-input:checked {
	background-color: #398289;
	border-color: #398289}
.drts .irs--flat .irs-from::before,.drts .irs--flat .irs-single::before,
.drts .irs--flat .irs-to::before,
.drts .irs--flat .irs-from::after,
.drts .irs--flat .irs-single::after,
.drts .irs--flat .irs-to::after {
	border-top-color: #398289}
.drts .irs--flat .irs-from,
.drts .irs--flat .irs-single,
.drts .irs--flat .irs-to,
.drts .irs--flat .irs-bar,
.drts .irs--flat .irs-handle > i:first-child {
	background-color: #398289;
}
.drts .drts-bs-dropdown-item.drts-bs-active,
.drts .drts-bs-dropdown-item:active {
	color: #fff;
	background-color: #398289;
}
.drts .drts-bs-form-control:focus {
	color: #495057;
	background-color: #fff;
	border-color: #7ac1c8;
	box-shadow: 0 0 0 0.2rem rgb(57 130 137 / 25%);
}
.drts .drts-bs-bg-primary,
.drts .drts-bs-text-bg-primary {
	background-color: var(--drts-bg-primary) !important;
}
.drts .drts-bs-text-bg-primary {
	color: var(--drts-text-primary-emphasis) !important;
}
.drts .drts-bs-bg-primary-subtle {
	background-color: var(--drts-bg-primary-subtle) !important;
}
.drts a.drts-bs-bg-primary:hover,
.drts a.drts-bs-bg-primary:focus,
.drts button.drts-bs-bg-primary:hover,
.drts button.drts-bs-bg-primary:focus {
	background-color: #2c6369 !important;
}
.drts .drts-bs-border-primary {
	border-color: rgba(57, 130, 137, var(--bs-border-opacity)) !important;
}
.swal2-styled.swal2-confirm {
	background-color: #398289 !important;
}
.drts .drts-bs-accordion-button:not(.drts-bs-collapsed) {
	color: #fff;
	background-color: #398289;
	border-color: #398289;
}
.drts .drts-bs-accordion-button:focus {
	box-shadow: 0 0 0 0.25rem rgb(57 130 137 / 25%);
}
.drts .drts-bs-list-group-item.drts-bs-active {
	color: #000;
	background-color: rgba(122, 193, 200, 0.4);
	border-color: rgba(122, 193, 200, 0.4);
}
.drts .drts-bs-list-group-item-action:not(.drts-bs-active):hover, 
.drts .drts-bs-list-group-item-action:not(.drts-bs-active):focus {
	background-color: rgba(122, 193, 200, 0.3);
}
.drts .uppy-DashboardContent-addMore:focus {
	background-color: #398289;
	color: #fff;
}
.drts {
	--bs-light: #FAFDFD; /
}
.drts .drts-bs-text-light {
	color: #FAFDFD !important;
}
.drts .drts-bs-text-light-emphasis {
	color: color-mix(in srgb, #FAFDFD, black 20%) !important;
}
.drts .drts-bs-btn-light,
.drts .drts-bs-btn-light.drts-bs-disabled,
.drts .drts-bs-btn-light:disabled {
	color: #000;
	background-color: #FAFDFD;
	border-color: #FAFDFD;
}
.drts .drts-bs-btn-light:hover {
	color: #000;
	background-color: #e1f3f3;
	border-color: #d9f0f0;
}
.drts .drts-bs-btn-light:focus,
.drts .drts-bs-btn-light.drts-bs-focus {
	color: #000;
	background-color: #e1f3f3;
	border-color: #d9f0f0;
}
.drts .drts-bs-btn-light:not(:disabled):not(.drts-bs-disabled):active,
.drts .drts-bs-btn-light:not(:disabled):not(.drts-bs-disabled).drts-bs-active,
.drts .drts-bs-show > .drts-bs-btn-light.drts-bs-dropdown-toggle {
	color: #000;
	background-color: #d9f0f0;
	border-color: #ceecec;
}
.drts .drts-bs-btn-outline-light {
	color: #FAFDFD;
	border-color: #FAFDFD;
}
.drts .drts-bs-btn-outline-light:hover,
.drts .drts-bs-btn-outline-light:not(:disabled):not(.drts-bs-disabled):active,
.drts .drts-bs-btn-outline-light:not(:disabled):not(.drts-bs-disabled).drts-bs-active,
.drts .drts-bs-show > .drts-bs-btn-outline-light.drts-bs-dropdown-toggle {
	color: #000;
	background-color: #FAFDFD;
	border-color: #FAFDFD;
}
.drts .drts-bs-btn-outline-light.drts-bs-disabled,
.drts .drts-bs-btn-outline-light:disabled {
	color: #FAFDFD;
}
.drts .drts-bs-bg-light,
.drts .drts-bs-text-bg-light {
	background-color: rgba(250, 253, 253, var(--bs-bg-opacity, 1)) !important;
}
.drts .drts-bs-bg-light-subtle {
	background-color: rgba(232, 246, 246, var(--bs-bg-opacity, 1)) !important;
}
.drts a.drts-bs-bg-light:hover,
.drts  a.drts-bs-bg-light:focus,
.drts button.drts-bs-bg-light:hover,
.drts button.drts-bs-bg-light:focus {
	background-color: #d9f0f0 !important;
}
.drts .drts-bs-border-light {
	border-color: rgba(250, 253, 253, var(--bs-border-opacity)) !important;
}