/* Footer Styling - Global 

Version: 1.0.02

*/


/* Footer Navigation Hover - Accent 4 Color */
.leadmaine-footer-nav-item > a:hover {
    color: var(--wp--preset--color--accent-4) !important;
    opacity: 1 !important;
}

.leadmaine-footer-subnav a:hover {
    color: var(--wp--preset--color--accent-4) !important;
    opacity: 1 !important;
}

/* Footer Mobile Layout Improvements */
@media (max-width: 782px) {
    /* Make the main footer flex container wrap properly */
    footer .wp-block-group.is-horizontal.is-nowrap {
        flex-wrap: wrap !important;
        gap: 2rem !important;
        flex-direction: column !important;
        align-items: center !important;
    }
    
    /* Logo and Social Container - Full Width, Centered */
    footer .wp-block-group.is-horizontal > .wp-block-group:first-child {
        order: 1;
        width: 100% !important;
        text-align: center !important;
        align-items: center !important;
    }
    
    /* Center logo image and make it bigger */
    footer .wp-block-group.is-horizontal > .wp-block-group:first-child .wp-block-image {
        margin: 0 auto !important;
        text-align: center !important;
    }
    
    footer .wp-block-group.is-horizontal > .wp-block-group:first-child .wp-block-image img {
        max-width: 220px !important;
        margin: 0 auto !important;
    }
    
    /* Center social icons */
    footer .wp-block-group.is-horizontal > .wp-block-group:first-child .wp-block-social-links {
        justify-content: center !important;
        margin: 0 auto !important;
    }
    
    /* Navigation Container - Full Width */
    footer .wp-block-group.is-horizontal > .wp-block-group:nth-child(2) {
        order: 2;
        width: 100% !important;
    }
    
    /* Donate Button Container - Full Width, Centered */
    footer .wp-block-group.is-horizontal .wp-block-buttons {
        order: 3;
        width: 100% !important;
        justify-content: center !important;
        margin: 0 !important;
    }
}

/* HR Full Width within Footer Container */
footer .wp-block-separator.is-style-wide {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

footer .wp-block-group.alignwide {
    max-width: 100% !important;
}