/* Container should never have a fixed height */
.footer-logo-section {
    width: 100%;
    height: auto;
}

/* The primary brand logo in footer */
.footer-main-logo img {
    height: 30px;
    width: auto;
    object-fit: contain;
    display: block;
    filter: grayscale(100%);
    opacity: 0.7;
}

/* Partner Logo Wrapper */
.footer-partner-container {
    gap: 1.25rem; /* Spacing between logos */
    margin-top: 1.25rem; /* Spacing for mobile when stacked */
}

.footer-partner-item img {
    height: 30px;
    width: auto;
    object-fit: contain;
    filter: grayscale(100%);
    opacity: 0.7;
}

/* Tablet & Desktop Layout */
@media (min-width: 768px) {
    .footer-partner-container {
        border-left: 1px solid #838383; /* Thinner line for footer */
        margin-left: 1rem;
        padding-left: 1rem;
        margin-top: 0; /* Remove top margin when side-by-side */
    }
}