/* Мобилни устройства */
@media (max-width: 767.98px) {
    .navbar-brand {
        font-size: 1.2rem;
    }
    
    .navbar-nav .nav-link {
        padding: 0.5rem 1rem;
    }
    
    .card {
        margin-bottom: 1rem;
    }
    
    .table-responsive {
        font-size: 0.9rem;
    }
    
    .btn-group-vertical {
        width: 100%;
    }
    
    .btn-group-vertical .btn {
        margin-bottom: 0.5rem;
    }
    
    /* Главна страница - блокове */
    #main-content .row > [class*="col-"] {
        margin-bottom: 1rem;
    }
    
    /* Форум */
    .forum-post {
        margin-bottom: 1rem;
    }
    
    .forum-post-header {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .forum-post-actions {
        margin-top: 0.5rem;
        width: 100%;
    }
    
    /* Торент страница */
    .torrent-info {
        flex-direction: column;
    }
    
    .torrent-sidebar {
        margin-top: 1rem;
    }
    
    /* Шутбокс */
    #shoutboxMessages {
        max-height: 200px;
    }
    
    /* Модални прозорци */
    .modal-dialog {
        margin: 0.5rem;
    }
    
    .modal-content {
        border-radius: 0.5rem;
    }
}

/* Таблети */
@media (min-width: 768px) and (max-width: 991.98px) {
    .navbar-brand {
        font-size: 1.3rem;
    }
    
    .card {
        margin-bottom: 1.5rem;
    }
    
    /* Главна страница - блокове */
    #main-content .row > [class*="col-"] {
        margin-bottom: 1.5rem;
    }
}

/* Кастъм стилове за мобилни */
.mobile-menu-toggle {
    display: none;
}

@media (max-width: 767.98px) {
    .mobile-menu-toggle {
        display: block;
    }
    
    .desktop-menu {
        display: none;
    }
}

/* Touch targets */
.touch-target {
    min-height: 44px;
    min-width: 44px;
}

/* Swipe gestures for mobile */
.swipe-container {
    touch-action: pan-x;
}

