/* Veteményes 14.38.1 — professzionális asztali felület */
@media (min-width: 1024px) {
  :root {
    --pc-max: 1540px;
    --pc-gap: clamp(10px, .9vw, 16px);
    --pc-panel: rgba(255,255,255,.94);
    --pc-shadow: 0 18px 50px rgba(20,55,28,.20);
  }
  html { scroll-padding-top: 104px; }
  body.pc-optimalizalt {
    padding: 12px 24px 108px !important;
    min-width: 1024px;
  }
  body.pc-optimalizalt::after { box-shadow: inset 0 0 110px rgba(0,0,0,.27); }
  .pc-optimalizalt .matrica-focim {
    margin: 3px auto 10px;
    font-size: clamp(1.65rem, 2vw, 2.35rem);
    line-height: 1.1;
    width: min(var(--pc-max), calc(100vw - 48px));
  }
  .pc-optimalizalt #hir-sav {
    max-width: var(--pc-max);
    margin-left: auto;
    margin-right: auto;
    border-radius: 0 0 14px 14px;
  }
  .pc-optimalizalt .felso-sav {
    position: sticky;
    top: 8px;
    z-index: 9050;
    width: min(var(--pc-max), calc(100vw - 48px));
    margin: 0 auto 12px;
    padding: 9px;
    display: grid;
    grid-template-columns: repeat(6, minmax(118px, 1fr));
    gap: 7px;
    border: 1px solid rgba(255,255,255,.52);
    border-radius: 18px;
    background: rgba(31,91,43,.88);
    backdrop-filter: blur(14px) saturate(1.2);
    box-shadow: 0 10px 30px rgba(13,47,21,.22);
  }
  .pc-optimalizalt .felso-sav .doboz {
    min-width: 0;
    min-height: 42px;
    margin: 0;
    padding: 7px 10px;
    justify-content: center;
    border-radius: 12px;
    font-size: .84rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .pc-optimalizalt .felso-sav .doboz:hover { transform: translateY(-1px); }
  .pc-optimalizalt .felso-sav .kuldetes-doboz {
    grid-column: span 2;
    justify-content: flex-start;
  }
  .pc-optimalizalt .felso-sav #vilag-esemeny-doboz { grid-column: span 2; }
  .pc-optimalizalt .nezet-valto-v2 {
    position: sticky;
    top: 77px;
    z-index: 9040;
    width: min(1120px, calc(100vw - 80px));
    margin: 0 auto 14px;
    padding: 7px;
    gap: 7px;
    justify-content: center;
    border-radius: 16px;
    background: rgba(255,255,255,.92);
    border: 1px solid rgba(64,110,67,.18);
    box-shadow: 0 9px 26px rgba(20,65,28,.17);
    backdrop-filter: blur(12px);
  }
  .pc-optimalizalt .nezet-gomb-v2 {
    min-width: 126px;
    min-height: 46px;
    padding: 8px 14px;
    border-radius: 11px;
    font-size: .88rem;
  }
  .pc-optimalizalt .nezet-gomb-v2 .ikon { font-size: 1.25rem; }
  .pc-optimalizalt .farm-jelenet,
  .pc-optimalizalt .nezet-kontener,
  .pc-optimalizalt .uveghaz-iranyitopult,
  .pc-optimalizalt .meheszet-iranyitopult,
  .pc-optimalizalt #fogado-nezet,
  .pc-optimalizalt #banya-nezet {
    width: min(1280px, calc(100vw - 56px));
    max-width: 1280px;
  }
  .pc-optimalizalt .farm-jelenet {
    min-height: clamp(650px, 68vh, 820px);
    padding: 235px clamp(22px, 3vw, 52px) 38px;
    border-radius: 30px;
    box-shadow: 0 28px 80px rgba(19,63,29,.32), inset 0 0 0 2px rgba(255,255,255,.40);
  }
  .pc-optimalizalt #farm-jelenet #kert {
    width: min(1050px, 100%);
    margin-inline: auto;
    gap: clamp(10px, 1vw, 16px);
  }
  .pc-optimalizalt .bolt-container,
  .pc-optimalizalt #vetomag-kereso-sor {
    width: min(1280px, calc(100vw - 56px));
    margin-left: auto;
    margin-right: auto;
  }
  .pc-optimalizalt .app-alsosav {
    left: 50%;
    right: auto;
    bottom: 14px;
    width: min(860px, calc(100vw - 60px));
    height: 72px;
    transform: translateX(-50%);
    display: grid !important;
    grid-template-columns: repeat(7, minmax(82px, 1fr));
    padding: 7px 10px;
    border-radius: 22px;
    border: 1px solid rgba(255,255,255,.58);
    background: rgba(250,255,250,.94);
    backdrop-filter: blur(16px) saturate(1.15);
    box-shadow: 0 18px 45px rgba(16,47,22,.28);
  }
  .pc-optimalizalt .app-alsosav .nav-gomb,
  .pc-optimalizalt .app-alsosav .menugomb {
    min-width: 0;
    min-height: 56px;
    border-radius: 14px;
    transition: transform .16s ease, background .16s ease, box-shadow .16s ease;
  }
  .pc-optimalizalt .app-alsosav .nav-gomb:hover,
  .pc-optimalizalt .app-alsosav .menugomb:hover {
    transform: translateY(-3px);
    background: #eef8ef;
    box-shadow: 0 7px 15px rgba(34,98,45,.13);
  }
  .pc-optimalizalt #menugomb { display: none !important; }
  .pc-optimalizalt button,
  .pc-optimalizalt [onclick],
  .pc-optimalizalt select,
  .pc-optimalizalt input { touch-action: manipulation; }
  .pc-optimalizalt button:focus-visible,
  .pc-optimalizalt [tabindex]:focus-visible,
  .pc-optimalizalt input:focus-visible,
  .pc-optimalizalt select:focus-visible {
    outline: 3px solid #ffca28 !important;
    outline-offset: 3px;
  }
  .pc-optimalizalt .modal-hatter,
  .pc-optimalizalt [class*="modal-hatter"] { padding: 24px; }
  .pc-optimalizalt .modal-tartalom,
  .pc-optimalizalt .raktar-doboz,
  .pc-optimalizalt [class*="modal-doboz"],
  .pc-optimalizalt [class*="modern-modal"] {
    scrollbar-gutter: stable;
  }
  .pc-optimalizalt .menedzsment-modal,
  .pc-optimalizalt .istallo-modern-modal,
  .pc-optimalizalt .piac-modern-modal,
  .pc-optimalizalt .expedicio-modern-modal,
  .pc-optimalizalt .falu-modal-doboz,
  .pc-optimalizalt .balansz-modal-doboz {
    width: min(1480px, 96vw) !important;
    max-width: 1480px !important;
    max-height: min(92vh, 980px) !important;
  }
  .pc-optimalizalt .teljes-kepernyo-menu .menu-tartalom {
    width: min(1420px, 94vw);
    max-height: 92vh;
    border-radius: 26px;
  }
  .pc-optimalizalt .muveleti-racs { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .pc-optimalizalt .ikon-racs { scrollbar-gutter: stable; }
  .pc-optimalizalt .gazdasag-osszefoglalo { grid-template-columns: repeat(4,1fr); }
  .pc-optimalizalt .specializacio-lista { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .pc-optimalizalt .uveghaz-kpi-racs { grid-template-columns: repeat(6,minmax(0,1fr)); }
  .pc-optimalizalt .uveghaz-vezerlo-racs { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .pc-optimalizalt .meheszet-kpi-racs { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .pc-optimalizalt .pc-gorgetes-jelzo {
    position: fixed;
    right: 18px;
    bottom: 104px;
    z-index: 9000;
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 50%;
    background: rgba(255,255,255,.92);
    box-shadow: 0 8px 22px rgba(0,0,0,.2);
    color: #2e7d32;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s, transform .2s;
  }
  .pc-optimalizalt .pc-gorgetes-jelzo.lathato { opacity: 1; pointer-events: auto; }
  .pc-optimalizalt .pc-gorgetes-jelzo:hover { transform: translateY(-3px); }
}
@media (min-width: 1600px) {
  body.pc-optimalizalt { font-size: 17px; }
  .pc-optimalizalt .felso-sav { grid-template-columns: repeat(8, minmax(125px,1fr)); }
  .pc-optimalizalt .felso-sav .kuldetes-doboz { grid-column: span 2; }
  .pc-optimalizalt .farm-jelenet { max-width: 1440px; width: min(1440px, calc(100vw - 80px)); }
}
@media (min-width: 1024px) and (max-height: 760px) {
  body.pc-optimalizalt { padding-top: 6px !important; }
  .pc-optimalizalt .matrica-focim { font-size: 1.45rem; margin-bottom: 6px; }
  .pc-optimalizalt .felso-sav { top: 4px; padding: 6px; }
  .pc-optimalizalt .felso-sav .doboz { min-height: 36px; padding-block: 5px; }
  .pc-optimalizalt .nezet-valto-v2 { top: 64px; }
  .pc-optimalizalt .farm-jelenet { min-height: 600px; }
}

/* 14.38.1 — teljes szélességű, megszakítás nélküli nyersanyagsáv */
@media (min-width: 1024px) {
  .pc-optimalizalt .felso-sav #nyersanyag-kijelzo {
    grid-column: 1 / -1;
    width: 100%;
    max-width: none;
    min-width: 0;
    margin: 0;
    padding: 7px;
    box-sizing: border-box;
    display: grid !important;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    align-items: stretch;
    gap: 6px;
    overflow: hidden;
    border: 1px solid rgba(93, 64, 55, .34);
    border-radius: 13px;
    background: rgba(255, 255, 255, .94);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.8), 0 4px 12px rgba(24,57,31,.12);
    color: #3e4a3f;
    font-weight: 800;
  }
  .pc-optimalizalt #nyersanyag-kijelzo .nyersanyag-elem {
    min-width: 0;
    min-height: 35px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 5px;
    padding: 5px 7px;
    border: 1px solid rgba(76, 122, 78, .13);
    border-radius: 9px;
    background: linear-gradient(180deg, rgba(249,252,249,.98), rgba(235,244,236,.96));
    white-space: nowrap;
    overflow: hidden;
  }
  .pc-optimalizalt #nyersanyag-kijelzo .nyersanyag-ikon {
    font-size: 1.05rem;
    line-height: 1;
  }
  .pc-optimalizalt #nyersanyag-kijelzo .nyersanyag-nev {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .72rem;
    color: #5f6f61;
  }
  .pc-optimalizalt #nyersanyag-kijelzo strong {
    color: #2d5d35;
    font-size: .84rem;
    font-variant-numeric: tabular-nums;
  }
}

