/* Theme overrides loaded after css/style.css */

/* (Sign In button overrides moved into main CSS; keep this file reserved for future overrides) */

/* =============================================
   Filter Accordion — Bootstrap-collapse style
   ============================================= */

/* Header base styles */
.filter-widget.filter-accordion .filter-widget-header {
    cursor: pointer;
    user-select: none;
    justify-content: space-between;
    background: transparent !important;
    box-shadow: none !important;
    width: 100%;
    text-align: left;
}

/* Remove the HR line from ALL accordion filter headers */
.filter-section--desktop .filter-widget.filter-accordion .filter-widget-header {
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 12px !important;
}

/* SVG chevron arrow — anchored to right edge of header */
.filter-collapse-arrow {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-left: auto;
    padding-left: 8px;
    color: #555;
}
.filter-collapse-arrow svg {
    display: block;
    transition: transform 0.3s ease;
}

/* Collapsed → rotate only the SVG so the span stays at the right corner */
.filter-widget.filter-accordion .filter-widget-header.collapsed .filter-collapse-arrow svg {
    transform: rotate(-90deg);
}

/* Collapsed state — remove bottom padding on header, tighten widget spacing */
.filter-section--desktop .filter-widget.filter-accordion.fw-collapsed {
    padding-bottom: 0 !important;
    margin-bottom: 12px !important;
}
.filter-section--desktop .filter-widget.filter-accordion.fw-collapsed .filter-widget-header {
    padding-bottom: 0 !important;
}

/* Fix hamburger menu alignment on mobile */
@media (max-width: 1199.98px) {
  .header .main-header .header-right {
    min-width: auto !important;
    padding-inline-end: 0 !important;
  }
  .header .main-header .header-left .header-right .burger-icon {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    flex-shrink: 0;
  }
}
@media (max-width: 575.98px) {
  .header .main-header .header-right {
    min-width: auto !important;
  }
  .header .container-fluid {
    padding-inline-start: 12px !important;
    padding-inline-end: 12px !important;
  }
}

/* =============================================
   Car card facilities — layout fix
   ============================================= */

/* Space between location/trips row and the HR border */
.card-journey-small .card-program .card-location {
    margin-bottom: 12px !important;
}

/* Remove the negative margin that pulls border into text above */
.card-journey-small .card-program .card-facilities {
    margin-top: 0 !important;
    padding-top: 10px !important;
    margin-bottom: 10px !important;
}

/* Right-align fuel type text within its 50% cell */
.card-journey-small .card-program .card-facilities .card-fuel,
.card-flight .card-program .card-facilities .card-fuel {
    text-align: end;
}

/* =============================================
   Clickable car card — whole card links to detail
   ============================================= */
.card-clickable {
    cursor: pointer;
    position: relative !important;
}
.card-clickable .card-click-overlay {
    position: absolute !important;
    inset: 0;
    z-index: 10;
}
.card-clickable .card-program .card-facilities {
    border-top: none;
    padding-top: 0;
    margin-top: 0;
}
.card-clickable .card-info {
    padding-bottom: 10px !important;
}

/* Bootstrap success background color override */
.bg-success {
    --bs-bg-opacity: 1;
    background-color: rgb(59 201 0) !important;
}

/* Cars listing search icon alignment override (must win over bundled CSS) */
.cars-listing .bb-explore-topbar .bb-explore-search .bb-explore-search-icon {
    left: auto !important;
    right: 20px !important;
    inset-inline-start: auto !important;
    inset-inline-end: auto !important;
    transform: translateY(-50%) !important;
}

.cars-listing .bb-explore-topbar .bb-explore-search .bb-explore-search-input,
.cars-listing .bb-explore-topbar .bb-explore-search input.location-autocomplete {
    padding-left: 18px !important;
    padding-right: 52px !important;
}