/* =====================================================
  KÓD PRE ÚPRAVU POZÍCIE A VEĽKOSTI TLAČIDIEL (verzia 4)
===================================================== */

/* --- ÚPRAVA TLAČIDLA CHATBOTA --- */

#chat-toggle-button {
  width: 45px !important;
  height: 45px !important;
  bottom: 80px !important;
  left: 45px !important;
}

#chat-toggle-button svg {
  width: 24px !important;
  height: 24px !important;
}

#chat-container {
  bottom: 140px !important;
  left: 45px !important;
}

/* --- ÚPRAVA TLAČIDIEL ZDIEĽANIA --- */

.share-container {
  bottom: 80px !important;
  right: 45px !important;
}

.share-button {
  width: 45px !important;
  height: 45px !important;
}

.share-button svg {
  width: 18px !important;
  height: 18px !important;
}

/* === PRAVIDLÁ PRE OTVÁRANIE MENU ZDIEĽANIA DOĽAVA === */

/* Predvolené nastavenie pre menšie obrazovky (mobilné zobrazenie) */

.share-menu {
  flex-direction: column !important;
  bottom: 60px !important;
  right: auto !important;
  left: 0px !important;
  transform: translateY(10px) !important;
  gap: 10px !important;
}

/* Pravidlo pre desktop (obrazovky širšie ako 768px) */

@media (min-width: 768px) {
  .share-menu {
    flex-direction: row !important;
    bottom: 4px !important;
    right: 60px !important;
    left: auto !important;
    transform: translateX(10px) !important;
  }
}

/* Zobrazenie menu po prejdení myšou */

.share-container:hover .share-menu {
  transform: translateX(0) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Zmenšenie ikoniek sociálnych sietí (zostáva) */

.share-menu a {
  width: 38px !important;
  height: 38px !important;
  font-size: 18px !important;
}

.podciarknuty-nadpis {
  display: flex;
  align-items: baseline;
}

.podciarknuty-nadpis span:first-child {
  white-space: nowrap;
}