﻿/* ==============================
   avdb THEME – BASE
================================ */
.select2-container--avdb {
    width: 100% !important;
    font: var(--link-teksten);
}

    /* ==============================
   SINGLE SELECT
================================ */
    .select2-container--avdb .select2-selection--single {
        height: 44px;
        padding: 6px 14px;
        border: 1px solid var(--blauw);
        
        border-radius: 8px;
        background-color: #ffffff;
        display: flex;
        align-items: center;
        transition: all .15s ease;
    }

    /* Rendered text */
    .select2-container--avdb .select2-selection__rendered {
        color: var(--blauw);
        padding-left: 0;
        line-height: normal;
    }

    /* Placeholder */
    .select2-container--avdb .select2-selection__placeholder {
        color: var(--blauw);
    }

    /* Arrow */
    .select2-container--avdb .select2-selection__arrow {
        height: 100%;
        right: 12px;
    }

        .select2-container--avdb .select2-selection__arrow b {
            border-color: var(--blauw) transparent transparent transparent;
            border-width: 6px 5px 0 5px;
        }

    /* Hover */
    .select2-container--avdb .select2-selection--single:hover {
        border-color: var(--blauw);
    }

    /* Focus / Open */
    .select2-container--avdb.select2-container--focus .select2-selection--single,
    .select2-container--avdb.select2-container--open .select2-selection--single {
        border-color: var(--blauw);
        box-shadow: 0 0 0 3px rgba(37,99,235,.15);
    }

    /* Clear button */
    .select2-container--avdb .select2-selection__clear {
        color: #9ca3af;
        margin-right: 10px;
        font-size: 16px;
    }

        .select2-container--avdb .select2-selection__clear:hover {
            color: #ef4444;
        }

    /* ==============================
   MULTIPLE SELECT
================================ */
    .select2-container--avdb .select2-selection--multiple {
        min-height: 44px;
        border: 1px solid var(--blauw);
        border-radius: 8px;
        padding: 6px 10px;
        background: #fff;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 6px;
    }

    /* Selected tags */
    .select2-container--avdb .select2-selection__choice {
        background: #2563eb;
        border: none;
        border-radius: 999px;
        color: #fff;
        padding: 4px 10px;
        font-size: 12px;
        display: flex;
        align-items: center;
    }

    /* Remove tag */
    .select2-container--avdb .select2-selection__choice__remove {
        color: rgba(255,255,255,.8);
        margin-right: 6px;
        cursor: pointer;
    }

        .select2-container--avdb .select2-selection__choice__remove:hover {
            color: #fff;
        }

    /* ==============================
   DROPDOWN
================================ */
    .select2-container--avdb .select2-dropdown {
        border-radius: 10px;
        border: 1px solid #cfd4dc;
        box-shadow: 0 12px 30px rgba(0,0,0,.12);
        margin-top: 6px;
        overflow: hidden;
    }

    /* Search input */
    .select2-container--avdb .select2-search__field {
        padding: 10px 12px;
        border-radius: 6px;
        border: 1px solid #cfd4dc;
        margin: 8px;
        width: calc(100% - 16px);
    }

    /* ==============================
   OPTIONS
================================ */
    .select2-container--avdb .select2-results__option {
        padding: 10px 14px;
        font-size: 14px;
        transition: background .1s ease;
    }

    /* Hover option */
    .select2-container--avdb .select2-results__option--highlighted {
        background: #2563eb;
        color: #fff;
    }

    /* Selected option */
    .select2-container--avdb .select2-results__option[aria-selected="true"] {
        background: #e5e7eb;
        color: #111827;
    }

    /* Disabled */
    .select2-container--avdb .select2-results__option[aria-disabled="true"] {
        color: #9ca3af;
    }
