/* =============================================================================
   Iktató — AZ ÜVEG TARTALÉKAI. Egy fájl, egy felelősség: mi történik ott, ahol a
   Liquid Glass effekt nem elérhető vagy nem kívánatos. Átvéve a far360-ból.

   MIÉRT EGY HELYEN: ha minden komponens maga vinné a saját @supports- és
   prefers-reduced-transparency-blokkját, az egyik réteg tartaléka észrevétlenül
   elmaradhatna a másiktól. A tartalék a rendszer ígérete („üveg nélkül is
   olvasható marad”), tehát EGYÜTT kell látni.

   BETÖLTÉSI SORREND: a komponensek UTÁN (lásd _Stilusok.cshtml), különben a komponens
   saját, üveges szabálya írná felül a tartalékot.

   1. @supports not (backdrop-filter): átlátszatlan töltet; a kontraszt itt sem esik a
      küszöb alá. Az elsődleges szín a tokenből jön (var(--f-primary)), így a bérlő
      akcentusát is követi.
   2. prefers-reduced-transparency: a homály MAGA is kikapcsol. A tokenek átlátszatlanra
      váltását a tokens.css (és a bérlői /arculat.css) végzi; itt csak a filtereket oldjuk fel.
   ============================================================================= */

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  /* Gombok */
  .btn-f, input[type="submit"] { background-color: var(--f-primary); }
  .btn-f:hover, input[type="submit"]:hover { background-color: var(--f-primary-hover); }
  .btn-f-outline { background-color: #fbfaf7; }
  .btn-f-outline:hover { background-color: #ffffff; }
  .btn-f-ghost { background-color: #efece3; }
  .btn-f-ghost:hover { background-color: #e7e4da; }
  .btn-f-danger { background-color: #8a2418; }
  .btn-f-danger:hover { background-color: #7a1f14; }

  /* Fejléc, lapozó, ikongomb */
  .f-header { background: var(--f-dark); }
  .f-pagination a,
  .f-pagination span { background: #fbfaf7; }
  .f-pagination .aktiv { background: var(--f-primary); }
  .f-ikongomb { background: #fbfaf7; }

  /* A sötét felületen a ghost gomb marad áttetsző fehér: ott nincs mit tartalékolni. */
  .f-header .btn-f-ghost,
  .u-dark .btn-f-ghost { background-color: rgba(255, 255, 255, 0.14); }
}

@media (prefers-reduced-transparency: reduce) {
  .btn-f,
  .btn-f-outline,
  .btn-f-ghost,
  .btn-f-danger,
  input[type="submit"],
  .f-header,
  .f-pagination a,
  .f-pagination span,
  .f-ikongomb {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}