/*.location-btn {*/
/*    color: var(--longos-dark-gray) !important;*/
/*    border-radius: 25px;*/
/*    text-align: center;*/
/*    font-weight: 900;*/
/*    position: relative;*/
/*    border: 1px solid var(--longos-dark-gray);*/
/*    cursor: pointer;*/
/*    font-family: var(--font-text) !important;*/
/*    text-transform: uppercase;*/
/*    letter-spacing: 3.43px;*/
/*    word-wrap: break-word;*/
/*    background-color: transparent !important;*/
/*    width: 320px !important;*/
/*    height: 52px !important;*/
/*}*/

/* Customizations for Bootstrap 5 Location Filter Dropdown */

.location-filter-btn {
  border-radius: 25px !important;
  width: 400px !important;
  height: 50px !important;
  transition: background 0.3s, color 0.3s !important;
  background-color: transparent !important;
  color: var(--longos-dark-gray) !important;
  border-color: var(--longos-dark-gray) !important;
}

.location-filter-btn.active,
.location-filter-btn.hover,
.location-filter-btn.selected {
  background-color: var(--longos-dark-gray) !important;
  color: #fff !important;
  border-color: var(--longos-dark-gray) !important;
}


.btn.active .btn-title {
    font-weight: bold;
}

/* Optional: Custom width for dropdown menu */
.dropdown-menu {
  min-width: 380px;
  box-shadow: 2px 2px 10px #a7a7a799;
  border-radius: 8px;
}

/* Optional: Custom header style */
.dropdown-menu h5 {
  font-family: "Neutraface 2 Display", sans-serif;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 1px;
  color: #404041;
  margin-bottom: 0px;
  text-transform: uppercase;
}

/* Custom button styles for CLEAR and APPLY if desired */
.store-clear-btn {
  font-family: "Neutraface 2 Text", sans-serif;
  font-weight: 600;
  background-color: #fff;
  border: 1px solid #2A2A2A;
  color: #2A2A2A;
  width: 180px;
  height: 41px;
}

.store-clear-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.store-apply-btn {
  font-family: "Neutraface 2 Text", sans-serif;
  font-weight: 600;
  background-color: transparent;
  border: 1px solid #2A2A2A;
  color: #2A2A2A;
  width: 180px;
  height: 41px;
}

.store-apply-btn:active,
.store-apply-btn:hover:not(:disabled) {
  background-color: #D5181A;
  border: 1px solid #D5181A;
  color: #FFF;
}

.store-apply-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Optional: Custom style for the clear filter link */
.clear-filter {
  font-size: 14px;
  color: #2A2A2A;
  cursor: pointer;
  text-decoration: underline;
  margin-top: 10px;
  display: inline-block;
}

.clear-filter.disabled {
  color: #2A2A2A;
  cursor: default;
  pointer-events: none;
}

.btn-outline-dark:hover {
  background-color: #212529;
  color: #fff;
}

.col-3.clear-container {
  display: flex;
  justify-content: center;
  width: 100%;
}

/* Click outside handling */
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  display: none;
}

.overlay.active {
  display: block;
}