/* 1. FORCE THE GLOBAL WHITE BG (As promised!) */
html, body, .dialog-off-canvas-main-canvas,
#main-wrapper, .main-content, .layout-main-wrapper, #main, .region-content {
    background-color: #ffffff !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* 2. Target the footer container and center everything */
[class*="site-footer"], [class*="region-footer"], .region-footer-bottom {
    text-align: center !important;
    display: block !important;
    background-color: #1a2a3a !important; /* Navy */
    padding: 30px 0 !important;
}

/* 3. Strip the vertical list styling and make it a horizontal row */
/* We added the 'menu' class target to be extra safe for Docuserves */
.region-footer-bottom ul, .site-footer ul, .region-footer-bottom .menu {
    display: inline-flex !important;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 auto 10px auto !important;
}

/* 4. Add the Pipe | Separator */
.region-footer-bottom ul li, .site-footer ul li, .region-footer-bottom .menu-item {
    margin: 0 !important;
    display: flex !important; /* Forces the pipes to stay level with text */
    align-items: center;
}

.region-footer-bottom ul li:not(:last-child)::after,
.site-footer ul li:not(:last-child)::after,
.region-footer-bottom .menu-item:not(:last-child)::after {
    content: "|" !important;
    margin: 0 12px;
    color: #64748b; 
    font-size: 9.8px !important;
}

/* 5. The Links: White and 9.8px */
.region-footer-bottom a, .site-footer ul li a {
    font-size: 9.8px !important;
    color: #ffffff !important; 
    text-transform: uppercase;
    letter-spacing: 1.2px;
    text-decoration: none !important;
}

/* 6. THE CONTROLLED CONSTRICTOR (Footer Only) */
/* This limits the 9.8px effect strictly to the footer regions */
.site-footer .field--name-body,
.site-footer .field--name-body *,
.region-footer-bottom .field--name-body,
.region-footer-bottom .field--name-body *,
.site-footer__copyright,
.site-footer__copyright * {
    font-size: 9.8px !important;
    line-height: 1.2 !important; 
    color: #64748b !important; 
    text-transform: uppercase !important;
    letter-spacing: 1.2px !important;
}

/* Ensure the copyright line stays on its own row below the links */
.region-footer-bottom .field--name-body {
    margin-top: 12px !important;
    display: block !important;
    text-align: center !important;
}
/* --- 7. HIDE ALL FOOTER TITLES (Social & Legal) --- */
/* This targets titles in the Top, Middle, and Bottom footer regions */
[class*="region-footer"] h2,
[class*="region-footer"] .block-title,
.site-footer h2,
.site-footer .block-title {
    display: none !important;
}

/* Tighten up the spacing now that titles are gone */
.region-footer-top, .region-footer-bottom {
    margin-bottom: 0 !important;
    padding-top: 10px !important;
}