/* =============================================================================
   Iktató — IKONGOMBOK: kerek, feliratot NEM hordozó üveg-kezelőszervek.
   Átvéve a far360 ikongomb.css-éből (a „szem” dokumentum-gomb általános
   ikongombbá alakítva: .f-ikongomb, mellette .f-ikongombok a sorhoz).

   Saját fájl, mert saját szabályuk van: a LÁTVÁNY kompakt (34 px), az ÉRINTÉSI CÉL
   viszont 44×44 px egy láthatatlan ::after-takaróval (WCAG 2.5.5). Így a sűrű
   táblázatok sorai nem hízanak ki, a hüvelykujj mégis eltalálja őket. Az ikon
   MELLETT mindig van szöveges címke (aria-label vagy .f-sr-only): az ikon maga
   sosem az egyetlen jelzés. Az ikon vonalas inline SVG, 2 px vonal.
   ============================================================================= */
.f-ikongombok {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  white-space: nowrap;
}

.f-ikongomb {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  padding: 0;
  border-radius: var(--r-pill);
  border: 1px solid var(--glass-line-soft);
  background: var(--glass-secondary);
  backdrop-filter: blur(var(--glass-blur-sm));
  -webkit-backdrop-filter: blur(var(--glass-blur-sm));
  box-shadow: inset 0 1px 0 var(--glass-edge), var(--glass-depth-1);
  color: var(--f-ink);
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.15s var(--ease), border-color 0.15s var(--ease),
              transform 0.15s var(--ease);
}
.f-ikongomb svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* Láthatatlan 44×44 px érintési takaró: a látvány kompakt marad. */
.f-ikongomb::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 44px;
  height: 44px;
  transform: translate(-50%, -50%);
}
.f-ikongomb:hover {
  background: var(--glass-secondary-hover);
  border-color: var(--glass-line);
  color: var(--f-ink);
  transform: translateY(-1px);
}

@media (max-width: 600px) {
  /* Mobilon nincs sűrű táblázat: itt valódi 44×44 px a gomb. */
  .f-ikongomb { width: 44px; height: 44px; }
}