/* ==========================================
   STYLES FOR TRANSLATE UI (LANG SWITCH)
   ========================================== */
.lang-switch {
  display: inline-flex;
  gap: 0;
  vertical-align: middle;
}
.lang-btn {
  padding: 0 8px;
  font-family: Arial, sans-serif;
  font-size: 13px;
  border: 1px solid #767676;
  border-radius: 3px;
  background-color: #ffffff;
  color: #000000;
  cursor: pointer;
  height: 22px; 
  line-height: 20px;
  white-space: nowrap;
  margin: 0;
  vertical-align: middle;
}
.lang-btn:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
}
.lang-btn:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 1px solid #767676;
}
.lang-btn:hover { background-color: #f0f0f0; }
.lang-btn.active { background-color: #e0e0e0; font-weight: bold; }

body.dark-mode .lang-btn, body.black-mode .lang-btn {
  background-color: #2b2b2b;
  color: #e0e0e0;
  border: 1px solid #555;
}
body.dark-mode .lang-btn:hover, body.black-mode .lang-btn:hover { background-color: #3a3a3a; }
body.dark-mode .lang-btn.active, body.black-mode .lang-btn.active { background-color: #4a4a4a; }
body.dark-mode .lang-btn:last-child, body.black-mode .lang-btn:last-child {
  border-left: 1px solid #555;
}

/* ==========================================
   GOOGLE TRANSLATE VISUAL FIXES
   ========================================== */
font, font *, .goog-te-gadget, .goog-text-highlight, .goog-tooltip {
  background-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  text-decoration: none !important;
}
font:hover, font *:hover {
  background-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* ==========================================
   FIX DLA PASKA GOOGLE TRANSLATE I PRZEWIJANIA
   ========================================== */
/* Ukrycie domyślnego paska Google Translate */
#google_translate_element { display: none !important; }
.goog-te-banner-frame.skiptranslate,
.skiptranslate {
  display: none !important;
  height: 0 !important;
}
body {
  top: 0 !important;
  position: static !important;
  margin-top: 0 !important;
  overflow-x: hidden !important; /* Blokuje poziomy pasek, nie psując max-width strony */
}
.dark-mode-toggle-container {
  margin-top: 6px !important;
}
html {
  overflow-y: auto !important;
  overflow-x: hidden !important; /* Dodatkowe zabezpieczenie przed poziomym przewijaniem */
}