/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/

/* Sayfa yüksekliğini içeriğe göre ayarla, gereksiz beyaz boşluk olmasın */
body,
body > div,
body > div > div,
body > article,
body > article > div {
    min-height: auto !important;
    height: auto !important;
}

/* Navbar (fixed-top) için body padding-top'u azalt — JS fixBodyPadding() tarafından inline set edilir, !important ile override */
body {
    padding-top: 20px !important;
}

/* Progress bar ile içerik arasındaki dikey boşluğu azalt */
.top-container {
    margin-bottom: 0 !important;
}
.space-col {
    margin-top: 0 !important;
}
#main-col {
    margin-top: 0 !important;
}
.group-title-container {
    padding-top: 0.25em !important;
}
.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 0 !important;
}
#outerframeContainer {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
.col-centered {
    padding-top: 0 !important;
}

/* Kiosk Güvenliği: Metin seçimi ve uzun basma menülerini engelle */
body {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Safari */
    user-select: none;           /* Standart */
}

/* Sadece input ve textarea alanlarında metin seçimine izin ver */
input, textarea {
    -webkit-user-select: auto !important;
    user-select: auto !important;
}

/* Uyruk (Dropdown) alanını diğer input alanları gibi hizala: etiket solda, dropdown sağda */

/* 1. ANA İSKELET: CSS Grid ile Hizalama */
@media (min-width: 768px) {
    .list-dropdown {
        display: grid !important;
        grid-template-columns: 33.3333% 66.6667% !important;
        align-items: center !important;
    }

    /* Uyruk Başlığı */
    .list-dropdown > .question-title-container {
        grid-column: 1 !important;
        width: 100% !important;
        margin-bottom: 0 !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        padding-top: 5px !important;
    }

    /* Yanıt Çerçevesi: 2. Sütun */
    .list-dropdown > .answer-container {
        grid-column: 2 !important;
        width: 100% !important;
        padding-left: 10px !important;
        padding-right: 15px !important;
    }

    .list-dropdown > .question-help-container,
    .list-dropdown > .question-valid-container {
        display: none !important;
    }
}

/* 2. İÇ ÇERÇEVE: Kutuyu daraltan iç boşlukları temizler */
.list-dropdown .answer-container > .row,
.list-dropdown .answer-container div[class*="col-"],
.list-dropdown .answer-item {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 3. AÇILIR KUTUNUN GENİŞLİĞİ */
.list-dropdown .bootstrap-select,
.list-dropdown select {
    width: 100% !important;
    max-width: 100% !important;
}

/* 4. AŞAĞI AÇILAN LİSTENİN GENİŞLİĞİ */
.list-dropdown .bootstrap-select .dropdown-menu {
    min-width: 100% !important;
    width: 100% !important;
}

/* 5. Dropdown buton stili */
.list-dropdown .bootstrap-select .btn.dropdown-toggle {
    width: 100% !important;
    border: 1px solid #ced4da !important;
    border-radius: 0.375rem !important;
    padding: 0.375rem 0.75rem !important;
    font-size: 1rem !important;
    background-color: #fff !important;
    color: #212529 !important;
    text-align: left !important;
    height: auto !important;
    min-height: calc(1.5em + 0.75rem + 2px) !important;
}
.list-dropdown .bootstrap-select .btn.dropdown-toggle:focus {
    border-color: var(--bs-primary, #14AE5C) !important;
    box-shadow: 0 0 0 0.2rem rgba(20, 174, 92, 0.25) !important;
}