/* ==========================================================================
   FOOTER CSS
   ========================================================================== */

.rbx-site-footer {
    background: var(--rbx-dark-alt);
    border-top: 1px solid var(--rbx-border);
    margin-top: auto;
}

/* ----------------------------------------
   FOOTER WIDGETS
   ---------------------------------------- */
.rbx-footer-widgets {
    padding: calc(var(--gap) * 2) 0;
    border-bottom: 1px solid var(--rbx-border);
}

.rbx-footer-widgets-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: calc(var(--gap) * 2);
}

.rbx-footer-col .rbx-widget {
    background: transparent;
    border: none;
    padding: 0;
    margin-bottom: 0;
}

.rbx-footer-col .rbx-widget-title {
    color: var(--rbx-white);
    border-bottom-color: var(--rbx-red);
}

/* ----------------------------------------
   FOOTER BOTTOM
   ---------------------------------------- */
.rbx-footer-bottom {
    padding: var(--gap) 0;
}

.rbx-footer-bottom-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--gap);
    flex-wrap: wrap;
}

.rbx-footer-brand {
    display: flex;
    align-items: center;
    gap: 0.75em;
}

.rbx-footer-logo { display: flex; align-items: center; }

.rbx-copyright {
    font-size: 0.8rem;
    color: var(--rbx-text-dim);
    margin: 0;
}
.rbx-copyright a { color: var(--rbx-text-dim); }
.rbx-copyright a:hover { color: var(--rbx-red); }

/* ----------------------------------------
   FOOTER NAVIGATION
   ---------------------------------------- */
.rbx-footer-nav .rbx-footer-menu {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 0.25em;
    flex-wrap: wrap;
}

.rbx-footer-menu li a {
    display: block;
    padding: 0.3em 0.7em;
    font-size: 0.8rem;
    color: var(--rbx-text-dim);
    border-radius: var(--radius);
    transition: color var(--transition);
}
.rbx-footer-menu li a:hover {
    color: var(--rbx-white);
    text-decoration: none;
}