/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Apr 05 2026 | 14:33:14 */
/* Przezroczyste tło dla całego kontenera */
.gt_float_switcher,
.gt-selected 
{
    background: transparent !important;
	  background-color: transparent !important;
		color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    font-family: inherit !important;
    padding: 0 !important;
}

.gt-current-lang .gt-lang-code,
.gt-current-lang .gt_float_switcher-arrow {
	display: none !important;
}

.gt-current-lang img {
    width: 24px !important;
}

.gt_float_switcher .gt_options {
	background: #fff !important;
}


.gt_float_switcher .gt_options {
    position: absolute !important;
    top: 100% !important; /* Pojawi się tuż pod ikoną */
    
    /* WYBÓR POZYCJI: 
       Jeśli ikona jest po PRAWEJ stronie ekranu, użyj: right: 0 !important; 
       Jeśli ikona jest po LEWEJ stronie ekranu, użyj: left: 0 !important; */
    right: 0 !important;
    
    min-width: 200px !important;
    width: max-content !important;
    
    /* SCROLL I WYSOKOŚĆ */
    max-height: 400px !important; /* Maksymalna wysokość panelu */
    overflow-y: auto !important;  /* Włącza przewijanie pionowe */
    overflow-x: hidden !important; /* Blokuje przewijanie poziome */
    
    /* WYGLĄD */
    background: #fff !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.15) !important;
    padding: 8px 0 !important;
    margin-top: 10px !important;
    z-index: 999999 !important;
    border: 1px solid #eee !important;
}

/* =========================================
   3. OPCJE W MENU (POJEDYNCZE JĘZYKI)
   ========================================= */

/* Wygląd poszczególnych elementów listy */
.gt_float_switcher .gt_options a {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 13px 18px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #1a1a2e !important;
    text-decoration: none !important;
    transition: background 0.15s !important;
    border-bottom: 1px solid #f0f2f5 !important;
}

/* Usunięcie kreski pod ostatnim językiem */
.gt_float_switcher .gt_options a:last-child {
    border-bottom: none !important;
}

/* Efekt po najechaniu myszką */
.gt_float_switcher .gt_options a:hover {
    background: #f7f8fa !important;
}

/* Małe flagi obok napisów */
.gt_float_switcher .gt_options a img {
    width: 20px !important; 
    height: auto !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
}

/* Przywracamy wyświetlanie tekstu w otwartym menu */
.gt_float_switcher .gt_options a span {
    display: block !important; 
    color: #1a1a2e !important;
}


/* =========================================
   4. CHECKMARK (KÓŁECZKO ZAZNACZENIA)
   ========================================= */

/* Usuwamy domyślne tło zaznaczenia GTranslate, by nie psuło designu */
.gt_float_switcher .gt_options a.gt_current {
    background: #f7f8fa !important;
    font-weight: 600 !important;
}

/* =========================================
   POPRAWKA DLA WERSJI MOBILNEJ
   ========================================= */

/* Na komputerze (zostaje przy ikonie) */
@media (min-width: 1024px) {
    .gt_float_switcher .gt_options {
        position: absolute !important;
        top: 100% !important;
        right: 0 !important;
        left: auto !important;
        transform: none !important;
    }
}

/* Na telefonie (środek ekranu) */
@media (max-width: 1024px) {
    .gt_float_switcher .gt_options {
        position: fixed !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        width: 85% !important;
        max-height: 80vh !important;
    }
}


/* =========================================
   UKRYCIE PASKA SCROLL W MENU JĘZYKÓW
   ========================================= */
.gt_float_switcher .gt_options {
    scrollbar-width: none !important;        /* Firefox */
    -ms-overflow-style: none !important;     /* IE / Edge */
}

.gt_float_switcher .gt_options::-webkit-scrollbar {
    display: none !important;                /* Chrome, Safari, Opera */
}


/* =========================================
   CHECKMARK — jeden ::after z kompletnym SVG
   ========================================= */

.gt_float_switcher .gt_options a {
    position: relative !important;
}

/* Kółko puste — niewidoczne domyślnie */
.gt_float_switcher .gt_options a::after {
    content: '' !important;
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    flex-shrink: 0 !important;
    margin-left: auto !important;
    opacity: 0 !important;
    transition: opacity 0.2s, background-image 0.1s !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='8.5' stroke='%23c8cdd6' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    box-sizing: border-box !important;
}

/* Aktywny: kółko + ptaszek razem w jednym SVG */
.gt_float_switcher .gt_options a.gt_current::after {
    opacity: 1 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='8.5' stroke='%236b7280' stroke-width='1.5' fill='none'/%3E%3Cpolyline points='5.5%2C10.5 8.5%2C13.5 14.5%2C7' stroke='%236b7280' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

/* Usuń stary ::before jeśli był */
.gt_float_switcher .gt_options a::before {
    display: none !important;
}

/* =========================================
   FIX z-index — GTranslate vs menu Hestia
   ========================================= */

#menu-item-2575 {
    position: relative !important;
    z-index: 1 !important;
}

/* Wszystkie warianty otwartego dropdownu Hestia/Bootstrap */
#menu-menu > li.open,
#menu-menu > li.dropdown.open,
#menu-menu > li:hover {
    position: relative !important;
    z-index: 100 !important;
}

#menu-menu > li.open > .dropdown-menu,
#menu-menu > li.dropdown.open > .dropdown-menu,
#menu-menu > li:hover > .dropdown-menu {
    z-index: 100 !important;
}