@media (min-width: 1024px) and (max-width: 1220px) {
  .pc-optimalizalt .felso-sav #nyersanyag-kijelzo {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

/* 14.38.3 — PC alsó menü: nyugalmi állapotban áttetsző, rámutatáskor teljes felület */
@media (min-width: 1024px) and (hover: hover) and (pointer: fine) {
  .pc-optimalizalt .app-alsosav {
    background: rgba(250, 255, 250, .10);
    border-color: rgba(255, 255, 255, .10);
    box-shadow: 0 8px 22px rgba(16, 47, 22, .05);
    -webkit-backdrop-filter: blur(2px) saturate(1.02);
    backdrop-filter: blur(2px) saturate(1.02);
    transition:
      background-color .24s ease,
      border-color .24s ease,
      box-shadow .24s ease,
      backdrop-filter .24s ease,
      -webkit-backdrop-filter .24s ease,
      transform .16s ease;
  }

  .pc-optimalizalt .app-alsosav:hover,
  .pc-optimalizalt .app-alsosav:focus-within {
    background: rgba(250, 255, 250, .94);
    border-color: rgba(255, 255, 255, .58);
    box-shadow: 0 18px 45px rgba(16, 47, 22, .28);
    -webkit-backdrop-filter: blur(16px) saturate(1.15);
    backdrop-filter: blur(16px) saturate(1.15);
  }

  /* A gombok nyugalmi állapotban is jól olvashatók maradnak. */
  .pc-optimalizalt .app-alsosav > .nav-gomb,
  .pc-optimalizalt .app-alsosav > .labor-nyito-gomb {
    text-shadow: 0 1px 2px rgba(255,255,255,.9), 0 0 5px rgba(255,255,255,.65);
  }

  .pc-optimalizalt .app-alsosav:hover > .nav-gomb,
  .pc-optimalizalt .app-alsosav:hover > .labor-nyito-gomb,
  .pc-optimalizalt .app-alsosav:focus-within > .nav-gomb,
  .pc-optimalizalt .app-alsosav:focus-within > .labor-nyito-gomb {
    text-shadow: none;
  }
}


/* 15.0.1 — az aktuális időjárás hőmérséklete mindig teljesen látszik */
@media (min-width: 1024px) {
  .pc-optimalizalt #aktualis-idojaras-doboz {
    grid-column: span 2;
    justify-content: flex-start;
    overflow: visible;
    padding-inline: 12px;
  }

  .pc-optimalizalt #aktualis-idojaras-doboz #idojaras-ikon,
  .pc-optimalizalt #aktualis-idojaras-doboz .homerseklet-kijelzo {
    flex: 0 0 auto;
  }

  .pc-optimalizalt #aktualis-idojaras-doboz #idojaras-szoveg {
    min-width: 0;
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .pc-optimalizalt #aktualis-idojaras-doboz .homerseklet-kijelzo {
    min-width: max-content;
    margin-left: auto;
    white-space: nowrap;
    font-size: .84rem;
  }
}
