/* Select2 ("Cours souhaité", page Clubs/cours_en_ligne) — rendu aligné sur la
   charte graphique du site (tokens --sd-* de v2-base.css, repris en dur ici
   car Select2 est chargé seulement sur cette page). Validé via artifact
   mockup avant implémentation (fermé / ouvert / RTL). */

.select2-container--default .select2-selection--single {
    height: 48px;
    border: none;
    border-radius: 14px;
    background: #EFF7F9;
    display: flex;
    align-items: center;
    padding: 0 38px 0 16px;
    transition: box-shadow .15s ease;
}

.select2-container--default[dir="rtl"] .select2-selection--single {
    padding: 0 16px 0 38px;
}

.select2-container--default.select2-container--open .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--single {
    box-shadow: 0 0 0 3px rgba(85, 208, 222, .35);
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0;
    line-height: normal;
    font-family: "Rubik", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    font-size: 14.5px;
    color: #56666F;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #68757A;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
    width: 14px;
    top: 0;
    right: 16px;
    background: none;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    right: auto;
    left: 16px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: none;
    width: 14px;
    height: 9px;
    margin: 0;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%2368757A' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%23137E90' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* ===== Panneau déroulant ===== */
.select2-container--default .select2-dropdown {
    border: 1px solid #D3E8EB;
    border-radius: 14px;
    box-shadow: 0 8px 24px -6px rgba(19, 126, 144, .18);
    overflow: hidden;
    font-family: "Rubik", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

.select2-container--default .select2-dropdown--below {
    margin-top: 8px;
}

.select2-container--default .select2-dropdown--above {
    margin-top: -8px;
}

.select2-container--default .select2-search--dropdown {
    padding: 10px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: none;
    border-radius: 10px;
    background: #EFF7F9;
    padding: 10px 12px;
    font-family: inherit;
    font-size: 13.5px;
    color: #56666F;
    outline: none;
}

.select2-container--default .select2-results__options {
    max-height: 280px;
    overflow-y: auto;
}

.select2-container--default .select2-results__option {
    padding: 9px 16px;
    font-size: 14px;
    color: #56666F;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #55D0DE;
    color: #fff;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
    background: #fff;
    color: #137E90;
    font-weight: 700;
    position: relative;
    padding-right: 36px;
}

.select2-container--default[dir="rtl"] .select2-results__option[aria-selected="true"] {
    padding-right: 16px;
    padding-left: 36px;
}

.select2-container--default .select2-results__option[aria-selected="true"]::after {
    content: "✓";
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: #137E90;
}

.select2-container--default[dir="rtl"] .select2-results__option[aria-selected="true"]::after {
    right: auto;
    left: 16px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected="true"] {
    background: #55D0DE;
    color: #fff;
}

.select2-container--default .select2-results__option--highlighted[aria-selected="true"]::after {
    color: #fff;
}