/* Layer: feature-specific */
/* Scope: fiók – rendelés-kártyák, statisztika-jelölés, fiókmenü */
/* Used by: prototypes/webshop/fiok.html, prototypes/webshop/fiok-adatok.html */

.rendeles-sor {
  background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius);
  padding: var(--usps); display: flex; flex-direction: column; gap: var(--usps);
}
.rendeles-fej { display: flex; flex-wrap: wrap; align-items: center; gap: var(--usps); }
.rendeles-fej h3 { margin: 0; font-family: var(--font-cim); font-size: var(--ust1); font-weight: 500; }
.rendeles-fej h3 a { color: inherit; text-decoration: none; }
.rendeles-fej h3 a:hover { color: var(--c1); text-decoration: underline; }
.rendeles-datum { color: var(--text-muted); font-size: var(--ust-1); }
.rendeles-stat {
  display: inline-flex; align-items: center; gap: var(--usp2xs);
  background: var(--surface-2); border: 1px solid var(--border);
  border-radius: var(--radius-sm); padding: 2px var(--uspxs);
  font-size: var(--ust-1); font-weight: 500; color: var(--text);
}
.rendeles-osszeg { margin-inline-start: auto; color: var(--c1); font-size: var(--ust1); font-weight: 700; }
.rendeles-lab {
  display: flex; flex-wrap: wrap; gap: var(--usps);
  justify-content: space-between; align-items: center;
  border-block-start: 1px solid var(--border); padding-block-start: var(--usps);
}
.fiok-osszegzes dt, .fiok-osszegzes dd { font-size: var(--ust-1); }
@media (prefers-reduced-motion: reduce) {
  .rendeles-sor, .lapozo-szam { transition: none; }
}