/**
 * AJIT - Edytor blokowy 0.1.0 - siatka kolumn (front)
 *
 * Wartości zależne od konfiguracji BO (odstępy, breakpoint mobile)
 * są dokładane jako inline <style> w hookDisplayHeader.
 */

.ajb-row {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
}

.ajb-row > .ajb-col {
    box-sizing: border-box;
    min-width: 0;
}

.ajb-col img {
    max-width: 100%;
    height: auto;
}

/* Presety szerokości */
.ajb-col-100 { flex: 0 0 100%;     max-width: 100%; }
.ajb-col-80  { flex: 0 0 80%;      max-width: 80%; }
.ajb-col-75  { flex: 0 0 75%;      max-width: 75%; }
.ajb-col-66  { flex: 0 0 66.666%;  max-width: 66.666%; }
.ajb-col-50  { flex: 0 0 50%;      max-width: 50%; }
.ajb-col-33  { flex: 0 0 33.333%;  max-width: 33.333%; }
.ajb-col-25  { flex: 0 0 25%;      max-width: 25%; }
.ajb-col-20  { flex: 0 0 20%;      max-width: 20%; }

/* Wyrównanie pionowe kolumn w wierszu */
.ajb-valign-top    { align-items: flex-start; }
.ajb-valign-center { align-items: center; }
.ajb-valign-bottom { align-items: flex-end; }