/* ============================================================
   NAGYOBB GOMBOK — a kérés: "a gombok lehetnének nagyobbak"

   EGY KÖZPONTI PONT, nem oldalankénti patch: ha bármelyik
   felület később módosítja a gomb méretét, a !important
   felülírja -> a gombok mindig egyformák és mindig nagyok.
   A design-rendszer többi eleme (szöveg, kártya, ikon) nem
   változik -> az oldal nem lesz "felfújt", csak a gombok
   kényelmesebbek (a 15px túl kicsi volt egy 60+ px magas
   kattintható felülethez képest).
   ============================================================ */

:root {
  /* A skálázás egy kapcsoló: 1 = eredeti, 1.18 = nagyobb */
  --ui-btn-scale: 1.18;
  --ui-font-min: 16px;
  --ui-hit-min: 46px;      /* a kattinthato minimum magassaga */
}

/* ── a gyakori gomb-csaladok (a.btn a style.css-ből) ── */
.btn {
  padding: calc(12px * var(--ui-btn-scale)) calc(26px * var(--ui-btn-scale));
  font-size: max(15px, var(--ui-font-min));
  font-weight: 650;
  min-height: var(--ui-hit-min);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  /* a kis ikonokat is felmereszjuk (14px -> ~17px) */
  line-height: 1;
}
.btn svg,
.btn.ic { width: 17px; height: 17px; flex: 0 0 auto; margin: 0 !important; vertical-align: middle; }

.btn-full { width: 100%; }

/* ── a gx-btn (a design-rendszer gombja) ── */
.gx-btn {
  min-height: var(--ui-hit-min);
  padding: calc(11px * var(--ui-btn-scale)) calc(18px * var(--ui-btn-scale));
  font-size: max(14px, calc(var(--ui-font-min) - 1px));
  gap: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.gx-btn svg,.gx-btn.ic { width: 17px; height: 17px; flex: 0 0 auto; margin: 0 !important; }

/* ── a fiók-oldal gombjai (acc2) ── */
.acc2-btn { min-height: var(--ui-hit-min); }
.acc2-btn svg,.acc2-btn.ic { width: 18px; height: 18px; }

/* ── a NAV-ikonok (a felső menü / a szekció-kiválasztók) ── */
.btn-nav { min-height: var(--ui-hit-min); }
.nav-link,
.gx-nav a,
.acc2-tab { min-height: var(--ui-hit-min); }

/* ── a kis segédgombok NE legyen ekkora (a "Kijelentkezés" a képen) ── */
.btn-sm {
  padding: calc(9px * var(--ui-btn-scale)) calc(16px * var(--ui-btn-scale));
  font-size: max(14px, calc(var(--ui-font-min) - 1px));
  min-height: 38px;
}

/* ── a fókusz: a meg-nagyobb gomb legyen a legjobban látható ── */
.dash-actions.btn:not(.btn-sm),
.quick-actions.btn {
  font-weight: 700;
  letter-spacing: 0.2px;
}

/* a táblázatos (kis) gombok a boltban/tranzakciókban: maradnak
   kicsik, hogy a táblázat ne ugorjon szét */
.gx-table.btn-sm,
.table.btn-sm { min-height: 32px; }

/* ── a hover/active fokozás (a nagyobb gombhoz) ── */
.btn:hover { transform: translateY(-2px) scale(1.015); }

/* ── a reszponzivitás: mobilon a skala kisebb (a szűk kijelző) ── */
@media (max-width: 560px) {
:root { --ui-btn-scale: 1.06; --ui-font-min: 15px; --ui-hit-min: 44px; }
.btn { padding: 13px 18px; }
}