/* ==========================================================================
   TEKNO SÖRF BİLİŞİM - RESPONSIVE CSS (MOBİL ÖZEL)
   Dosya Yolu: ~/adosya/css/responsive.css
   Amaç: Mobilde UX/UI iyileştirme, masaüstünü bozmadan
   ========================================================================== */

@media (max-width: 576px) {

       
    /* === FONT & BOYUT GENEL AZALTMA === */
        body, input, select, textarea, .btn, .form-control, .form-select {
                font-size: 14px !important;
                line-height: 1.4 !important;
           
    }

        h1 {
                font-size: 1.4rem !important;
           
    }

        h2 {
                font-size: 1.3rem !important;
           
    }

        h3 {
                font-size: 1.1rem !important;
           
    }

        h4, h5, h6 {
                font-size: 1rem !important;
           
    }

       
    /* === BUTONLAR === */
        .btn {
                padding: 8px 16px !important;
                font-size: 13px !important;
                border-radius: 8px !important;
           
    }

       
    /* === PRELOADER İKON BOYUTU === */
        .ts-surf-icon {
                height: 32px !important;
                bottom: 5px !important;
           
    }

        .ts-surf-track {
                width: 220px !important;
                height: 80px !important;
           
    }

        .ts-loader-text {
                font-size: 12px !important;
                letter-spacing: 2px !important;
           
    }

       
    /* === CARD PADDING ve MARGIN AZALT === */
        .card-body {
                padding: 1rem !important;
           
    }

        .card-header, .card-footer {
                padding: 0.8rem 1rem !important;
           
    }

        .card {
                margin-bottom: 15px !important;
           
    }

       
    /* === FORMLAR === */
        .form-control, .form-select {
                padding: 10px 12px !important;
           
    }

        label, .form-label {
                font-size: 0.85rem !important;
           
    }

       
    /* === TABLOLAR === */
        .table thead {
                display: none;
           
    }

        .table tbody td {
                display: block;
                width: 100%;
                padding: 10px 12px !important;
                text-align: right !important;
                position: relative;
           
    }

            .table tbody td::before {
                    content: attr(data-label);
                    position: absolute;
                    left: 12px;
                    width: 50%;
                    text-align: left;
                    font-weight: 600;
                    color: var(--ts-text-muted);
               
    }

        .table {
                border: none !important;
           
    }

       
    /* === DROPDOWN MENÜ & MODAL === */
        .dropdown-menu {
                font-size: 13px !important;
           
    }

        .modal-content {
                padding: 5px !important;
           
    }

       
    /* === OFFLINE OVERLAY KUTUSU === */
        .ts-offline-box {
                padding: 15px !important;
                font-size: 13px !important;
           
    }

       
    /* === FOOTER === */
        footer {
                font-size: 12px !important;
           
    }

       
    /* === SIDEBAR BOŞLUKLARI === */
        .ts-nav-link {
                padding: 8px 10px !important;
                font-size: 13px !important;
           
    }

        .ts-sidebar-heading {
                font-size: 0.65rem !important;
                margin: 15px 10px 5px !important;
           
    }

       
    /* === DATA TABLES === */
        .dataTables_wrapper {
                font-size: 13px !important;
           
    }

        .dataTables_length select, .dataTables_filter input {
                font-size: 13px !important;
           
    }

       
    /* === HEADER - RESPONSIVE GÖRÜNÜM === */
        .ts-admin-header {
                padding: 10px !important;
           
    }

       
    /* === FORM KONTROL BLOKLARI ALT ALTA === */
        .form-group, .mb-3, .form-check {
                margin-bottom: 0.75rem !important;
           
    }

       
    /* === CKEditor Alanı için Yüksekliği Ayarla === */
        .cke_contents {
                min-height: 150px !important;
           
    }

       
    /* === İCONS === */
        .bi {
                font-size: 1.1rem !important;
           
    }
}