/*
 * MechaMap - Marketplace Products Index Page Styles
 * Extracted from resources/views/marketplace/products/index.blade.php
 * Product listing page styles including list view and view toggle buttons
 */

/* ========================================
   LIST VIEW STYLES
   ======================================== */

/* List View Product Cards */
.product-card.list-view {
    display: flex;
    flex-direction: row;
    height: auto;
}

.product-card.list-view .position-relative {
    width: 200px;
    flex-shrink: 0;
}

.product-card.list-view .card-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    padding: 1rem;
}

.product-card.list-view .product-image {
    height: 150px;
    width: 100%;
    object-fit: cover;
}

.product-card.list-view .card-title {
    font-size: 1.1rem;
    margin-bottom: 0.5rem;
}

.product-card.list-view .card-text {
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
}

/* ========================================
   VIEW TOGGLE BUTTONS
   ======================================== */

/* View Toggle Buttons */
.btn-group .btn.active {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    color: white;
}