/* Improved readability on mobile */
body {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

/* Mobile-friendly forms */
.form-control {
    font-size: 1rem;
    padding: 0.75rem;
}

/* Mobile-friendly buttons */
.btn {
    font-size: 1rem;
    padding: 0.75rem 1rem;
}

/* Mobile-friendly tables */
.table {
    font-size: 0.9rem;
}

/* Mobile-friendly modals */
.modal-content {
    margin: 0.5rem;
}

/* Mobile-friendly navigation */
.navbar-nav .nav-link {
    padding: 0.75rem 1rem;
}

/* Mobile-friendly cards */
.card {
    margin-bottom: 1rem;
    border-radius: 0.5rem;
}

.card-header {
    font-size: 1.1rem;
    padding: 1rem;
}

.card-body {
    padding: 1rem;
}

/* Mobile-friendly lists */
.list-group-item {
    padding: 1rem;
    font-size: 0.95rem;
}

/* Mobile-friendly alerts */
.alert {
    padding: 1rem;
    font-size: 0.95rem;
}

/* Mobile-friendly breadcrumbs */
.breadcrumb {
    font-size: 0.9rem;
    padding: 0.5rem 1rem;
}

/* Mobile-friendly pagination */
.pagination .page-link {
    padding: 0.5rem 0.75rem;
    font-size: 0.9rem;
}

/* Mobile-friendly dropdowns */
.dropdown-menu {
    font-size: 0.95rem;
}

/* Mobile-friendly tooltips */
.tooltip-inner {
    font-size: 0.85rem;
    padding: 0.5rem;
}

/* Mobile-friendly popovers */
.popover {
    font-size: 0.9rem;
}

.popover-header {
    font-size: 0.95rem;
    padding: 0.75rem;
}

.popover-body {
    padding: 0.75rem;
}

/* Mobile-friendly modals */
.modal-title {
    font-size: 1.25rem;
}

.modal-body {
    font-size: 0.95rem;
}

/* Mobile-friendly forms */
.form-label {
    font-size: 0.95rem;
    margin-bottom: 0.5rem;
}

.form-text {
    font-size: 0.85rem;
}

/* Mobile-friendly buttons in groups */
.btn-group .btn {
    font-size: 0.9rem;
    padding: 0.5rem 0.75rem;
}

/* Mobile-friendly input groups */
.input-group-text {
    font-size: 0.9rem;
    padding: 0.5rem 0.75rem;
}

/* Mobile-friendly custom controls */
.custom-control-label {
    font-size: 0.95rem;
}

/* Mobile-friendly navs */
.nav-link {
    padding: 0.75rem 1rem;
    font-size: 0.95rem;
}

/* Mobile-friendly breadcrumbs */
.breadcrumb-item {
    font-size: 0.9rem;
}

/* Mobile-friendly pagination */
.page-link {
    padding: 0.5rem 0.75rem;
    font-size: 0.9rem;
}

/* Mobile-friendly badges */
.badge {
    font-size: 0.75rem;
    padding: 0.5rem 0.75rem;
}

/* Mobile-friendly progress bars */
.progress {
    height: 1rem;
}

/* Mobile-friendly spinners */
.spinner-border {
    width: 1.5rem;
    height: 1.5rem;
}

.spinner-grow {
    width: 1.5rem;
    height: 1.5rem;
}

/* Mobile-friendly close buttons */
.btn-close {
    width: 1rem;
    height: 1rem;
    padding: 0.25rem;
}

/* Mobile-friendly offcanvas */
.offcanvas {
    width: 90%;
    max-width: 300px;
}

.offcanvas-header {
    padding: 1rem;
}

.offcanvas-body {
    padding: 1rem;
}

/* Mobile-friendly navbar */
.navbar {
    padding: 0.5rem 1rem;
}

.navbar-brand {
    margin-right: 1rem;
}

.navbar-nav .nav-link {
    padding: 0.5rem 1rem;
}

/* Mobile-friendly dropdowns */
.dropdown-menu {
    min-width: 10rem;
    font-size: 0.9rem;
}

/* Mobile-friendly modals */
.modal-dialog {
    margin: 0.5rem;
    max-width: 90%;
}

.modal-content {
    border-radius: 0.5rem;
}

.modal-header {
    padding: 1rem;
}

.modal-body {
    padding: 1rem;
}

.modal-footer {
    padding: 1rem;
}

/* Mobile-friendly cards */
.card {
    margin-bottom: 1rem;
    border-radius: 0.5rem;
}

.card-header {
    padding: 1rem;
    font-size: 1.1rem;
}

.card-body {
    padding: 1rem;
}

.card-footer {
    padding: 1rem;
}

/* Mobile-friendly tables */
.table {
    font-size: 0.9rem;
}

.table th,
.table td {
    padding: 0.75rem;
}

/* Mobile-friendly forms */
.form-control {
    font-size: 1rem;
    padding: 0.75rem;
}

.form-label {
    font-size: 0.95rem;
    margin-bottom: 0.5rem;
}

.form-text {
    font-size: 0.85rem;
}

/* Mobile-friendly buttons */
.btn {
    font-size: 1rem;
    padding: 0.75rem 1rem;
}

.btn-sm {
    font-size: 0.875rem;
    padding: 0.5rem 0.75rem;
}

.btn-lg {
    font-size: 1.25rem;
    padding: 1rem 1.5rem;
}

/* Mobile-friendly alerts */
.alert {
    padding: 1rem;
    font-size: 0.95rem;
}

/* Mobile-friendly badges */
.badge {
    font-size: 0.75rem;
    padding: 0.5rem 0.75rem;
}

/* Mobile-friendly progress bars */
.progress {
    height: 1rem;
}

/* Mobile-friendly spinners */
.spinner-border {
    width: 1.5rem;
    height: 1.5rem;
}

.spinner-grow {
    width: 1.5rem;
    height: 1.5rem;
}

/* Mobile-friendly close buttons */
.btn-close {
    width: 1rem;
    height: 1rem;
    padding: 0.25rem;
}

/* Mobile-friendly tooltips */
.tooltip-inner {
    font-size: 0.85rem;
    padding: 0.5rem;
}

/* Mobile-friendly popovers */
.popover {
    font-size: 0.9rem;
}

.popover-header {
    font-size: 0.95rem;
    padding: 0.75rem;
}

.popover-body {
    padding: 0.75rem;
}