/* 1. Apply Font Family to the container and dropdown results */
.select2-container,
.select2-results__option {
    font-family: futura-pt, Arial, Helvetica, sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 10.8px !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    -webkit-font-smoothing: antialiased !important;
}

/* 2. Text Color - The main input area text and placeholder */
.select2-container--default .select2-selection--multiple,
.select2-search__field {
    color: #aaa69f !important;
}

.select2-search__field {
    top: 0.3rem;
    position: relative;
    left: 0.5rem;
}

.select2-selection__choice__remove {
    height: 100%;
}

.select2-selection__choice__display {
        line-height: 2rem;
}

.select2-selection__choice {
    position: relative;
    top: 0.5rem;
    bottom: 0.5rem;
}

.select2-search--inline {
    position: relative;
    bottom: 0.3rem;
}

.select2-selection__choice {
    background-color: #f5f5f5;
    margin-top: 1.5rem;
}

/* Placeholder specific styling */
.select2-search__field::placeholder {
    color: #aaa69f;
    opacity: 1; /* Override browser defaults */
}

/* 3. Text Color - Dropdown Options */
.select2-results__option {
    color: #aaa69f;
}

/* 4. Text Color - Selected Items (Tags) */
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    color: #aaa69f;
    border-color: #aaa69f; /* Optional: match border to text */
}

/* 5. Text Color - The "x" to remove a selection */
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #aaa69f;
}

/* Optional: Change the focus border color to match if desired */
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #aaa69f;
}