/* ==========================================================================
   GENERIC CLEAN SHELL - utility reteg
   Eredet: NEW CLEAN IMPLEMENTATION.

   Szandekosan SZUK keszlet. Az utility-k nem helyettesitik a komponenseket:
   csak azt fedik le, amit komponensbe zarni felesleges lenne.
   Torespont-prefixek: (nincs) = minden meret, "md:" = >=48rem, "lg:" = >=64rem.
   A kettospont CSS-ben eszkapolva szerepel.
   ========================================================================== */

/* --------------------------------------------------------------- SZOVEG */

.gs-text-start  { text-align: start; }
.gs-text-center { text-align: center; }
.gs-text-end    { text-align: end; }

.gs-text-sm  { font-size: var(--font-size-sm); }
.gs-text-lg  { font-size: var(--font-size-lg); }
.gs-text-muted     { color: var(--text-muted); }
.gs-text-secondary { color: var(--text-secondary); }
.gs-text-primary   { color: var(--color-primary); }
.gs-text-inverse   { color: var(--text-inverse); }

.gs-font-medium   { font-weight: var(--font-weight-medium); }
.gs-font-semibold { font-weight: var(--font-weight-semibold); }
.gs-font-bold     { font-weight: var(--font-weight-bold); }

/* Sorszamra vagas hosszu kivonatoknal. */
.gs-clamp-2,
.gs-clamp-3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.gs-clamp-2 { -webkit-line-clamp: 2; line-clamp: 2; }
.gs-clamp-3 { -webkit-line-clamp: 3; line-clamp: 3; }

.gs-measure { max-width: var(--measure); }

/* ---------------------------------------------------------------- TERKOZ */

.gs-mt-0  { margin-block-start: 0; }
.gs-mt-sm { margin-block-start: var(--space-sm); }
.gs-mt-md { margin-block-start: var(--space-md); }
.gs-mt-lg { margin-block-start: var(--space-lg); }
.gs-mb-0  { margin-block-end: 0; }
.gs-mb-sm { margin-block-end: var(--space-sm); }
.gs-mb-md { margin-block-end: var(--space-md); }
.gs-mb-lg { margin-block-end: var(--space-lg); }
.gs-mx-auto { margin-inline: auto; }

/* ----------------------------------------------------------- MEGJELENITES */

.gs-hidden { display: none !important; }
.gs-block  { display: block; }
.gs-flex   { display: flex; }
.gs-grid-d { display: grid; }

.gs-w-full { width: 100%; }
.gs-h-full { height: 100%; }

.gs-radius-sm { border-radius: var(--radius-sm); }
.gs-radius-md { border-radius: var(--radius-md); }
.gs-radius-lg { border-radius: var(--radius-lg); }

.gs-shadow-sm { box-shadow: var(--shadow-sm); }
.gs-shadow-md { box-shadow: var(--shadow-md); }

.gs-surface        { background: var(--surface); }
.gs-surface-alt    { background: var(--surface-alt); }
.gs-surface-sunken { background: var(--surface-sunken); }

/* Kepek aranytartasa CMS-bol jovo, ismeretlen meretu kepeknel. */
.gs-ratio-16x9 { aspect-ratio: 16 / 9; object-fit: cover; width: 100%; }
.gs-ratio-4x3  { aspect-ratio: 4 / 3;  object-fit: cover; width: 100%; }
.gs-ratio-1x1  { aspect-ratio: 1 / 1;  object-fit: cover; width: 100%; }

/* ----------------------------------------------- RESZPONZIV MEGJELENITES */

@media (min-width: 48rem) {
  .md\:gs-hidden { display: none !important; }
  .md\:gs-block  { display: block; }
  .md\:gs-flex   { display: flex; }
  .md\:gs-text-start  { text-align: start; }
  .md\:gs-text-center { text-align: center; }
}

@media (min-width: 64rem) {
  .lg\:gs-hidden { display: none !important; }
  .lg\:gs-block  { display: block; }
  .lg\:gs-flex   { display: flex; }
}

/* Csak szuk nezeten latszik (a nav-valtas torespontja alatt). */
@media (min-width: 64rem) { .gs-only-narrow { display: none !important; } }
@media (max-width: 63.99rem) { .gs-only-wide { display: none !important; } }