/*
 * indici-cards-layout.css
 * Grid wrapper pentru cardurile side-by-side:
 * - Despre + Componenta (1/2 + 1/2 pe desktop)
 *
 * Utilizare în template (single-indici.php):
 * <div class="indici-cards-row">
 *     [card_indici_despre]
 *     [card_indici_componenta]
 * </div>
 */

/* ===== ROW: 2 COLOANE EGALE ===== */
.indici-cards-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    align-items: stretch;  /* Cardurile au aceeași înălțime */
    margin-bottom: 0;      /* Cardurile au propriul margin-bottom */
}

/* ===== MOBILE: 1 COLOANĂ ===== */
@media (max-width: 768px) {
    .indici-cards-row {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
}