/* Responsive Styles for SriMyna Foods */

/* Extra small devices (phones, less than 576px) */
@media (max-width: 575.98px) {
    /* Global Responsive Adjustments */
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    /* Header Responsive */
    .navbar-brand img {
        max-width: 120px;
    }
    
    .navbar-nav .nav-link {
        padding: 0.7rem 0;
    }
    
    /* Hero Section Responsive */
    .hero-section {
        padding: 3rem 0;
        text-align: center;
    }
    
    .hero-title {
        font-size: 2rem;
    }
    
    .hero-image {
        margin-top: 2rem;
    }
    
    /* Product Cards Responsive */
    .product-card {
        margin-bottom: 1.5rem;
    }
    
    .product-image {
        height: 180px;
    }
    
    /* Cart Page Responsive */
    .cart-items th, .cart-items td {
        padding: 0.5rem;
    }

    .quantity-selector .input-group {
        width: 100px;
    }
    
    .cart-actions {
        flex-direction: column;
        gap: 10px;
    }
    
    .cart-actions a, .cart-actions button {
        width: 100%;
    }
    
    /* Checkout Page Responsive */
    .new-shipping-address, .new-billing-address {
        margin-top: 1.5rem;
    }
    
    /* Account Page Responsive */
    .account-sidebar {
        margin-bottom: 1.5rem;
    }
    
    /* Footer Responsive */
    .footer-logo {
        margin-bottom: 1.5rem;
    }
    
    .footer h5 {
        margin-top: 1.5rem;
    }
    
    /* WhatsApp and Call Buttons Responsive */
    .whatsapp-btn span, .call-btn span {
        display: none;
    }
    
    .whatsapp-btn, .call-btn {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        justify-content: center;
    }
    
    .whatsapp-btn i, .call-btn i {
        margin-right: 0;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
    /* Header Responsive */
    .navbar-brand img {
        max-width: 140px;
    }
    
    /* Hero Section Responsive */
    .hero-section {
        text-align: center;
    }
    
    .hero-image {
        margin-top: 2rem;
    }
    
    /* Product Cards Responsive */
    .product-image {
        height: 200px;
    }
    
    /* Footer Responsive */
    .footer h5 {
        margin-top: 1.5rem;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
    /* Header Responsive */
    .navbar-nav .nav-link {
        padding: 1rem 0.5rem;
    }
    
    /* Hero Section Responsive */
    .hero-title {
        font-size: 2.2rem;
    }
    
    /* Product Cards Responsive */
    .product-image {
        height: 180px;
    }
    
    /* Footer Responsive */
    .footer h5 {
        margin-top: 1rem;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
    /* Product Cards Responsive */
    .product-image {
        height: 200px;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    /* Product Cards Responsive */
    .product-image {
        height: 220px;
    }
    
    /* Container Responsive */
    .container {
        max-width: 1200px;
    }
}

/* Responsive Cart Table */
@media (max-width: 767.98px) {
    .cart-items table thead {
        display: none;
    }
    
    .cart-items table, .cart-items tbody, .cart-items tr, .cart-items td {
        display: block;
        width: 100%;
    }
    
    .cart-items tr {
        margin-bottom: 1.5rem;
        border-bottom: 1px solid var(--border-color);
        padding-bottom: 1rem;
    }
    
    .cart-items td {
        text-align: right;
        padding: 0.5rem 0;
        position: relative;
        padding-left: 50%;
    }
    
    .cart-items td:before {
        content: attr(data-label);
        position: absolute;
        left: 0;
        width: 45%;
        font-weight: 600;
        text-align: left;
    }
    
    .cart-items td:first-child {
        text-align: center;
        padding-left: 0;
    }
    
    .cart-items td:first-child:before {
        content: none;
    }
    
    .cart-item-image img {
        max-width: 80px;
        margin: 0 auto;
    }
}

/* Responsive Product Filter */
@media (max-width: 991.98px) {
    .product-filters {
        margin-bottom: 2rem;
    }
    
    .products-sorting {
        flex-direction: column;
        gap: 1rem;
        align-items: flex-start;
    }
    
    .sort-products {
        width: 100%;
    }
}

/* Responsive Notification */
@media (max-width: 575.98px) {
    .notification-container {
        width: calc(100% - 40px);
    }
}

/* Responsive Checkout */
@media (max-width: 991.98px) {
    .checkout-section .card {
        margin-bottom: 1.5rem;
    }
}

/* Print Styles */
@media print {
    .header, .footer, .whatsapp-contact, .call-contact, .back-to-top {
        display: none !important;
    }
    
    body {
        padding: 0;
        margin: 0;
    }
    
    .container {
        max-width: 100%;
        width: 100%;
    }
    
    a {
        text-decoration: none !important;
        color: #000 !important;
    }
    
    .product-card, .feature-box, .category-card, .testimonial-card, .team-member {
        box-shadow: none !important;
        border: 1px solid #ddd !important;
    }
    
    .btn {
        display: none !important;
    }
    
    .table {
        border-collapse: collapse !important;
    }
    
    .table td, .table th {
        background-color: #fff !important;
    }
}