/**
 * Foubouffe Header & Footer - Footer CSS
 * Minimal structural styles only.
 * All visual styling should be done via the admin CSS box.
 */

#fbf-footer-wrap,
#fbf-footer-wrap *,
#fbf-footer-wrap *::before,
#fbf-footer-wrap *::after {
    box-sizing: border-box;
}

#fbf-footer-wrap {
    position: relative;
    z-index: 100;
    width: 100%;
}

#fbf-footer {
    background: var(--fbf-f-bg, #1a1a1a);
    color: var(--fbf-f-text, #ffffff);
    width: 100%;
}

/* Full width layout - no constraints */
#fbf-footer.fbf-footer-full .fbf-footer-inner {
    width: 100%;
    max-width: none;
    padding: 0;
}

/* Boxed layout - centered with max-width */
#fbf-footer.fbf-footer-boxed .fbf-footer-inner {
    padding: 40px 20px;
}

.fbf-footer-inner {
    width: 100%;
}