/* 
    Footer Fusion - Geometric Effect
    Connects the main content to the footer seamlessly.
*/

/* Hide the default separator in footer.php when wrapped in .footer-fusion */
.footer-fusion .separator {
    display: none !important;
}

/* Geometric Container */
.geometric-container {
    position: relative;
    background: #141443; /* Matches the footer background color */
    height: 100px; /* Adjust height for the angle */
    width: 100%;
    overflow: hidden;
    line-height: 0;
    margin-bottom: -1px; /* Fix for potential sub-pixel rendering gaps */
    z-index: 1;
}

/* The SVG */
.geometric-container svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 100%;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .geometric-container {
        height: 60px;
    }
}