/* ===================================================================
   Footer Bottom Section - Master UI Design System
   Scoped to: #footer-bottom-section
   Typography: IBM Plex Mono (monospace)
   =================================================================== */

/* Import Typography */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500;600&display=swap');

#footer-bottom-section {
    --footer-bg: #003666;
    /* Slightly darker than main footer */
    --footer-text: #bdc3c7;
    --footer-link: #ffffff;
    --footer-link-hover: #29afe3;

    background: var(--footer-bg) !important;
    padding: 20px 0;
    font-family: 'IBM Plex Mono', monospace;
    font-size: 0.8rem;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

[data-theme="dark"] #footer-bottom-section {
    --footer-bg: #05080a;
}

/* Remove default overlay */
#footer-bottom-section .overlay-main {
    display: none;
}

#footer-bottom-section .row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#footer-bottom-section .copyrights-text {
    color: var(--footer-text);
}

#footer-bottom-section a {
    color: var(--footer-link);
    text-decoration: none;
    transition: color 0.2s;
}

#footer-bottom-section a:hover {
    color: var(--footer-link-hover);
}

/* Responsive */
@media (max-width: 767px) {
    #footer-bottom-section .row {
        flex-direction: column;
        gap: 10px;
        text-align: center;
    }

    #footer-bottom-section .text-right {
        text-align: center !important;
    }
}