/* ==========================================================================
   URSUS — alapréteg (mobile-first)
   Az alapállapot a mobil. Minden bővítés min-width breakpointon:
   sm 600px · md 900px · lg 1180px
   ========================================================================== */

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}

body{
  margin:0;
  background:var(--u-paper);
  color:var(--u-tx-l);
  font-family:var(--u-sans);
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  overflow-x:hidden;
}

img,svg,video{max-width:100%;display:block;height:auto}
a{color:inherit}
button,input,select,textarea{font-family:inherit;font-size:inherit}

h1,h2,h3,h4,h5,h6{margin:0;line-height:1.18;font-weight:700;text-wrap:balance}
p{margin:0}
ul,ol{margin:0;padding:0}

/* Sablon-tartalom (the_content) listái viszont kapják vissza a jelölést */
.u-prose ul,.u-prose ol{padding-left:1.25em;margin:0 0 1em}
.u-prose li{margin-bottom:.35em}
.u-prose p{margin:0 0 1em}
.u-prose p:last-child{margin-bottom:0}
.u-prose h2,.u-prose h3{margin:1.6em 0 .5em}
.u-prose a{color:var(--u-bronze-ink);text-decoration:underline;text-underline-offset:2px}
.u-prose img{border-radius:var(--u-r);margin:0 0 1em}

/* Széles tartalom a szerkesztői szövegben (táblázat, kódblokk, beágyazás)
   SAJÁT vízszintes görgetést kap, hogy a lap törzse soha ne csússzon oldalra.
   A régi téma termékleírásaiban vannak beágyazott táblázatok — enélkül azok
   szétfeszítenék a mobil nézetet. */
.u-prose table{display:block;width:100%;overflow-x:auto;border-collapse:collapse;
               margin:0 0 1em;font-size:.88rem;-webkit-overflow-scrolling:touch}
.u-prose th,.u-prose td{padding:9px 12px;text-align:left;border:1px solid var(--u-line-l);white-space:nowrap}
.u-prose thead th{background:var(--u-paper-2);font-weight:700}
.u-prose pre{overflow-x:auto;max-width:100%}

/* Fókusz — mindig látható, sötét és világos alapon egyaránt */
:focus-visible{outline:2px solid var(--u-bronze);outline-offset:2px}

/* Képernyőolvasónak látható, szemnek nem */
.u-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;
      overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.u-skip{position:absolute;left:-9999px;top:0;z-index:200;background:var(--u-ink);
        color:#fff;padding:12px 18px;border-radius:var(--u-r)}
.u-skip:focus{left:8px;top:8px}

::selection{background:var(--u-bronze);color:#fff}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;
                       transition-duration:.01ms!important}
}

/* Szerkesztői tartalom SÖTÉT szalagon.
   A .u-prose alapból világos háttérre készült; a termékfülek sötét sávban
   ülnek, ezért ott a szöveg- és szegélyszínek megfordulnak. */
.u-prose--dark{color:var(--u-tx-d2)}
.u-prose--dark h1,.u-prose--dark h2,.u-prose--dark h3,.u-prose--dark h4{color:#fff}
.u-prose--dark strong,.u-prose--dark b{color:#fff}
.u-prose--dark a{color:var(--u-bronze)}
.u-prose--dark th,.u-prose--dark td{border-color:var(--u-line-d)}
.u-prose--dark thead th{background:var(--u-ink-3);color:var(--u-tx-d)}
.u-prose--dark table{color:var(--u-tx-d2)}