/**
 * Conference Search Sidebar — shell + conference-specific controls.
 * Labels, search input, and action buttons reuse search-panel--compact-refine (search-panel.css).
 * Figma: node 1:925 (Sidebar), 1:926 (Search); aligned with author.view sidebar.
 */
@import "../conference/_vars.css";

/* Panel shell — matches author.view .search-content.author-sidebar-col */
.conference-sidebar-wrap {
  background: var(--color-bg-page);
  box-sizing: border-box;
}

/* Sidebar column: full row height, controls pinned to top */
@media (min-width: 992px) {
  .view-conference-list .row.g-0 > .conference-sidebar-col,
  .conference-academy .row.g-0 > .conference-sidebar-col {
    display: flex !important;
    flex-direction: column !important;
    align-self: stretch !important;
    min-height: 100% !important;
  }

  .view-conference-list .conference-sidebar-col > .conference-sidebar-wrap,
  .conference-academy .conference-sidebar-col > .conference-sidebar-wrap {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    min-height: 100%;
    border-right: 1px solid var(--color-border);
  }

  .view-conference-list .conference-sidebar-col .conference-sidebar-wrap > button[data-bs-toggle="collapse"],
  .view-conference-list .conference-sidebar-col .conference-sidebar-wrap > .collapse,
  .conference-academy .conference-sidebar-col .conference-sidebar-wrap > button[data-bs-toggle="collapse"],
  .conference-academy .conference-sidebar-col .conference-sidebar-wrap > .collapse {
    flex: 0 0 auto;
    width: 100%;
  }
}

@media (min-width: 992px) {
  .view-conference-list .conference-sidebar-wrap,
  .conference-academy .conference-sidebar-wrap {
    border-right: 1px solid var(--color-border);
    min-height: 100%;
  }
}

.conference-sidebar {
  background: transparent;
  padding: 12px;
  box-sizing: border-box;
}

/* Year-range sub-labels (From / To) */
.conference-sidebar__field-label {
  font-family: var(--font-family);
  font-size: var(--font-size-sm);
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-text-secondary);
}

/* Year selects — white boxes with border (author compact-refine select styling) */
.conference-sidebar .form-select {
  border: 1px solid #ced4da;
  border-radius: 6px;
  background: #ffffff;
  min-height: 38px;
  height: 38px;
  font-size: var(--font-size-sm);
  color: #212529;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.conference-sidebar .form-select:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.15);
}

/* Conference type pills — Figma active / hover (#EFF6FF / #1E40AF) */
.sidebar-type-btn {
  border: none;
  color: #495057;
  font-weight: 400;
  letter-spacing: -0.005em;
  line-height: 1.5;
  background: transparent;
}

.sidebar-type-btn:hover,
.sidebar-type-btn:focus-visible {
  background: #eff6ff;
  color: #1e40af;
}

.sidebar-type-btn--active {
  background: #eff6ff;
  color: #1e40af;
  font-weight: 600;
}

/* Spacing between filter sections inside compact-refine form */
.conference-sidebar .search-panel--compact-refine > .col-12,
.conference-sidebar .search-panel--compact-refine > .search-terms-container {
  margin-bottom: 16px;
}

.conference-sidebar .search-panel--compact-refine > .search-terms-container:last-of-type {
  margin-bottom: 0;
}

.conference-sidebar .search-panel--compact-refine > .col-12:last-of-type {
  margin-bottom: 0;
}