/*!****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/service-grid/style.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Service Grid Styles - Production Ready (Fixed 100svh & Proportional Cards)
 */
body.wp-child-theme-osmerova .osmerova-service-grid {
  padding-top: clamp(6rem, 8vw, 6rem);
  margin-bottom: clamp(6rem, 15vw, 12rem);
  /* 1. KĽÚČOVÁ ZMENA: Výška na celý viewport */
  min-height: 100svh;
  box-sizing: border-box; /* Zabezpečí, že padding nenafúkne výšku nad 100% */
  display: flex;
  justify-content: center;
  /* 2. KĽÚČOVÁ ZMENA: Zabráni vnútornému bloku roztiahnuť sa na 100svh,
     namiesto toho ho elegantne vycentruje v priestore */
  align-items: center;
  counter-reset: service-card-num;
  /* Vnútorný obal */
}
body.wp-child-theme-osmerova .osmerova-service-grid .osmerova-service-grid__inner {
  display: grid;
  gap: 1.5rem;
  /* 3. Karty sa prispôsobia len najvyššej karte V RIADKU, nie výške sekcie */
  align-items: stretch;
  margin: 0;
  padding: 0 1.5rem;
  justify-content: center;
  max-width: 82rem;
  width: 100%;
  /* ZÁKLADNÉ PRAVIDLO: Pomocné prvky zaberajú celý riadok */
}
body.wp-child-theme-osmerova .osmerova-service-grid .osmerova-service-grid__inner > :not(.wp-block-osmerova-service-card) {
  grid-column: 1/-1;
  text-align: center;
  margin-bottom: 0;
}
body.wp-child-theme-osmerova .osmerova-service-grid .osmerova-service-grid__inner {
  /* ----------------------------------------------------
     FIX: FLUIDNÉ ODSADENIE NADPISU OD KARIET
     ---------------------------------------------------- */
}
body.wp-child-theme-osmerova .osmerova-service-grid .osmerova-service-grid__inner > h2, body.wp-child-theme-osmerova .osmerova-service-grid .osmerova-service-grid__inner > h3 {
  /* clamp(MIN, IDEÁL, MAX)
     Mobil: 2.5rem (40px) - udrží obsah relatívne blízko, aby neutiekol z obrazovky
     Tablet/Menší Desktop: 5vw - plynule rastie
     Veľký Desktop: 5rem (80px) - vytvorí luxusný, dýchajúci priestor pre redakčný vzhľad
  */
  margin-bottom: clamp(2.5rem, 8vw, 8rem) !important;
}
body.wp-child-theme-osmerova .osmerova-service-grid .osmerova-service-grid__inner > .wp-block-buttons {
  margin-top: clamp(2.5rem, 5vw, 4rem); /* Keď už upravujeme nadpis, ošetríme aj tlačidlo dole */
  margin-bottom: 0;
}
body.wp-child-theme-osmerova .osmerova-service-grid .osmerova-service-grid__inner > .wp-block-buttons {
  margin-top: 2rem;
  margin-bottom: 0;
}
body.wp-child-theme-osmerova .osmerova-service-grid .osmerova-service-grid__inner .wp-block-osmerova-service-card {
  margin-top: 0 !important;
}
body.wp-child-theme-osmerova .osmerova-service-grid .osmerova-service-grid__inner {
  /* DEFAULT: 1 stĺpec (Mobil a fallback pre nepárne počty) */
  grid-template-columns: 1fr;
}
body.wp-child-theme-osmerova .osmerova-service-grid {
  /* ----------------------------------------------------
     LOGIKA PRE ZAMEDZENIE "SIRÔT" (Opravená SCSS syntax)
     ---------------------------------------------------- */
  /* Ak máme presne 2 KARTY: 2 stĺpce na desktope a tablete */
}
@media (min-width: 768px) {
  body.wp-child-theme-osmerova .osmerova-service-grid[data-cards="2"] .osmerova-service-grid__inner {
    grid-template-columns: repeat(2, 1fr);
  }
}
body.wp-child-theme-osmerova .osmerova-service-grid {
  /* Ak máme presne 3 KARTY: Žiadne osirotené riadky! */
}
@media (min-width: 993px) {
  body.wp-child-theme-osmerova .osmerova-service-grid[data-cards="3"] .osmerova-service-grid__inner {
    grid-template-columns: repeat(3, 1fr); /* 3 vedľa seba na veľkých obrazovkách */
  }
}
body.wp-child-theme-osmerova .osmerova-service-grid[data-cards="3"] .osmerova-service-grid__inner {
  /* Na tabletoch pod 992px spadnú do defaultu (1 stĺpec) */
}
body.wp-child-theme-osmerova .osmerova-service-grid {
  /* Ak máme presne 4 KARTY: Ideálna matica 2x2 */
}
@media (min-width: 768px) {
  body.wp-child-theme-osmerova .osmerova-service-grid[data-cards="4"] .osmerova-service-grid__inner {
    grid-template-columns: repeat(2, 1fr); /* 2 riadky po 2 karty */
  }
}
body.wp-child-theme-osmerova .osmerova-service-grid {
  /* Ak máme presne 6 KARIET: Dokonalé rozdelenie do riadkov */
}
@media (min-width: 993px) {
  body.wp-child-theme-osmerova .osmerova-service-grid[data-cards="6"] .osmerova-service-grid__inner {
    grid-template-columns: repeat(3, 1fr); /* 2 riadky po 3 karty */
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  body.wp-child-theme-osmerova .osmerova-service-grid[data-cards="6"] .osmerova-service-grid__inner {
    grid-template-columns: repeat(2, 1fr); /* 3 riadky po 2 karty */
  }
}

/*# sourceMappingURL=style-index.css.map*/