/* LASNOR CAR 2.5: a korábban külön Kép blokkba feltöltött felső fotó
   hátteret töltsön ki PC-n, ne maradjon fekete üres sáv jobb oldalt.
   A wp-image csak az előnézeten alakul háttérré, a szerkesztőben megmarad. */
body.home, body.home .nb-page-main {
  overflow-x: clip;
}
/* Ennek a class-nak a kiadását a 2.5-ös szkript végzi, vagy a Gutenberg Kép
   blokk „LASNOR – teljes szélességű felső háttér” stílusa állítja be. */
body.home .nb-page-main .lasnor-top-image-hero,
body.home .wp-block-post-content .is-style-lasnor-full-hero {
  --lasnor-background-position: center center;
  position: relative !important;
  box-sizing: border-box !important;
  display: block !important;
  width: 100vw !important;
  max-width: 100vw !important;
  min-height: 0 !important;
  height: auto !important;
  aspect-ratio: var(--lasnor-image-ratio, 16 / 9) !important;
  padding: 0 !important;
  margin: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  background-color: #090611 !important;
  background-position: var(--lasnor-background-position) !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
}
/* Hogy a WordPressből feltöltött kép tényleges háttér legyen, az eredeti
   img a főoldalon rejtett, de az admin szerkesztőben teljesen látható marad. */
body.home .nb-page-main .lasnor-top-image-hero figure,
body.home .nb-page-main figure.lasnor-top-image-hero,
body.home .nb-page-main .lasnor-top-image-hero > img,
body.home .nb-page-main .lasnor-top-image-hero > a,
body.home .nb-page-main .lasnor-top-image-hero .wp-block-image {
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.home .nb-page-main .lasnor-top-image-hero img,
body.home .wp-block-post-content .is-style-lasnor-full-hero img {
  display: none !important;
}
body.home .nb-page-main .lasnor-top-image-hero figcaption {
  position: absolute;
  right: 20px;
  bottom: 16px;
  background: rgba(9,6,17,.68);
  color: #fff;
  padding: 6px 12px;
  border-radius: 4px;
  font-size: 13px;
}
/* Meglévő sablonbeli .nb-hero esetén is teljes szélességű képfelület,
   normál WordPress blokkok között álló szekciónál is. */
body.home .nb-page-main .nb-hero {
  width: 100vw !important;
  max-width: 100vw !important;
}
/* Csúszka: 1024px felett négy autó egymás mellett. A 2.4-es szabály
   és az évek során beállított saját hirdetésadatok változatlanok. */
@media (min-width: 1024px) {
  body.home .nb-page-main .nb-section-cars .lasnor-vehicle-showcase .nb-slide-item {
    flex-basis: calc((100% - 42px) / 4) !important;
  }
  body.home .nb-page-main .nb-section-cars .lasnor-vehicle-showcase[data-desktop-columns="5"] .nb-slide-item {
    flex-basis: calc((100% - 56px) / 5) !important;
  }
}
@media (max-width: 767px) {
  body.home .nb-page-main .lasnor-top-image-hero,
  body.home .wp-block-post-content .is-style-lasnor-full-hero {
    height: clamp(290px, 67vw, 520px) !important;
    min-height: 290px !important;
  }
}
/* Szerkesztő: a blokkban a kép ténylegesen látható és cserélhető, elég
   a Gutenberg Kép blokk képcseréje. Nincs front-end DOM módosítás itt. */
.editor-styles-wrapper .is-style-lasnor-full-hero {
  width: 100% !important;
  max-width: none !important;
  border: 2px dashed #ff119e !important;
}
.editor-styles-wrapper .is-style-lasnor-full-hero img {
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}