/* Hop chon co tim kiem (js/ctmt-chon.js): nut thay select goc (giu kieu form-select cua trang), khung tim + danh sach */
.ct-chon { position: relative; display: inline-block; vertical-align: middle; max-width: 100%; }
.ct-chon--khoi { display: block; }
.ct-chon[hidden] { display: none !important; }
.ct-chon__goc { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important;
    clip: rect(0 0 0 0) !important; white-space: nowrap !important; border: 0 !important; opacity: 0 !important; pointer-events: none !important; }
.ct-chon__nut { display: block; width: 100%; text-align: left; cursor: pointer; }
.ct-chon__nut:disabled { background-color: var(--bs-secondary-bg, #e9ecef); cursor: not-allowed; }
.ct-chon__chu { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ct-chon.is-mo .ct-chon__nut { border-color: #9F1C1F; box-shadow: 0 0 0 .2rem rgba(159, 28, 31, .15); }
.ct-chon__khung { position: fixed; z-index: 2000; display: flex; flex-direction: column; padding: 8px; border: 1px solid #DDE3E8; border-radius: 10px;
    background: #fff; box-shadow: 0 10px 30px rgba(20, 35, 50, .18); color: #1F2A33; text-align: left; font-size: 14px; }
.ct-chon__khung[hidden] { display: none; }
.ct-chon__tim { flex: none; margin-bottom: 6px; }
.ct-chon__ds { flex: 1 1 auto; min-height: 0; margin: 0; padding: 0; list-style: none; overflow-y: auto; overscroll-behavior: contain; }
.ct-chon__ds li[data-i] { padding: 7px 10px; border-radius: 6px; cursor: pointer; line-height: 1.35; }
.ct-chon__ds li.is-tro { background: #F3F6F8; }
.ct-chon__ds li.is-chon { font-weight: 700; color: #9F1C1F; }
.ct-chon__ds li.is-khoa { color: #9AA6B1; cursor: not-allowed; }
.ct-chon__nhom { padding: 8px 10px 2px; font-size: 12px; font-weight: 700; text-transform: uppercase; color: #6B7A86; }
.ct-chon__rong { padding: 10px; color: #6B7A86; font-size: 13.5px; }
@media (max-width: 991.98px) {
    /* Bo loc trong bottom sheet (#shLocThan select o ctmt-mobile.css): nut cung kieu */
    #shLocThan .ct-chon__nut { width: 100% !important; max-width: none !important; min-height: 46px; height: auto; font-size: 16px; font-weight: 600;
        border: 1px solid #C9D2DB; border-radius: 10px; background-color: #fff; color: var(--ct-ink, #1F2A33); padding: 0 2.25rem 0 .75rem;
        background-image: var(--bs-form-select-bg-img); background-repeat: no-repeat; background-position: right .75rem center; background-size: 16px 12px; }
    .ct-chon__ds li[data-i] { padding: 11px 12px; font-size: 15px; }
    .ct-chon__tim { font-size: 16px !important; min-height: 42px; }
    .ct-chon__khung { border-radius: 14px; padding: 10px; }
    /* Nen mo phia sau khung khi mo tren dien thoai */
    .ct-chon.is-mo::before { content: ""; position: fixed; inset: -100vh -100vw; z-index: 1999; background: rgba(15, 25, 35, .35); }
}