/* Overrides moved from inline styles in index.html to an external file so CSP won't block inline styles */

/* Language switcher */
.lang-switcher a {
    text-decoration: none;
    padding: 0.25rem 0.5rem;
    margin: 0 0.2rem;
    color: var(--clr-text);
    font-weight: 500;
}

    .lang-switcher a.active {
        font-weight: bold;
        color: var(--clr-primary);
        /* text-decoration: underline; */
    }

.lang-switcher .nav-link:hover {
    background-color: var(--clr-accent);
    color: #ffffff;
}

/* Modal brand/logo styling (previously inline on <img class="modal-logo-styled">) */
.modal-logo-styled {
    max-height: 40px;
    margin-right: 10px;
}

/* Ensure the large edukimi modal body keeps the zero padding behaviour */
#edukimiModal .modal-body {
    padding: 0 !important;
}

/* Cookie banner default hidden state and z-index previously inline */
#cookie-consent-banner {
    display: none;
    z-index: 1056;
}

/* Toast container z-index moved to CSS (IDs added in HTML) */
#meeting-toast-container {
    z-index: 1100;
}

#error-toast-container {
    z-index: 1150;
}

/* Footer Creative Commons icons */
.footer img.cc-icon {
    max-width: 1em;
    max-height: 1em;
    margin-left: .2em;
}

/* Loading placeholder used by modalLoader.js (replaces inline style) */
.modal-loading-placeholder {
    min-height: 150px;
}

/* add small rule for QR page removed from inline styles */
#qrcode {
    margin: 20px;
}