@import "./css/styles-base.css";
@import "./css/styles-components.css";
@import "./css/styles-pages.css";

/* Unified dropdown style */
select,
.employment-page .employment-filters select,
.housing-page .employment-filters select,
.price-page .price-filters select,
.modal-form select,
.admin-form select,
.cabinet-form select,
.language-switcher-select,
.site-topbar .topbar-mobile-language .language-switcher-select,
.admin-filter-row select,
.admin-inline-form select,
.admin-stacked-form select,
.admin-analytics-filter select,
.admin-user-role-select,
.lawyer-status-select {
  border: 1px solid var(--glass-field-border);
  border-radius: 12px;
  color: var(--ink);
  background-color: var(--glass-field-bg);
  backdrop-filter: blur(var(--glass-field-blur)) saturate(132%);
  -webkit-backdrop-filter: blur(var(--glass-field-blur)) saturate(132%);
  box-shadow: var(--glass-field-shadow);
  padding: 0.62rem 2.05rem 0.62rem 0.72rem;
  min-height: 2.45rem;
  font: inherit;
  line-height: 1.2;
  appearance: none;
  -webkit-appearance: none;
  background-image:
    linear-gradient(45deg, transparent 50%, rgba(46, 68, 94, 0.8) 50%),
    linear-gradient(135deg, rgba(46, 68, 94, 0.8) 50%, transparent 50%);
  background-position:
    calc(100% - 1rem) calc(50% - 0.08rem),
    calc(100% - 0.72rem) calc(50% - 0.08rem);
  background-size: 0.35rem 0.35rem, 0.35rem 0.35rem;
  background-repeat: no-repeat;
  cursor: pointer;
  transition:
    border-color 0.2s ease,
    background-color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease;
}

select:focus,
select:focus-visible,
.employment-page .employment-filters select:focus,
.employment-page .employment-filters select:focus-visible,
.housing-page .employment-filters select:focus,
.housing-page .employment-filters select:focus-visible,
.price-page .price-filters select:focus,
.price-page .price-filters select:focus-visible,
.modal-form select:focus,
.modal-form select:focus-visible,
.admin-form select:focus,
.admin-form select:focus-visible,
.cabinet-form select:focus,
.cabinet-form select:focus-visible,
.language-switcher-select:focus,
.language-switcher-select:focus-visible,
.site-topbar .topbar-mobile-language .language-switcher-select:focus,
.site-topbar .topbar-mobile-language .language-switcher-select:focus-visible,
.admin-filter-row select:focus,
.admin-filter-row select:focus-visible,
.admin-inline-form select:focus,
.admin-inline-form select:focus-visible,
.admin-stacked-form select:focus,
.admin-stacked-form select:focus-visible,
.admin-analytics-filter select:focus,
.admin-analytics-filter select:focus-visible,
.admin-user-role-select:focus,
.admin-user-role-select:focus-visible,
.lawyer-status-select:focus,
.lawyer-status-select:focus-visible {
  outline: none;
  border-color: var(--glass-field-border-focus);
  background-color: var(--glass-field-bg-focus);
  box-shadow: var(--glass-focus-ring), var(--glass-field-shadow-focus);
}

select option,
select optgroup {
  color: var(--ink);
  background: #f3f7fc;
}

select:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}