/* Mobile Compact Styles */

/* Resources Page */
@media (max-width: 991px) {
    .resources-page .row {
        flex-direction: column-reverse;
    }
    
    .resources-page .order-lg-1 {
        order: 1;
    }
    
    .resources-page .order-lg-2 {
        order: 2;
    }
    
    .resources-sidebar {
        position: static !important;
        top: auto !important;
        margin-bottom: 30px;
    }
    
    .page-filter-wrapper {
        background: #f8f9fa;
        padding: 20px;
        border-radius: 8px;
        margin-bottom: 30px;
    }
    
    .resource-filter-form .form-control,
    .resource-filter-form .form-select {
        font-size: 14px;
        padding: 10px 12px;
        height: auto;
    }
    
    .resource-filter-form .btn {
        font-size: 14px;
        padding: 10px 20px;
        width: 100%;
    }
    
    .resource-card__header {
        padding: 14px !important;
    }
    
    .resource-card__title {
        font-size: 15px !important;
    }
    
    .resource-card__meta {
        font-size: 12px !important;
    }
    
    .resource-card__body {
        padding: 14px !important;
    }
    
    .resource-card__content {
        font-size: 13px !important;
        line-height: 1.5 !important;
    }
}

@media (max-width: 767px) {
    .page-filter-wrapper {
        padding: 16px;
        margin-bottom: 20px;
    }
    
    .resource-filter-form .form-group {
        margin-bottom: 12px;
    }
    
    .resource-filter-form .form-control,
    .resource-filter-form .form-select {
        font-size: 13px;
        padding: 8px 10px;
    }
    
    .resource-filter-form .btn {
        font-size: 13px;
        padding: 8px 16px;
    }
    
    .resource-card__header {
        padding: 12px !important;
    }
    
    .resource-card__title {
        font-size: 14px !important;
        margin-bottom: 8px !important;
    }
    
    .resource-card__meta {
        font-size: 11px !important;
    }
    
    .resource-card__body {
        padding: 12px !important;
    }
    
    .resource-card__content {
        font-size: 12px !important;
    }
    
    .sidebar__title {
        font-size: 14px !important;
    }
    
    .sidebar__categories li {
        margin-bottom: 6px !important;
    }
    
    .sidebar__categories a {
        font-size: 13px !important;
    }
}

/* Blog/News Page Compact */
@media (max-width: 991px) {
    .blog-page .row {
        flex-direction: column-reverse;
    }
}

@media (max-width: 767px) {
    .blog-card {
        margin-bottom: 20px;
    }
    
    .blog-card__title {
        font-size: 15px;
    }
    
    .blog-card__content {
        padding: 14px !important;
    }
    
    .sidebar {
        margin-bottom: 30px;
    }
    
    .sidebar__single {
        padding: 14px;
    }
}

/* Events/Table Compact */
@media (max-width: 767px) {
    .table-responsive {
        font-size: 13px;
    }
    
    .table thead th {
        font-size: 12px;
        padding: 8px;
    }
    
    .table tbody td {
        font-size: 12px;
        padding: 8px;
    }
}

/* Contact Page Compact */
@media (max-width: 767px) {
    .contact-one__map {
        margin-bottom: 20px;
    }
    
    .contact-one__info {
        padding: 16px;
    }
}

/* Footer Compact */
@media (max-width: 767px) {
    .footer-widget__title {
        font-size: 14px;
        margin-bottom: 12px;
    }
    
    .footer-widget__links li {
        margin-bottom: 6px;
    }
    
    .footer-widget__links a {
        font-size: 13px;
    }
}

/* Forms Compact */
@media (max-width: 767px) {
    .form-control,
    .form-select {
        font-size: 14px;
        padding: 8px 10px;
        min-height: 36px;
    }
    
    .btn-primary,
    .btn-secondary {
        font-size: 13px;
        padding: 8px 16px;
    }
}

/* General Spacing Compact */
@media (max-width: 767px) {
    .section-space {
        padding: 40px 0;
    }
    
    .gutter-y-60 {
        --bs-gutter-y: 30px;
    }
    
    .gutter-y-30 {
        --bs-gutter-y: 18px;
    }
}