/* Listing Page Filters - Neue Plak Font Family */

/* Font Face Declarations for Neue Plak */
@font-face {
    font-family: 'Neue Plak';
    src: url('../assets/fonts/Web-font/Neue/NeuePlak-Regular.woff2') format('woff2'),
         url('../assets/fonts/Web-font/Neue/NeuePlak-Regular.woff') format('woff'),
         url('../assets/fonts/Web-font/Neue/NeuePlak-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neue Plak';
    src: url('../assets/fonts/Web-font/Neue/NeuePlak-SemiBold.woff2') format('woff2'),
         url('../assets/fonts/Web-font/Neue/NeuePlak-SemiBold.woff') format('woff'),
         url('../assets/fonts/Web-font/Neue/NeuePlak-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neue Plak';
    src: url('../assets/fonts/Web-font/Neue/NeuePlak-Bold.woff2') format('woff2'),
         url('../assets/fonts/Web-font/Neue/NeuePlak-Bold.woff') format('woff'),
         url('../assets/fonts/Web-font/Neue/NeuePlak-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* =================================================================
   FILTER TOOLBAR - Top Bar Filters
   ================================================================= */

/* Filter toolbar main container */
.filter-toolbar {
    font-family: 'Neue Plak', 'Neue', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* Filter main button */
.filter-toolbar__main-btn,
.filter-toolbar__main-btn span {
    font-family: 'Neue Plak', 'Neue', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    font-weight: 400 !important; /* Default font weight when no filters applied */
}

/* Filter main button when filters are active (has green background or active class) */
.filter-toolbar__main-btn.filters-active,
.filter-toolbar__main-btn.filters-active span,
.filter-toolbar__main-btn[style*="background"] span,
.filter-toolbar__main-btn[data-has-filters="true"] span {
    font-weight: 600 !important; /* Bold font weight when filters are applied */
}

/* Filter chip buttons (Where, Attendees) */
.filter-toolbar__chip,
.filter-toolbar__chip span {
    font-family: 'Neue Plak', 'Neue', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* Filter dropdown panels */
.filter-toolbar__chip-dropdown__panel,
.filter-toolbar__chip-dropdown__content {
    font-family: 'Neue Plak', 'Neue', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* Filter dropdown footer buttons */
.filter-toolbar__chip-dropdown__clear,
.filter-toolbar__chip-dropdown__apply {
    font-family: 'Neue Plak', 'Neue', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* Clear all button */
.filter-toolbar__clear-all-btn {
    font-family: 'Neue Plak', 'Neue', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* =================================================================
   LISTING SIDEBAR FILTERS - Modal Filters
   ================================================================= */

/* Main sidebar container */
.listing-sidebar {
    font-family: 'Neue Plak', 'Neue', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* Sidebar titles */
.listing-sidebar--title {
    font-family: 'Neue Plak', 'Neue', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* All filter sections */
.listing-sidebar__filter {
    font-family: 'Neue Plak', 'Neue', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* Filter accordion headers/triggers */
.listing-sidebar__filter-accordion__trigger,
.listing-sidebar__filter-accordion__trigger span {
    font-family: 'Neue Plak', 'Neue', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* Filter counter badges */
.listing-sidebar__filter--count {
    font-family: 'Neue Plak', 'Neue', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    color: #A8A8A8 !important;
}

/* Filter subtitle */
.listing-sidebar__filter__subtitle {
    font-family: 'Neue Plak', 'Neue', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* =================================================================
   CAPACITY FILTER SPECIFIC
   ================================================================= */

/* Range input labels */
.listing-sidebar__filter__range-input__label {
    font-family: 'Neue Plak', 'Neue', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    font-weight: 400;
}

/* Number input fields */
.listing-sidebar__filter__range-input input[type="number"] {
    font-family: 'Neue Plak', 'Neue', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    font-weight: 400;
}

/* Placeholder text */
.listing-sidebar__filter__range-input input[type="number"]::placeholder {
    font-family: 'Neue Plak', 'Neue', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* =================================================================
   LOCATION FILTER SPECIFIC
   ================================================================= */

/* Location filter input */
.listing-sidebar__filter-location__filter-group__input,
.listing-sidebar__filter-location__filter-group__label {
    font-family: 'Neue Plak', 'Neue', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* Location filter placeholders */
.listing-sidebar__filter-location__filter-group__input::placeholder {
    font-family: 'Neue Plak', 'Neue', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* Location results */
.listing-sidebar__filter-location__results--result {
    font-family: 'Neue Plak', 'Neue', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* Location country/city labels */
.listing-sidebar__filter-location--country__title,
.listing-sidebar__filter-location--country__city--item label {
    font-family: 'Neue Plak', 'Neue', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* =================================================================
   CHECKBOX & RADIO FILTERS
   ================================================================= */

/* Checkbox labels */
.listing-sidebar__filter__checkbox label,
.listing-sidebar__filter__checkbox label span {
    font-family: 'Neue Plak', 'Neue', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    color: #757575 !important;
}

/* Group checkbox labels */
.listing-sidebar__filter-group-checkbox__item label,
.listing-sidebar__filter-group-checkbox__item label span {
    font-family: 'Neue Plak', 'Neue', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* Radio button labels */
.listing-sidebar__filter-radio__item label,
.listing-sidebar__filter-radio__item label span {
    font-family: 'Neue Plak', 'Neue', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* =================================================================
   CUSTOMIZED TAB FILTERS
   ================================================================= */

/* Customized tab items */
.listing-sidebar__filter-customized__tabs--item a {
    font-family: 'Neue Plak', 'Neue', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* =================================================================
   BOTTOM BAR & BUTTONS
   ================================================================= */

/* Sidebar bottom bar buttons */
.listing-sidebar__bottom-bar__clear-btn,
.listing-sidebar__bottom-bar__matched {
    font-family: 'Neue Plak', 'Neue', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* Clear button */
.listing__clear-btn {
    font-family: 'Neue Plak', 'Neue', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* =================================================================
   LISTING CONTENT HEADERS
   ================================================================= */

/* Main listing title */
.listing__content--title {
    font-family: 'Neue Plak', 'Neue', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* Sort dropdown */
.listing-sort__title,
.listing-sort__title span,
.listing-sort__item label {
    font-family: 'Neue Plak', 'Neue', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* Map toggle button */
.listing__top-bar__map-btn,
.listing__top-bar__map-btn span {
    font-family: 'Neue Plak', 'Neue', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* =================================================================
   UNIVERSAL OVERRIDE - All text elements in filter sections
   ================================================================= */

/* Apply to all descendants of filter elements */
.filter-toolbar *,
.listing-sidebar *,
.listing-sidebar__filter * {
    font-family: 'Neue Plak', 'Neue', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* =================================================================
   DIMENSION OVERRIDES - Fix button heights
   ================================================================= */

/* Force 40px height for Filter button and Chip buttons */
.filter-toolbar__main-btn,
.filter-toolbar__chip,
.listing__content--tag:not(.listing__content--tag-clear):not(.listing__clear-btn) {
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
}

/* =================================================================
   FONT SIZE OVERRIDES - Sidebar Titles
   ================================================================= */

/* Reduce font size by 2px for mobile (18px → 16px) */
.listing-sidebar--title__mobile {
    font-size: 1rem !important;
    line-height: 1rem !important;
}

/* Reduce font size by 2px for desktop (20px → 18px) */
@media (min-width: 1024px) {
    .listing-sidebar--title__desktop {
        font-size: 1.125rem !important;
        line-height: 1.125rem !important;
    }
}

/* =================================================================
   ACCORDION ARROW OVERRIDES - Custom Arrow Icons
   ================================================================= */

/* Replace accordion arrows with custom down-arrow.svg using background-image for better size control */
.listing-sidebar__filter-accordion__trigger:after {
    content: '' !important;
    display: inline-block !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    max-width: 16px !important;
    max-height: 16px !important;
    background-image: url('/upload/venue/icons/down-arrow.svg') !important;
    background-size: 16px 16px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    flex-shrink: 0 !important;
    transition: transform 0.35s cubic-bezier(0.23, 1, 0.32, 1) !important;
}

/* When accordion is active (open), flip the arrow to point up */
.listing-sidebar__filter-accordion-active .listing-sidebar__filter-accordion__trigger:after {
    transform: rotate(180deg) !important;
}

/* Disabled state - use same arrow with different styling */
.listing-sidebar__filter[aria-disabled='true'] .listing-sidebar__filter-accordion__trigger:after {
    opacity: 0.5 !important;
}

/* =================================================================
   CHIP STYLING OVERRIDES - Default and Selection States
   ================================================================= */

/* Default state styling - Modal Chips */
.listing-sidebar__filter-group-checkbox__item label,
.listing-sidebar__filter-location--country__city--item label {
    border: 1px solid #D9D9D9 !important;
    color: #757575 !important;
    background-color: #FFFFFF !important;
    transition: all 0.2s ease !important;
}

/* Selection state & Toolbar Chips (Always Selected Design) */
.listing-sidebar__filter-group-checkbox__item input:checked + label,
.listing-sidebar__filter-location--country__city--item input:checked + label,
.filter-toolbar__chip {
    border-color: #4F4F4F !important;
    color: #4F4F4F !important;
    background-color: #FFFFFF !important;
    transition: all 0.2s ease !important;
}

.listing-sort__title,
.sorting-active .listing-sort__title {
    border-color: #4F4F4F !important;
    color: #4F4F4F !important;
    background-color: transparent !important;
    transition: all 0.2s ease !important;
}

/* Dropdown Title (Internal) */
.filter-toolbar__chip-dropdown__title {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 100% !important;
    letter-spacing: 0% !important;
    color: #262626 !important;
}

/* Row Spacing Reduction */
.listing-sidebar__filter-group-checkbox__content,
.listing-sidebar__filter-location--country__city--container {
    row-gap: 0.5rem !important; /* Proper flex row gap */
}

.listing-sidebar--modal .listing-sidebar__filter-group-checkbox__item,
.listing-sidebar__filter-location--country__city--item {
    margin-bottom: 0 !important; /* Remove individual item bottom margin to avoid double spacing */
}

/* Icons/Arrows centering for toolbar chips */
.filter-toolbar__chip {
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
}

/* Ensure icons/images match the text color or look appropriate */
.listing-sidebar__filter-group-checkbox__item label img,
.listing-sidebar__filter-group-checkbox__item label svg {
    filter: grayscale(1) opacity(0.6) !important;
}

.listing-sidebar__filter-group-checkbox__item input:checked + label img,
.listing-sidebar__filter-group-checkbox__item input:checked + label svg {
    filter: grayscale(1) brightness(0.3) !important; /* Darken for selected state */
}