/* Minimal hero compatibility layer.
   Keep imported CSS visuals intact, only prevent legacy layout collisions. */
body.page-home-v1 .hero-content-box {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: rgba(14, 39, 60, 0.5) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  z-index: 8 !important;
}

body.page-home-v1 .hero-content-box,
body.page-home-v1 .hero-content-slider,
body.page-home-v1 .hero-content-slider__viewport {
  min-height: 0;
}

body.page-home-v1 .hero-content-slider {
  --hero-slides: 3;
  --hero-index: 0;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  width: 100% !important;
}

body.page-home-v1 .hero-content-slider__viewport {
  flex: 1 1 auto !important;
  overflow: hidden !important;
  position: relative !important;
}

body.page-home-v1 .hero-content-slider__track {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  width: calc(var(--hero-slides) * 100%) !important;
  min-height: 100% !important;
  transform: translateX(calc((-100% / var(--hero-slides)) * var(--hero-index))) !important;
  transition: transform 0.55s cubic-bezier(0.4, 0, 0.2, 1) !important;
  will-change: transform !important;
}

/* Legacy rules can force absolute slides; lock to track layout. */
body.page-home-v1 .hero-text-slide {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  inset: auto !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
  flex: 0 0 calc(100% / var(--hero-slides)) !important;
  width: calc(100% / var(--hero-slides)) !important;
  max-width: calc(100% / var(--hero-slides)) !important;
  min-width: 0 !important;
  overflow: hidden !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Workbench vizuális slider: track kitölti a viewportot, képek láthatók */
body.page-home-hero-workbench .hero-wb-visual-slider .hero-content-slider__viewport {
  min-height: min(280px, 56vw);
}

body.page-home-hero-workbench .hero-wb-visual-slider .hero-content-slider__track {
  position: absolute !important;
  inset: 0 !important;
  height: 100% !important;
  min-height: 100% !important;
}

body.page-home-hero-workbench .hero-wb-visual-slider .hero-text-slide.hero-wb-slide {
  height: 100% !important;
  min-height: 100% !important;
}

body.page-home-hero-workbench .hero-wb-slide__frame {
  height: 100% !important;
  min-height: 0 !important;
}

body.page-home-hero-workbench .hero-wb-slide__media,
body.page-home-hero-workbench .hero-wb-slide__img {
  opacity: 1 !important;
  visibility: visible !important;
}

body.page-home-hero-workbench .hero-wb-slide__img {
  object-fit: cover !important;
  object-position: center center !important;
}

body.page-home-v1 .hero-content-slider__dots {
  position: relative;
  z-index: 2;
}

/* Quick nyíl: kör = .hero-quick__icon (span), glifa = belső <i> — flex középen (FA ::before flex item) */
body.page-home-v1 .hero-quick__link > span.hero-quick__icon > i {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: inherit !important;
  line-height: 1 !important;
  background: none !important;
  box-shadow: none !important;
}
body.page-home-v1 .hero-quick__link > span.hero-quick__icon > i::before {
  position: static !important;
  transform: none !important;
  margin: 0 !important;
  line-height: 1 !important;
}
body.page-home-v1 .hero-quick__link:hover > span.hero-quick__icon > i {
  transform: none !important;
}

/* Float rail: FA glifa középen a belső és külső körben */
body.page-home-v1 .mc-float-rail__icon > i,
body.page-home-v1 .mc-float-rail__arrow > i {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  transform: none !important;
}
body.page-home-v1 .mc-float-rail__icon > i::before,
body.page-home-v1 .mc-float-rail__arrow > i::before {
  position: static !important;
  transform: none !important;
  margin: 0 !important;
  line-height: 1 !important;
}
body.page-home-v1 .mc-float-rail__item--search .mc-float-rail__icon > i {
  width: 40px !important;
  height: 40px !important;
}
body.page-home-v1 .mc-float-rail__item--search .mc-float-rail__icon > i::before {
  width: 100% !important;
  height: 100% !important;
}
body.page-home-v1 .mc-float-rail__item:hover .mc-float-rail__icon > i,
body.page-home-v1 .mc-float-rail__item:focus-visible .mc-float-rail__icon > i {
  transform: none !important;
}

@media (max-width: 1024px) {
  body.page-home-v1 .hero-text-slide .hero-slide-list {
    grid-template-columns: 1fr;
  }
}

/* Desktop layout tidy-up: smaller left hero slider + cleaner header rhythm */
@media (min-width: 1025px) {
  body.page-home-v1 .hero {
    --hero-panel-w: min(520px, max(260px, min(33%, calc(100vw - 560px))));
  }

  body.page-home-v1 .hero-content-box {
    top: 9% !important;
    bottom: 14px !important;
    border-right-width: 4px !important;
    border-radius: 0 12px 12px 0 !important;
  }

  body.page-home-v1 .hero-right-panel {
    top: 9% !important;
    left: calc(var(--hero-panel-w) + 18px) !important;
    right: 24px !important;
    gap: 32px !important;
    padding-bottom: 16px !important;
  }

  body.page-home-v1 .hero-promo-stack {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body.page-home-v1 .hero-promo-card {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    min-height: 138px !important;
  }

  body.page-home-v1 .hero-promo-btn {
    margin: 10px 10px 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 36px !important;
    border-radius: 8px !important;
  }

  /* Hero munkapad: gyorslinkek saját grid (hero-workbench-layout.css) */
  body.page-home-v1:not(.page-home-hero-workbench) .hero-quick {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 0 !important;
  }

  body.page-home-v1:not(.page-home-hero-workbench) .hero-quick__link {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    white-space: normal !important;
    border-radius: 0 !important;
    border-left: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-right: 2px solid rgba(255, 255, 255, 0.32) !important;
  }

  body.page-home-v1:not(.page-home-hero-workbench) .hero-quick__link:last-of-type {
    border-right: 0 !important;
  }

  body.page-home-v1:not(.page-home-hero-workbench) .hero-quick__link:first-of-type {
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }

  body.page-home-v1:not(.page-home-hero-workbench) .hero-quick__link:last-of-type {
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }

  body.page-home-v1 .hero-title-block h1 {
    font-size: clamp(26px, 1.95vw, 38px) !important;
  }

  body.page-home-v1 .hero-content-box .hero-cta {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 10px 14px !important;
    border-radius: 10px !important;
    background: rgba(255, 255, 255, 0.14) !important;
    border: 1px solid rgba(255, 255, 255, 0.34) !important;
    color: #fff !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
  }
}

/* Főoldal: fejléc nav = ugyanaz, mint más front oldalakon (pl. /araink) — felülírja a body.page-home-v1 kompakt szabályokat */
@media (min-width: 1025px) {
  body.page-home-v1 .mc-nav-inner {
    padding-left: var(--layout-pad-x) !important;
    padding-right: var(--layout-pad-x) !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    min-height: 0 !important;
    gap: 0 !important;
    align-items: center !important;
  }

  body.page-home-v1 .mc-nav ul.mc-nav-list {
    gap: 0 !important;
    align-items: center !important;
  }

  body.page-home-v1 .mc-nav ul.mc-nav-list > .mc-nav-item {
    flex: 0 1 auto !important;
    min-width: 0 !important;
  }

  body.page-home-v1 .mc-nav-right {
    flex: 0 0 auto !important;
    flex-shrink: 0 !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    padding: 0 0 0 10px !important;
    margin-left: 4px !important;
    position: relative !important;
    z-index: 4 !important;
    background: #fff !important;
    box-shadow: -14px 0 16px -8px #fff !important;
    align-self: center !important;
  }

  body.page-home-v1 .mc-nav ul.mc-nav-list {
    max-width: 100% !important;
    overflow: hidden !important;
  }

  body.page-home-v1 .mc-burger {
    width: 48px !important;
    min-height: 48px !important;
    font-size: 26px !important;
  }
}

@media (min-width: 1601px) {
  body.page-home-v1 .mc-nav-item > a,
  body.page-home-v1 .mc-nav ul.mc-nav-list > li > a {
    padding: 16px 14px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 0.35px !important;
  }

  body.page-home-v1 .mc-nav-item.has-mega > a::after {
    margin-left: 5px !important;
    border-width: 4px !important;
  }

  body.page-home-v1 .mc-nav-right .mc-life1-nav-link,
  body.page-home-v1 .mc-nav-right .mc-cta-dropdown-wrap {
    height: 48px !important;
    box-sizing: border-box !important;
  }
}

@media (min-width: 1025px) and (max-width: 1600px) {
  body.page-home-v1 .mc-nav-item > a,
  body.page-home-v1 .mc-nav ul.mc-nav-list > li > a {
    padding: 14px 10px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.25px !important;
  }

  body.page-home-v1 .mc-nav-item.has-mega > a::after {
    margin-left: 3px !important;
    border-width: 3px !important;
  }

  body.page-home-v1 .mc-nav-right {
    gap: 6px !important;
  }

  body.page-home-v1 .mc-nav-right .mc-life1-nav-link,
  body.page-home-v1 .mc-nav-right .mc-cta-dropdown-wrap {
    height: 44px !important;
    box-sizing: border-box !important;
  }

  body.page-home-v1 .mc-life1-nav-link img {
    height: 24px !important;
  }
}

@media (min-width: 1025px) and (max-width: 1520px) {
  body.page-home-v1 .mc-nav-item > a,
  body.page-home-v1 .mc-nav ul.mc-nav-list > li > a {
    padding: 12px 6px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.12px !important;
  }

  body.page-home-v1 .mc-nav-item.has-mega > a::after {
    margin-left: 2px !important;
    border-width: 3px !important;
  }

  body.page-home-v1 .mc-nav-right .mc-life1-nav-link,
  body.page-home-v1 .mc-nav-right .mc-cta-dropdown-wrap {
    height: 42px !important;
    box-sizing: border-box !important;
  }

  body.page-home-v1 .mc-life1-nav-link img {
    height: 22px !important;
  }
}

@media (min-width: 1025px) and (max-width: 1320px) {
  body.page-home-v1 .mc-nav-item > a,
  body.page-home-v1 .mc-nav ul.mc-nav-list > li > a {
    padding: 12px 5px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.08px !important;
  }

  body.page-home-v1 .mc-nav-item.has-mega > a::after {
    margin-left: 2px !important;
    border-width: 3px !important;
  }

  body.page-home-v1 .mc-nav-right .mc-life1-nav-link,
  body.page-home-v1 .mc-nav-right .mc-cta-dropdown-wrap {
    height: 40px !important;
    box-sizing: border-box !important;
  }

  body.page-home-v1 .mc-life1-nav-link img {
    height: 20px !important;
  }
}