# yatra/3.0.2.8/assets/css/yatra-capacity.css

Yatra – Travel Booking & Tour Operator Software, version 3.0.2.8. 55 lines.

- Page: https://pluginprobe.com/plugins/yatra/3.0.2.8/code/assets/css/yatra-capacity.css
- Raw: https://pluginprobe.com/plugins/yatra/3.0.2.8/raw/assets/css/yatra-capacity.css
- Modified: 2026-04-14T03:47:24+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/yatra/3.0.2.8/code/assets/css/yatra-capacity.css#L10-L20`.

```css
/* Capacity Display Styles */
.yatra-card-tour-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 4px;
}

.yatra-card-tour-capacity {
    display: inline-flex;
    align-items: center;
    font-size: 13px;
    color: #4a5568;
    background-color: #f7fafc;
    padding: 2px 8px;
    border-radius: 4px;
    font-weight: 500;
}

.yatra-available-spots {
    font-weight: 600;
    color: #2d3748;
}

/* For limited availability */
.yatra-availability-card.limited .yatra-card-tour-capacity {
    background-color: #fff5f5;
    color: #c53030;
}

.yatra-availability-card.limited .yatra-available-spots {
    color: #9b2c2c;
}

/* For full departures */
.yatra-availability-card.full .yatra-card-tour-capacity {
    background-color: #f8f9fa;
    color: #718096;
    text-decoration: line-through;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .yatra-card-tour-meta {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }
    
    .yatra-card-tour-separator {
        display: none;
    }
}

```