/* Önálló újságnéző; a lista asztalon balra, mobilon a lap alatt. */
body.ujsagnezo-onallo{
  margin:0;
  padding:0;
  height:var(--nezo-magassag,100dvh);
  overflow:hidden;
}
.ujsagnezo-onallo main{
  height:100%;
  min-height:0;
  padding:0;
}
.ujsagnezo-onallo .lapozo{
  --lapozo-szel:16px;
  display:flex;
  flex-direction:column;
  height:100%;
  margin:0;
}
.ujsagnezo-onallo .lapozo-sav{
  flex:0 0 auto;
  gap:12px;
  padding-top:max(10px,env(safe-area-inset-top));
}
.ujsagnezo-onallo .lapozo-vissza{
  display:flex;
  align-items:center;
  gap:6px;
  min-height:36px;
  color:#fff;
  font-size:13px;
  font-weight:800;
  white-space:nowrap;
}
.ujsagnezo-onallo .lapozo-cim{
  margin-right:auto;
}
.ujsagnezo-onallo .lapozo-test{
  flex:1 1 auto;
  min-height:0;
  height:auto;
  grid-template-columns:clamp(260px,25vw,360px) minmax(0,1fr);
}
.ujsagnezo-onallo .lapozo-szinpad{
  min-height:0;
  height:auto;
}
.ujsagnezo-onallo .lapozo-lista{
  min-height:0;
  overscroll-behavior:contain;
  border-right:1px solid var(--keret);
  padding-bottom:max(20px,env(safe-area-inset-bottom));
}
.ujsagnezo-onallo .lapozo-lista h2{
  font-size:14px;
}
.ujsagnezo-onallo .lapozo-tetel{
  padding:12px 8px;
  border-bottom:1px solid var(--keret);
  border-radius:0;
}
.ujsagnezo-onallo .lapozo.lista-rejtve .lapozo-test{
  grid-template-columns:minmax(0,1fr);
}
.ujsagnezo-onallo .lapozo-allapot{
  flex:0 0 auto;
  max-height:25dvh;
  overflow:auto;
  background:var(--hatter);
  color:var(--szoveg);
}
.ujsagnezo-onallo .lapozo-allapot .elonezet-sav,
.ujsagnezo-onallo .lapozo-allapot .lejart-ujsag-sav{
  margin:0;
  padding:10px 16px;
  border-radius:0;
  font-size:12px;
}
.ujsagnezo-onallo .lapozo-belyegsav{
  flex:0 0 auto;
  max-height:20dvh;
  padding:10px 16px;
}
.ujsagnezo-onallo .lapozo-belyegsav button{
  width:58px;
}
.ujsagnezo-onallo .lapozo-js-nelkul{
  padding:8px 16px;
  font-size:12px;
}
.ujsagnezo-onallo .lapozo-js-nelkul a{
  margin-left:12px;
  text-decoration:underline;
}
.ujsagnezo-onallo .lapozo-vissza:focus-visible,
.ujsagnezo-onallo .lapozo-gomb:focus-visible,
.ujsagnezo-onallo .lapozo-zoom:focus-visible{
  outline:2px solid #fff;
  outline-offset:2px;
}
@media (min-width:761px){
  /* a súgó saját sávot kap a lap alatt, így nem takarja az újságoldal alját */
  .ujsagnezo-onallo .lapozo-vaszon{
    bottom:46px;
  }
  .ujsagnezo-onallo .lapozo-tipp{
    bottom:10px;
  }
}
@media (max-width:760px){
  .ujsagnezo-onallo .lapozo-sav{
    gap:6px 10px;
    padding-right:max(10px,env(safe-area-inset-right));
    padding-left:max(10px,env(safe-area-inset-left));
  }
  .ujsagnezo-onallo .lapozo-lapszam{
    margin-left:auto;
    gap:5px;
  }
  /* mobilon felül csak a vissza és a lapozó; nagyítani két ujjal lehet */
  .ujsagnezo-onallo .lapozo-cim,
  .ujsagnezo-onallo .lapozo-eszkozok{
    display:none;
  }
  /* mobilon nincs külön terméklista: a termékre koppintva nyílik a termékoldal */
  .ujsagnezo-onallo .lapozo-test{
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:minmax(0,1fr);
  }
  .ujsagnezo-onallo .lapozo-lista,
  .ujsagnezo-onallo .lapozo-gomb[aria-controls="lapozo-lista"]{
    display:none;
  }
  .ujsagnezo-onallo .lapozo-tipp{
    display:none;
  }
}
@media (max-width:700px){
  /* az alsó menüsáv helye: az újságoldal fölötte tölti ki a képernyőt */
  body.ujsagnezo-onallo{
    padding-bottom:calc(66px + env(safe-area-inset-bottom));
  }
}