/**
 * Quantum Electro - Global Mobile & Custom Styles
 * This file handles responsiveness across the entire site.
 */

/* 1. Global Mobile Fixes (All Pages) */
@media (max-width: 768px) {
    h1.display-2, h1.display-3 { font-size: 2.2rem !important; }
    h1.display-4 { font-size: 1.8rem !important; }
    .masthead { padding-top: 8rem !important; padding-bottom: 8rem !important; }
    
    /* Grid Adjustments */
    .row.g-4 { --bs-gutter-y: 1.5rem; }
    
    /* Footer centering */
    footer .text-lg-start, footer .text-lg-end { text-align: center !important; }
    footer .list-inline { margin-top: 15px; }
}

/* 2. Catalog & Product Card Fixes */
@media (max-width: 576px) {
    .product-card { margin-bottom: 10px; }
    .card-img-wrapper { height: 180px !important; }
    .card-title { font-size: 0.9rem !important; min-height: auto !important; }
}

/* 3. Admin Sidebar Responsiveness (Used in admin pages) */
@media (max-width: 992px) {
    /* If an admin page uses the .sidebar class */
    .admin-layout-wrapper { flex-direction: column; }
    
    .sidebar { 
        position: relative !important; 
        width: 100% !important; 
        min-height: auto !important; 
        height: auto !important;
        padding: 15px !important;
    }
    
    main { 
        margin-left: 0 !important; 
        padding: 15px !important; 
    }
    
    .sidebar .nav {
        flex-direction: row !important;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .sidebar .nav-item { border: none !important; }
    .sidebar .nav-link { 
        padding: 8px 12px !important; 
        border-bottom: none !important; 
        font-size: 0.75rem; 
    }
}

/* 4. Utilities */
.fw-900 { font-weight: 900; }
.letter-spacing-1 { letter-spacing: 1px; }