/**
 * Shared search bar typography — home, search-outlets, customer-home, legacy home.
 */
:root {
    --search-bar-font-family: 'Inter', sans-serif;
    --search-bar-font-size: 0.9rem;
    --search-bar-font-weight: 500;
    --search-bar-line-height: 1.4;
    --search-bar-btn-font-size: 0.9rem;
    --search-bar-btn-font-weight: 700;
}

.search-container,
.search-bar,
.outlet-search-panel .search-container {
    font-family: var(--search-bar-font-family);
}

.search-container .search-bar-box,
.search-bar,
.outlet-search-panel .search-bar-box {
    font-family: var(--search-bar-font-family);
}

.search-container .search-field input,
.search-container .search-field select,
.search-bar .search-field input,
.search-bar .search-field select,
.outlet-search-panel .search-field input,
.outlet-search-panel .search-field select {
    font-family: var(--search-bar-font-family) !important;
    font-size: var(--search-bar-font-size) !important;
    font-weight: var(--search-bar-font-weight) !important;
    line-height: var(--search-bar-line-height);
    letter-spacing: 0;
}

.search-container .search-field input::placeholder,
.search-bar .search-field input::placeholder,
.outlet-search-panel .search-field input::placeholder {
    font-family: var(--search-bar-font-family) !important;
    font-size: var(--search-bar-font-size) !important;
    font-weight: var(--search-bar-font-weight) !important;
}

.search-container .search-field select option,
.search-bar .search-field select option,
.outlet-search-panel .search-field select option,
[data-theme="dark"] .search-container .search-field select option,
[data-theme="dark"] .search-bar .search-field select option,
[data-theme="dark"] .outlet-search-panel .search-field select option {
    font-family: var(--search-bar-font-family) !important;
    font-size: var(--search-bar-font-size) !important;
    font-weight: var(--search-bar-font-weight) !important;
}

.search-container .btn-search,
.search-bar .btn-search,
.outlet-search-panel .btn-search {
    font-family: var(--search-bar-font-family) !important;
    font-size: var(--search-bar-btn-font-size) !important;
    font-weight: var(--search-bar-btn-font-weight) !important;
}