html:has(#layoutFooter.footer-hidden) #footerHandler {
    bottom: 0px;
    opacity: 1;
}

html:not(:has(#layoutFooter.footer-hidden)) #footerHandler {
    bottom: 60px;
    opacity: 0;
}

.logoHeader {
    height: 39px;
}

.logoFooter {
    height: 35px;
}

.logoHeaderLink {
    padding-top: 0px !important;
}

.logoFooterLink {
    padding: 5px 0px 5px 0px !important;
}

#layoutFooter {
    min-height: 60px;
}

#layoutFooter {
    overflow: hidden;
    transition: transform 0.5s ease;
    z-index: 2;
}

    #layoutFooter.footer-hidden {
        transform: translateY(100%);
    }

#footerHandler {
    position: fixed;
    left: 50%;
    transition: bottom 0.5s ease, opacity 0.2s ease;
    transform: translateX(-50%);
    padding: 0px 15px;
    border-start-end-radius: 12px;
    border-start-start-radius: 12px;
}

.langLink:hover img {
    transform: scale(1.3);
    transition: all 0.2s ease;
}

.expandable {
    display:inline-block;
    overflow: hidden;
    white-space: nowrap;
    max-width: 0px;
    transition: max-width 0.4s ease; /*Zwijanie*/
}

#accountButton:hover .expandable,
#loginDropdown:hover .expandable,
#privacyButton:hover .expandable,
#processingButton:hover .expandable,
#docsButton:hover .expandable,
#themeDropdown:hover .expandable,
#langDropdown:hover .expandable,
#themeDropdown.show .expandable,
#langDropdown.show .expandable {
    max-width: 400px;
    transition: max-width 1.5s ease; /*Rozwijanie*/
}

html[data-bs-theme="dark"] #layoutHeader, html[data-bs-theme="dark"] #layoutFooter, html[data-bs-theme="dark"] #footerHandler {
    background-color: #121416;
}

html[data-bs-theme="light"] #layoutHeader, html[data-bs-theme="light"] #layoutFooter, html[data-bs-theme="light"] #footerHandler {
    background-color: #e6e6e6;
}

html[data-bs-theme="light"] .muted-text {
    color: #777777;
}

html[data-bs-theme="dark"] .muted-text {
    color: #9b9d9e;
}

html[data-bs-theme="light"] .dropdown-item.active, html[data-bs-theme="light"] .dropdown-item:active {
    background-color: rgba(84, 51, 255, 0.7) !important;
    color: white !important;
    border-color: transparent !important;
}

html[data-bs-theme="light"] .dropdown-item:focus, html[data-bs-theme="light"] .dropdown-item:focus-visible {
    background-color: rgba(68, 41, 208, 0.7) !important;
    color: white !important;
}

html[data-bs-theme="dark"] .dropdown-item.active, html[data-bs-theme="dark"] .dropdown-item:active {
    background-color: rgba(249, 2, 204, 0.7) !important;
    color: white !important;
    border-color: transparent !important;
}

html[data-bs-theme="dark"] .dropdown-item:focus, html[data-bs-theme="dark"] .dropdown-item:focus-visible {
    background-color: rgba(150, 9, 126, 0.7) !important;
    color: white !important;
}