/* === Alap Flex Display === */
.flex {display:flex;}
.flex-if {display:inline-flex;}
.flex-col {display:flex;flex-direction:column;}

/* === Flex Direction === */
.f-row {flex-direction:row;}
.f-col {flex-direction:column;}

/* === Justify Content (j-) === */
.j-start {justify-content:flex-start;}
.j-end {justify-content:flex-end;}
.j-center {justify-content:center;}
.j-between {justify-content:space-between;}
.j-stretch {justify-content: stretch;}

/* === Align Items (a-) === */
.a-start {align-items:flex-start;}
.a-end {align-items:flex-end;}
.a-center {align-items:center;}
.a-stretch {align-items:stretch;}
.a-baseline{align-items:baseline}

/* === Kombinált gyakori elrendezések === */
.f-center {display:flex;justify-content:center;align-items:center;}
.f-start {display:flex;justify-content:flex-start;align-items:flex-start;}
.f-end {display:flex;justify-content:flex-end;align-items:flex-end;}
.f-between-center {display:flex;justify-content:space-between;align-items:center;}

.f-col-center {display:flex;flex-direction:column;justify-content:center;align-items:center;}
.f-col-start {display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;}
.f-col-end {display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;}
.f-col-between {display:flex;flex-direction:column;justify-content:space-between;}

/* === Gap === */
.g-xs {gap:var(--cv-g-xs);}
.g-s {gap:var(--cv-g-s);}
.g-sm {gap:var(--cv-g-sm);}
.g-m {gap:var(--cv-g-m);}
.g-ms {gap:var(--cv-g-ms);}
.g-l {gap:var(--cv-g-l);}
.g-xl {gap:var(--cv-g-xl);}
.g-xxl {gap:var(--cv-g-xxl)};