/**
 * CMS Source - Marketplace Module Base CSS
 * Styles communs charges sur toutes les pages du module MarketPlace.
 * Les pages specifiques chargent en plus leur propre CSS (marche.css, classifieds.css, product-form.css).
 *
 * @package CMS\Modules\MarketPlace
 * @version 1.0.0
 */

@import url('products.css');

/* =========================================================================
   STAND CARD (composant reutilise sur hub, stands listing, recherche)
   ========================================================================= */
.stand-card {
    display: flex;
    align-items: center;
    gap: var(--spacing-4, 1rem);
    background: var(--card-bg, #fff);
    border: 1px solid var(--border-color, #e5e7eb);
    border-radius: var(--radius-lg, 12px);
    padding: var(--spacing-4, 1rem);
    transition: box-shadow .2s, transform .2s;
}

.stand-card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, .08);
    transform: translateY(-2px);
}

.stand-card__logo {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
    border: 2px solid var(--border-color, #e5e7eb);
}

.stand-card__info {
    flex: 1;
    min-width: 0;
}

.stand-card__name {
    font-weight: 600;
    font-size: .95rem;
    color: var(--text-primary, #1f2937);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.stand-card__type {
    font-size: .8rem;
    color: var(--text-secondary, #6b7280);
}

.stand-card__badge {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    font-size: .72rem;
    padding: .15rem .5rem;
    border-radius: 10px;
    font-weight: 600;
}

.stand-card__badge--vip {
    background: #fef3c7;
    color: #92400e;
}

.stand-card__badge--pro {
    background: #dbeafe;
    color: #1e40af;
}

/* =========================================================================
   MARKETPLACE COMMON UTILITIES
   ========================================================================= */
.marketplace-empty {
    text-align: center;
    padding: var(--spacing-12, 3rem) var(--spacing-4, 1rem);
    color: var(--text-secondary, #6b7280);
}

.marketplace-empty i {
    font-size: 2.5rem;
    display: block;
    margin-bottom: var(--spacing-3, .75rem);
    opacity: .5;
}

.marketplace-filters-summary {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-bottom: var(--spacing-4, 1rem);
}

.marketplace-filter-tag {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    background: var(--bg-secondary, #f3f4f6);
    padding: .25rem .6rem;
    border-radius: 6px;
    font-size: .82rem;
    color: var(--text-primary, #1f2937);
}

.marketplace-filter-tag .remove {
    cursor: pointer;
    opacity: .5;
    font-size: .9rem;
}

.marketplace-filter-tag .remove:hover {
    opacity: 1;
    color: var(--danger, #ef4444);
}