/* =====================================================
   GHIJAMANIA - Additional Responsive Styles
   ===================================================== */

/* Account page responsive */
@media (max-width: 768px) {
    .account-layout {
        grid-template-columns: 1fr !important;
    }
    .shop-products .products-grid {
        grid-template-columns: 1fr !important;
    }
    .product-detail-tabs .tab-headers {
        overflow-x: auto;
        white-space: nowrap;
    }
    .product-detail-tabs .tab-header {
        flex-shrink: 0;
    }
    .cart-item {
        grid-template-columns: 60px 1fr !important;
        gap: 12px !important;
    }
    .cart-item-qty,
    .cart-item-total {
        grid-column: 1 / -1 !important;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .cart-item-remove {
        position: absolute;
        top: 16px;
        right: 16px;
    }
    .checkout-form .form-row,
    .checkout-form .form-row-3 {
        grid-template-columns: 1fr !important;
    }
}

/* Blog responsive */
@media (max-width: 768px) {
    .blog-grid {
        grid-template-columns: 1fr !important;
    }
}

/* Admin responsive extras */
@media (max-width: 768px) {
    .admin-body {
        padding: 16px;
    }
    .panel-header {
        flex-direction: column;
        gap: 12px;
        align-items: flex-start;
    }
    .table {
        display: block;
        overflow-x: auto;
    }
}

/* Print styles */
@media print {
    .header, .footer, .announcement-bar, .nav, .hero-arrow, .hero-dots,
    .product-actions, .product-add-cart, .newsletter, .btn {
        display: none !important;
    }
    body { background: white; color: black; }
}

/* Loading state */
.loading {
    opacity: 0.6;
    pointer-events: none;
}

/* Image lazy load fade-in */
img.lazyload {
    opacity: 0;
    transition: opacity 0.3s;
}
img.lazyload.loaded {
    opacity: 1;
}

/* Glass effect */
.glass {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.15);
}

/* Smooth scrollbar */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: var(--cream-dark); }
::-webkit-scrollbar-thumb { background: var(--brown-400); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: var(--brown-600); }

/* Selection */
::selection { background: var(--gold); color: var(--brown-900); }