/* Language Switcher Styles */
.language-switcher {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    vertical-align: middle;
}

.lang-btn {
    background: #333;
    border: 2px solid #555;
    color: #fff;
    padding: 6px 12px;
    border-radius: 20px;
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
    transition: all 0.3s ease;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    line-height: 1;
    min-width: 35px;
    text-align: center;
}

.lang-btn:hover {
    background: #555;
    border-color: #777;
    color: #fff;
    text-decoration: none;
    transform: translateY(-1px);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
}

.lang-btn.active {
    background: #f39c12;
    border-color: #e67e22;
    color: #fff;
    box-shadow: 0 2px 5px rgba(243, 156, 18, 0.4);
}

.lang-btn.active:hover {
    background: #e67e22;
    border-color: #d35400;
    color: #fff;
}

/* Language content visibility */
[data-lang-en], [data-lang-sk] {
    display: none;
}

/* Default to English if no language is set */
html[lang="en"] [data-lang-en],
html:not([lang]) [data-lang-en] {
    display: block;
}

html[lang="sk"] [data-lang-sk] {
    display: block;
}

/* Inline elements */
html[lang="en"] [data-lang-en][data-display="inline"],
html:not([lang]) [data-lang-en][data-display="inline"] {
    display: inline;
}

html[lang="sk"] [data-lang-sk][data-display="inline"] {
    display: inline;
}

/* Inline-block elements */
html[lang="en"] [data-lang-en][data-display="inline-block"],
html:not([lang]) [data-lang-en][data-display="inline-block"] {
    display: inline-block;
}

html[lang="sk"] [data-lang-sk][data-display="inline-block"] {
    display: inline-block;
}

/* Flex elements */
html[lang="en"] [data-lang-en][data-display="flex"],
html:not([lang]) [data-lang-en][data-display="flex"] {
    display: flex;
}

html[lang="sk"] [data-lang-sk][data-display="flex"] {
    display: flex;
}

/* List items */
html[lang="en"] [data-lang-en][data-display="list-item"],
html:not([lang]) [data-lang-en][data-display="list-item"] {
    display: list-item;
}

html[lang="sk"] [data-lang-sk][data-display="list-item"] {
    display: list-item;
}

/* Table elements */
html[lang="en"] [data-lang-en][data-display="table"],
html:not([lang]) [data-lang-en][data-display="table"] {
    display: table;
}

html[lang="sk"] [data-lang-sk][data-display="table"] {
    display: table;
}

/* Responsive language switcher */
@media (max-width: 991px) {
    .language-switcher {
        justify-content: center;
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

@media (max-width: 768px) {
    .language-switcher {
        justify-content: center;
        margin: 15px 0;
    }
    
    .lang-btn {
        padding: 8px 15px;
        font-size: 13px;
    }
}

@media (max-width: 576px) {
    .lang-btn {
        padding: 6px 12px;
        font-size: 12px;
    }
    
    .language-switcher {
        gap: 8px;
    }
}

/* Book Now button optimization */
.top-forms span a {
    padding: 10px 6px !important;
    font-size: 0.8em !important;
    border-radius: 3px !important;
    min-width: auto !important;
    white-space: nowrap !important;
    display: inline-block !important;
    line-height: 1 !important;
}

/* Additional top bar fixes */
.top-bar_sub_w3layouts .row {
    align-items: center;
}

@media (max-width: 768px) {
    .top-bar_sub_w3layouts .col-12 {
        margin-bottom: 10px;
    }
    
    .top-bar_sub_w3layouts .col-12:last-child {
        margin-bottom: 0;
    }
    
    .top-forms span a {
        padding: 10px 10px !important;
        font-size: 14px !important;
    }
}

@media (max-width: 576px) {
    .top-forms span a {
        padding: 8px 8px !important;
        font-size: 14px !important;
    }
}