/*
 * Footer-only customization layer.
 *
 * Move footer widgets, absolute footer, support badges, and footer utility
 * tweaks here over time.
 */

.absolute-footer.dark {
    display: none;
}

.ft-b {
    padding-top: 10px;
}

.camap-footer-a11y-heading {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    border: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
}

body.camap-theme-ui #footer.footer-wrapper {
    background: var(--sicomp-category);
    color: var(--sicomp-text-inverse);
}

body.camap-theme-ui #footer.footer-wrapper .section.dark {
    background: var(--sicomp-category) !important;
    color: var(--sicomp-text-inverse);
}

body.camap-theme-ui #footer.footer-wrapper .section.dark .section-bg {
    background: var(--sicomp-category) !important;
}

body.camap-theme-ui #footer.footer-wrapper .section-content,
body.camap-theme-ui #footer.footer-wrapper .text,
body.camap-theme-ui #footer.footer-wrapper p,
body.camap-theme-ui #footer.footer-wrapper li {
    color: var(--sicomp-white-strong);
}

body.camap-theme-ui #footer.footer-wrapper h1,
body.camap-theme-ui #footer.footer-wrapper h2,
body.camap-theme-ui #footer.footer-wrapper h3,
body.camap-theme-ui #footer.footer-wrapper h4,
body.camap-theme-ui #footer.footer-wrapper .title-menu {
    color: var(--sicomp-text-inverse);
}

body.camap-theme-ui #footer.footer-wrapper a {
    color: var(--sicomp-white-emphasis);
    text-decoration: none;
}

body.camap-theme-ui #footer.footer-wrapper a:hover,
body.camap-theme-ui #footer.footer-wrapper a:focus-visible {
    color: var(--sicomp-accent);
}

body.camap-theme-ui #footer.footer-wrapper .icon.button.is-outline {
    border-color: var(--sicomp-white-soft);
    color: var(--sicomp-text-inverse);
}

body.camap-theme-ui #footer.footer-wrapper .icon.button.is-outline:hover,
body.camap-theme-ui #footer.footer-wrapper .icon.button.is-outline:focus-visible {
    border-color: var(--sicomp-accent);
    background: var(--sicomp-white-subtle);
    color: var(--sicomp-accent);
}

.hotline-footer i {
    filter: brightness(0) invert(1);
    margin-right: 5px;
    animation: play 2s ease infinite;
}