/* MP Khadi Gramodyog E-Commerce Portal - Responsive Design Settings */

/* Large screens adjustments (Desktops) */
@media (min-width: 1200px) {
    .container-custom {
        max-width: 1200px;
        margin: 0 auto;
    }
}

/* Medium & Small screens adjustments (Laptops & Tablets) */
@media (max-width: 991.98px) {
    .carousel-item-khadi {
        height: 380px;
    }
    .carousel-caption-custom h2 {
        font-size: 2.25rem;
    }
    .carousel-caption-custom p {
        font-size: 1rem;
        margin-bottom: 1.25rem;
    }
    .nav-link-khadi::after {
        display: none; /* Hide hover lines in mobile collapse */
    }
    .nav-link-khadi {
        padding: 0.5rem 1rem !important;
        margin: 0;
    }
    .checkout-step-text {
        font-size: 0.75rem;
    }
    .checkout-step-circle {
        width: 40px;
        height: 40px;
        font-size: 0.95rem;
    }
    .checkout-steps::before, .checkout-step-line {
        top: 19px;
    }
    
    /* Sidebar layout shifts */
    .dashboard-sidebar {
        margin-bottom: 1.5rem;
    }
}

/* Small screens (Mobile and Portrait tablets) */
@media (max-width: 767.98px) {
    .carousel-item-khadi {
        height: 300px;
    }
    .carousel-caption-custom {
        bottom: 5%;
        left: 5%;
        right: 5%;
        max-width: 100%;
    }
    .carousel-caption-custom h2 {
        font-size: 1.75rem;
    }
    .carousel-caption-custom p {
        display: none; /* Hide description on mobile slide to save space */
    }
    .artisan-section {
        padding: 2rem 1rem;
    }
    .artisan-image {
        max-height: 280px;
        margin-bottom: 1.5rem;
    }
    .product-title {
        font-size: 0.95rem;
        height: 2.5rem;
    }
    .product-info {
        padding: 0.9rem;
    }
    .price-current {
        font-size: 1.1rem;
    }
    .price-old {
        font-size: 0.85rem;
    }
    .btn-khadi-primary, .btn-khadi-secondary, .btn-khadi-accent, .btn-khadi-beige {
        padding: 0.5rem 1rem;
        font-size: 0.9rem;
    }
    .checkout-step-text {
        display: none; /* Hide text below nodes to keep spacing neat */
    }
    .checkout-steps {
        margin-bottom: 1.5rem;
    }
    .dashboard-sidebar .sidebar-link {
        padding: 0.5rem 0.75rem;
        font-size: 0.9rem;
    }
}

/* Extra Small screens (Compact mobiles) */
@media (max-width: 575.98px) {
    .top-bar {
        font-size: 0.75rem;
    }
    .top-bar .text-end {
        text-align: center !important;
        margin-top: 2px;
    }
    .navbar-brand img {
        height: 45px;
    }
    .product-card {
        border-radius: 8px;
    }
    .product-badge-group {
        top: 6px;
        left: 6px;
    }
    .wishlist-btn {
        top: 6px;
        right: 6px;
        width: 30px;
        height: 30px;
        font-size: 0.85rem;
    }
    .discount-badge, .organic-badge, .ondc-badge {
        font-size: 0.6rem;
        padding: 0.25rem 0.4rem;
    }
    .review-score-box {
        padding: 1rem;
    }
}