/**
 * Laptop és közepes képernyők optimalizálása (pl. 15" 1920×1080)
 * 4K-n tökéletes, de laptopon összecsúsznak az elemek – itt javítjuk.
 *
 * OKOK: fix px méretek, position:absolute elemek, nagy betűméret (text-7xl),
 * min-height:100vh hero – ezek 4K-ra lettek méretezve, laptopon átfednek.
 */
@media (min-width: 769px) and (max-width: 1920px) {
  /* Fejléc – kevesebb padding, több hely */
  #root nav,
  #root header {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  #root nav [class*="flex"],
  #root header [class*="flex"] {
    gap: 0.5rem !important;
  }
  /* Zászlók */
  #lang-flags-fixed {
    right: 1rem;
    top: 0.75rem;
  }
  .lang-flag-btn {
    width: 24px !important;
    height: 20px !important;
    min-width: 24px !important;
    font-size: 14px !important;
  }
  /* Konténer és szövegek */
  #root .container {
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  #root h1, #root h2, #root h3 {
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
  /* Hero első szekció – padding, DE ne piszkáljuk a min-height-et (a háttérkép miatt) */
  #root section:first-of-type,
  #root main > div:first-child {
    padding-top: 1rem !important;
    padding-bottom: 2rem !important;
  }
  /* CSAK a logó – ne a háttérkép! A hero background img ne kapjon max méretet */
  #root [class*="logo"] img,
  #root header img,
  #root nav img {
    max-width: min(280px, 35vw) !important;
    max-height: min(200px, 25vh) !important;
  }
  /* Hero háttérkép – object-fit/position biztosítása (ha img) */
  #root section:first-of-type [class*="object-cover"] {
    object-fit: cover !important;
    object-position: center center !important;
  }
  /* Szöveg overlay – ne csússzon egymásra */
  #root .text-5xl, #root .text-6xl, #root .text-7xl, #root .text-8xl {
    font-size: clamp(1.25rem, 3vw, 2.5rem) !important;
    line-height: 1.2 !important;
  }
  #root .text-3xl, #root .text-4xl {
    font-size: clamp(1rem, 2vw, 1.5rem) !important;
  }
  /* Gombok és badge – hely megtartása */
  #root .flex.gap-4,
  #root .flex.gap-6 {
    gap: 0.5rem !important;
    flex-wrap: wrap !important;
  }
  /* SCHWEIZER QUALITÄT badge stb. */
  #root [class*="rounded"] {
    margin-bottom: 0.5rem !important;
  }
}

/* Közepes laptop (1366–1680px) – logó még kisebb */
@media (min-width: 769px) and (max-width: 1680px) {
  #root [class*="logo"] img,
  #root header img,
  #root nav img {
    max-width: min(220px, 40vw) !important;
    max-height: min(160px, 22vh) !important;
  }
}