/* =========================================================
   vabrp.css  |  რესპონსივი (Responsive) სტილები
   -----------------------------------------------------------
   აკავშირებს ყველა გვერდს </head>-მდე (inline სტილების შემდეგ),
   ამიტომ აქ არსებული წესები უპირატესობას იძენს.
   ყველა სხვა სტილი იწერება css/style.css-ში.
   ========================================================= */

/* ---------- საბაზისო ---------- */
img,
video {
    max-width: 100%;
    height: auto;
}

.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.admin-table {
    min-width: 520px;
}

.modal-content {
    max-height: 88vh;
    overflow-y: auto;
}

/* დიდი ეკრანები */
@media (min-width: 1600px) {
    .admin-wrapper {
        max-width: 1400px;
    }
}

/* ---------- პლანშეტი ---------- */
@media (max-width: 1024px) {
    .admin-wrapper {
        margin-top: 24px;
    }
}

/* ---------- ტელეფონი / პატარა პლანშეტი ---------- */
@media (max-width: 768px) {
    /* გვერდების ნავიგაცია */
    .pagination {
        flex-wrap: wrap;
        gap: 6px;
        margin: 18px 0;
    }
    .pagination a,
    .pagination .page-dots {
        min-width: 38px;
        padding: 8px 12px;
    }

    /* ღილაკები თითით დასაჭერად კომფორტული ზომისაა */
    .btn-edit,
    .btn-delete,
    .btn-icon,
    .search-btn {
        min-height: 40px;
        min-width: 40px;
    }

    /* "სრული შეფასება" გვერდი: გვერდითა მენიუ ზემოთ ჰორიზონტალურ ზოლად გადადის */
    body.page-eval {
        display: block;
    }
    body.page-eval .sidebar {
        position: static;
        width: 100%;
        height: auto;
    }
    body.page-eval .sidebar-header {
        padding: 16px 18px;
    }
    body.page-eval .sidebar-menu {
        display: flex;
        overflow-x: auto;
        padding: 0;
        -webkit-overflow-scrolling: touch;
    }
    body.page-eval .sidebar-item {
        white-space: nowrap;
        padding: 12px 16px;
        border-left: 0;
        border-bottom: 3px solid transparent;
    }
    body.page-eval .sidebar-item:hover,
    body.page-eval .sidebar-item.active {
        border-left: 0;
        border-bottom-color: var(--primary-blue);
    }
    body.page-eval .main-content {
        margin-left: 0;
        width: 100%;
    }
    body.page-eval .top-navbar {
        padding: 0 14px;
    }
    body.page-eval .glass-card {
        margin: 12px;
        padding: 16px;
    }
    body.page-eval .btn-save {
        max-width: none;
    }

    /* 403 გვერდი */
    body.error-page {
        padding: 48px 20px;
    }
    body.error-page h1 {
        font-size: 2rem;
    }
    body.error-page p {
        font-size: 1rem;
    }
    body.error-page .logo {
        width: 110px;
    }
}

/* ---------- პატარა ტელეფონები ---------- */
@media (max-width: 480px) {
    .auth-card {
        padding: 24px 16px;
    }
    .auth-form .form-row {
        grid-template-columns: 1fr;
        flex-direction: column;
    }
    .settings-card {
        padding: 28px 18px;
    }
    .modal-content {
        width: 94%;
        padding: 20px;
    }
}

/* ---------- დაბეჭდვა ---------- */
@media print {
    .sidebar,
    .top-navbar,
    .navbar,
    .pagination,
    .action-btns,
    .btn-edit,
    .btn-delete {
        display: none !important;
    }
    .main-content {
        margin-left: 0 !important;
        width: 100% !important;
    }
}