﻿/* ═══════════════════════════════════════════════════════════════════════════
   laf_grid_footer_groups.css — LAF_Grid gruplanmış footer alt toplamları

   index.html'de laf_grid_styles.css'ten SONRA referanslanmalı:
     <link rel="stylesheet" href="css/laf_grid_styles.css" />
     <link rel="stylesheet" href="css/laf_grid_footer_groups.css" />

   Sıra önemli: .lafg-footer-td'de sabit bir height varsa aşağıdaki kural onu
   geçersiz kılabilmeli. İçeriği doğrudan laf_grid_styles.css'in sonuna taşımak
   da olur.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Gruplu footer varken satır yüksekliği sabitten çıkar — 2-3 satır sığmalı.
   Class yalnızca en az bir kolon gruplanmışsa footer-bar'a eklenir, dolayısıyla
   normal grid'lerin footer'ı hiç etkilenmez. */
.lafg-footer-bar-multi .lafg-footer-td {
    height: auto;
    vertical-align: top;
    padding-top: 3px;
    padding-bottom: 3px;
}

.lafg-footer-groups {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.lafg-footer-group {
    display: flex;
    flex-direction: column;
    line-height: 1.15;
}

/* Para birimi etiketi: küçük ve soluk — değerin okunmasına engel olmasın */
.lafg-footer-group-key {
    font-size: .68em;
    opacity: .6;
    letter-spacing: .3px;
    text-transform: uppercase;
}

/* tabular-nums: rakamlar sabit genişlikte, alt alta toplamlar hizalı durur */
.lafg-footer-group-val {
    font-variant-numeric: tabular-nums;
}

/* Sağa yaslı (NUM / AlignRight) kolonlarda grup bloğu da sağa yaslanır */
.lafg-td-right .lafg-footer-group {
    align-items: flex-end;
}
