/* =====================================================================
   Genex Anna – lebegő chat: a Genex oldal igazítása
   A szabályok csak akkor élnek, ha a chat widget tényleg betöltött
   (html.gx-chat-on – az /assets/js/genex-chat.js teszi rá). Ha a widget
   nem tölt be, a scroll-to-top gomb az eredeti helyén marad.

   A scroll-to-top (.tap-top) a chat gomb fölé, vele egy oszlopba kerül:
     chat gomb (widget.js):  62px, alul 20px, jobbra 22px
                             <=520px: 58px, alul 16px, jobbra 16px
     mobil alsó sáv (<=576px): a chat gomb a sáv fölé emelve (html.gx-chat-bar,
                             --gx-chat-bar = a sáv magassága, ~40px)
   ===================================================================== */

/* asztali: 50px-es gomb, a chat gomb közepére igazítva */
html.gx-chat-on .tap-top {
  bottom: 100px;
  right: 28px; }

/* tablet / kisebb laptop: 40px-es gomb (style.css, max-width: 991px) */
@media (max-width: 991px) {
  html.gx-chat-on .tap-top {
    right: 33px; } }

/* 521–576px, alsó sávval */
@media (max-width: 576px) {
  html.gx-chat-on.gx-chat-bar .tap-top {
    bottom: calc(var(--gx-chat-bar, 40px) + 92px); } }

/* telefon: kisebb chat gomb (58px, jobbra 16px) */
@media (max-width: 520px) {
  html.gx-chat-on .tap-top {
    bottom: 92px;
    right: 25px; }
  html.gx-chat-on.gx-chat-bar .tap-top {
    bottom: calc(var(--gx-chat-bar, 40px) + 88px); } }

/* nagyon keskeny telefon: 30px-es gomb (style.css, max-width: 360px) */
@media (max-width: 360px) {
  html.gx-chat-on .tap-top {
    right: 30px; } }

/* amíg a chat köszöntő buboréka látszik, ne takarja a scroll-to-top gombot */
html.gx-chat-on.gx-chat-teaser .tap-top {
  visibility: hidden;
  pointer-events: none; }