﻿/* dış sarmalayıcı: sadece konumlandırma, görsel yok */
.dt-button-collection {
    padding: 0 !important;
    min-width: 0 !important;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

    /* asıl panel */
    .dt-button-collection .dropdown-menu {
        display: block;
        position: static; /* konumu dış sarmalayıcı veriyor */
        float: none;
        margin: 0;
        padding: .75rem .5rem;
        min-width: 250px;
        background: #fff;
        border: 1px solid #eef0f4;
        border-radius: .85rem;
        box-shadow: 0 .75rem 2rem rgba(20,25,40,.12);
    }

    /* satırlar (a.dropdown-item) */
    .dt-button-collection .dt-button {
        display: flex;
        align-items: center;
        gap: .75rem;
        width: 100%;
        padding: .5rem .9rem;
        background: transparent !important;
        border: 0;
        border-radius: .5rem;
        text-align: left;
        text-decoration: none;
        box-shadow: none;
        color: #3f4254 !important;
        font-size: 1rem;
        font-weight: 500;
    }

        .dt-button-collection .dt-button:hover {
            background: #f6f7fb !important;
        }

        /* onay kutusu */
        .dt-button-collection .dt-button::before {
            content: '';
            flex: 0 0 22px;
            width: 22px;
            height: 22px;
            border: 1.5px solid #d9dce6;
            border-radius: .45rem;
            transition: all .15s ease;
        }

        .dt-button-collection .dt-button.active::before {
            background: #17253A url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8.4l3.4 3.4L13 5.2'/%3E%3C/svg%3E") center / 13px no-repeat;
            border-color: #17253A;
        }

.dt-button-background {
    display: none !important;
}

#OsymTable thead th.sorting:after,
#OsymTable thead th.sorting_asc:after,
#OsymTable thead th.sorting_desc:after,
#OsymTable thead th.sorting:before {
    display: none !important;
}

.rounded-05 {
    border-radius: 1.5rem;
}

.card {
    border: 1px solid #eff2f5;
}

.card-header {
    display: block !important;
    min-height: 1px !important;
}

h4 {
    margin-top: 0.5rem;
}

.bg-botton-card {
    background-color: #00000017 !important;
}

.select2-selection--multiple {
    max-height: 60px !important;
    overflow-y: auto !important;
}

.container {
    padding: 0 !important;
}

:root {
    --tr-scale: 1.15;
}

/* Kart içi tipografi */
#trWizard h3 {
    font-size: calc(1.60rem * var(--tr-scale));
}

#trWizard h4 {
    font-size: calc(1.35rem * var(--tr-scale));
}

#trWizard .fs-7 {
    font-size: calc(0.95rem * var(--tr-scale)) !important;
}

#trWizard .fs-8 {
    font-size: calc(0.85rem * var(--tr-scale)) !important;
}

#trWizard .badge {
    font-size: calc(0.80rem * var(--tr-scale));
    padding: .5em .8em;
}

#trWizard .card-footer .btn {
    font-size: calc(1.00rem * var(--tr-scale));
    padding: .7em 1.4em;
}

/* Sıralama girişleri */
#trWizard #trRank {
    font-size: calc(1.35rem * var(--tr-scale));
}

#trWizard #minRank,
#trWizard #maxRank {
    font-size: calc(0.95rem * var(--tr-scale));
    height: auto;
    padding: .5em .7em;
}

/* select2 – kapalı hâl */
#trWizard .select2-container .select2-selection--multiple {
    min-height: calc(48px * var(--tr-scale));
}

#trWizard .select2-container .select2-selection__choice,
#trWizard .select2-container .select2-search__field,
#trWizard .select2-container .select2-selection__placeholder {
    font-size: calc(1rem * var(--tr-scale));
}

/* select2 – açılan liste (body'ye ekleniyor, #trWizard dışında kalıyor) */
#select2-osymDegreeTypeSelect-results .select2-results__option,
#select2-osymTypeSelect-results .select2-results__option,
#select2-osymCitySelect-results .select2-results__option,
#select2-osymUniTypeSelect-results .select2-results__option,
#select2-osymUniSelect-results .select2-results__option,
#select2-osymEducationTypeSelect-results .select2-results__option {
    font-size: calc(1rem * var(--tr-scale));
    padding: .55em .9em;
}

.bi::before {
    vertical-align: 0em !important;
}
