/* Footer Component Styles */

.footer-container {
    width: 100%;
    background-color: #3E3E3E;
    /* Dark gray background */
    display: flex;
    justify-content: center;
    padding: 40px 0;
    /* Spacing from previous section */

    .footer-inner {
        width: 100%;
        max-width: 1200px;
        display: flex;
        align-items: center;
        /* Vertically align logo and text */
        gap: 40px;
        /* Space between logo and text */
        padding: 0 20px;
        /* Horizontal padding for smaller screens */
        box-sizing: border-box;

        .footer-logo {
            flex-shrink: 0;

            img {
                height: 42px;
                /* Adjust height based on actual logo aspect ratio */
                width: auto;
                /* Make logo white */
                filter: brightness(0) invert(1);
                opacity: 0.9;
            }
        }

        .footer-content {
            display: flex;
            flex-direction: column;
            gap: 4px;
            color: #fff;
            font-size: 15px;
            font-weight: 400;

            .footer-address {
                font-style: normal;
                word-break: keep-all;
                color: #fff;
                /* Slightly dim white */
                line-height: 1.5;
            }

            .footer-links {
                display: flex;
                gap: 28px;
                margin: 0 0 8px 0;
            }

            .footer-link {
                color: #E8F4F6;
                text-decoration: none;
                font-size: 18px;
                font-weight: 500;
                opacity: 0.8;
                transition: opacity 0.2s;

                &:hover {
                    opacity: 1;
                    text-decoration: underline;
                    text-underline-offset: 3px;
                }
            }

            .footer-copyright {
                margin: 0;
                word-break: keep-all;
                /* Dimmer gray for copyright */
                /* English text often looks better in Roboto or system font */
            }
        }
    }
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .footer-container {
        padding: 40px 0;
        /* Keep padding consistent or slightly reduced */

        .footer-inner {
            flex-direction: column;
            align-items: center;
            /* Center align items */
            text-align: center;
            /* Center text */
            gap: 25px;
            /* Increase gap slightly */

            .footer-logo {
                margin-bottom: 5px;
                /* Add slight margin below logo */
            }

            .footer-content {
                align-items: center;
                /* Center content flex items */
                font-size: 14px;
                /* Slightly smaller text for mobile if needed */
                gap: 8px;
                /* Increase gap between address and copyright */

                .footer-address {
                    word-break: keep-all;
                    /* Prevent awkward word breaks */
                    line-height: 1.6;
                    opacity: 0.8;
                }

                .footer-links {
                    justify-content: center;
                    margin: 0 0 6px 0;
                }

                .footer-link {
                    font-size: 14px;
                }

                .footer-copyright {
                    font-size: 13px;
                    opacity: 0.6;
                }
            }
        }
    }
}