/* =========================================================
   SELINA – SELECT2 FIX (ThemeREX SAFE)
   ========================================================= */

/* Grundcontainer */
.select2-container {
    width: 100% !important;
}

/* MULTI SELECT – Hauptfeld */
.select2-container--default .select2-selection--multiple {
    min-height: 44px;
    padding: 0 8px;                 /* ⬅️ vertikal über Flex */

    border: 1px solid #d1d5db !important;
    border-radius: 8px !important;

    background: #ffffff !important;

    box-shadow: none !important;
    outline: none !important;

    display: flex !important;       /* ⬅️ WICHTIG */
    align-items: center !important; /* ⬅️ vertikale Zentrierung */
}

/* ThemeREX Linien KILLEN */
.select2-container--default .select2-selection--multiple:before,
.select2-container--default .select2-selection--multiple:after {
    display: none !important;
}

/* Fokus-Zustand */
.select2-container--default.select2-container--focus
.select2-selection--multiple {
    border-color: #9ca3af !important;
    box-shadow: none !important;
}

/* =========================================================
   Auswahlbereich (Tags + Input)
   ========================================================= */
.select2-selection__rendered {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important; /* ⬅️ DAS war der fehlende Punkt */
    gap: 6px;

    padding: 0 !important;
    margin: 0 !important;
}

/* =========================================================
   TAGS / CHIPS
   ========================================================= */
.select2-selection__choice {
    background: #1f2933 !important;
    color: #ffffff !important;

    border: none !important;
    border-radius: 6px !important;

    height: 24px !important;
    padding: 0 10px !important;
    margin: 0 !important;

    font-size: 13px;
    line-height: 24px !important;

    display: inline-flex !important;
    align-items: center !important;
}

/* X Button */
.select2-selection__choice__remove {
    display: inline-flex;
    align-items: center;
    height: 100%;

    color: #ffffff !important;
    margin-right: 6px;
    font-weight: 500;
}

.select2-selection__choice__remove:hover {
    color: #e5e7eb !important;
}

/* =========================================================
   Inline Search / Platzhalter
   ========================================================= */
.select2-search--inline {
    display: flex !important;
    align-items: center !important;
}

.select2-search--inline .select2-search__field {
    margin: 0 !important;
    padding: 0 4px !important;

    height: 24px;
    line-height: 24px;

    font-size: 14px;
    color: #111827;

    outline: none !important;
    border: none !important;
    box-shadow: none !important;
}

/* =========================================================
   Dropdown
   ========================================================= */
.select2-dropdown {
    border: 1px solid #d1d5db !important;
    border-radius: 8px !important;
    box-shadow: 0 6px 18px rgba(0,0,0,0.08);
}

/* Optionen */
.select2-results__option {
    padding: 8px 12px;
}

/* Hover */
.select2-results__option--highlighted {
    background: #f3f4f6 !important;
    color: #111827 !important;
}