/* ==========================================================================
   OPTIMUM AUTÓSISKOLA — mutatoszamok.css (Mutatószámok oldal)
   Középre zárt, egyszerű elrendezés a tulajdonos mintája szerint:
   cím · a vizsgaközpont hivatalos lekérdezőjének linkje · kártya a rendeleti
   hivatkozással és a PDF-linkkel. Csak a base.css tokenjeit használja.
   ========================================================================== */

/* A lábléc ne ugorjon fel a képernyő közepére: az oldal kitölti a kijelzőt */
.mutato {
  text-align: center;
  min-height: calc(100vh - 320px);
  min-height: calc(100svh - 320px);
}
.mutato__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.mutato__cim { margin-bottom: var(--space-3); }

/* „Statisztikai adatok VSM–ÁKÓ (kattints ide)” — rozsda, nagybetűs alcím-link */
.mutato__alcim {
  max-width: none;
  margin-bottom: var(--space-7);
}
/* (a base.css „p a” szövegközi link-stílusát felülírjuk: itt rozsda, aláhúzás csak a „kattints ide” alatt) */
.mutato__alcim .mutato__kulso {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  column-gap: var(--space-2);
  row-gap: var(--space-1);
  min-height: 44px;
  padding: var(--space-2) var(--space-3);
  border-radius: var(--radius-sm);
  color: var(--brand);
  text-decoration: none;
  transition: color var(--transition), background-color var(--transition);
}
.mutato__alcim .mutato__kulso:hover { text-decoration: none; }
.mutato__kulso-cim {
  flex-basis: 100%;
  font-size: var(--fs-sub);
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.mutato__katt {
  font-size: var(--fs-body);
  font-weight: 700;
  text-decoration: underline;
  text-decoration-color: var(--brand);
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}
.mutato__kulso svg { width: 18px; height: 18px; flex-shrink: 0; }
.mutato .nowrap { white-space: nowrap; }   /* a „VSM–ÁKÓ” ne törjön a kötőjelnél */
@media (hover: hover) {
  .mutato__alcim .mutato__kulso:hover { color: var(--brand-lip); background: var(--brand-wash); }
}

/* A kártya: rendeleti hivatkozás + rövidítések + PDF */
.mutato__kartya {
  width: 100%;
  max-width: 640px;
  padding: clamp(1.5rem, 1rem + 2vw, 2.5rem);
}
.mutato__rendelet,
.mutato__roviditesek {
  max-width: none;
  color: var(--ink);
  font-weight: 800;
}
.mutato__rendelet { font-size: var(--fs-sub); line-height: 1.35; margin-bottom: var(--space-3); }
.mutato__roviditesek { font-size: var(--fs-body); letter-spacing: 0.04em; margin-bottom: var(--space-6); }

.mutato__dok {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-3);
}
.mutato__pdf { white-space: normal; max-width: 100%; }
@media (max-width: 400px) {
  .mutato__pdf { padding-inline: 1rem; letter-spacing: 0.02em; }
}
/* a .btn display-e felülírná a hidden attribútumot */
.mutato__pdf[hidden],
.mutato__hiany[hidden] { display: none; }
.mutato__hiany {
  max-width: 42ch;
  margin-inline: auto;
  padding: var(--space-4) var(--space-5);
  border: 2px dashed var(--line);
  border-radius: var(--radius);
  color: var(--ink-soft);
}