/* Import modular CSS files */
@import url('./styles/base.css');
@import url('./styles/header.css');
@import url('./styles/sections.css');
@import url('./styles/components.css');
@import url('./styles/pages.css');
@import url('./styles/responsive.css');



/* Global Fix: Move Messenger above WhatsApp on the right */
.floating-social-left {
    left: auto !important;
    right: 20px !important;
    bottom: 95px !important;
    z-index: 999;
}
@media (max-width: 768px) {
    .floating-social-left {
        right: 15px !important;
        bottom: 85px !important;
    }
}

/* Global Fix for Horizontal Scrolling (Mobile & Desktop) */
html, body {
    max-width: 100%;
    overflow-x: hidden !important;
}

.contact-form, .container {
    max-width: 100%;
    box-sizing: border-box;
}

/* Ultra-Mobile Fixes */
@media (max-width: 768px) {
    /* Make the Language Button noticeably smaller */
    .lang-btn {
        padding: 4px 10px !important;
        font-size: 0.75rem !important;
        min-width: auto !important;
        height: 30px !important;
        border-radius: 6px !important;
        margin-right: 10px !important;
    }
    .lang-btn i {
        font-size: 0.8rem !important;
    }
    .lang-btn::after {
        display: none !important; /* Remove dropdown arrow on mobile to save space if needed, or make it smaller */
    }

    /* Fix Header Gap / Separator */
    .header {
        border-bottom: none !important;
        box-shadow: none !important;
        background: #000 !important;
    }
    .header::after {
        display: none !important; /* Remove any pseudo-element separators */
    }
    
    /* Ensure the mobile menu starts exactly after the header */
    .nav-links {
        top: 65px !important; /* Adjust to match header height */
        border-top: none !important;
        box-shadow: none !important;
        background-color: #000 !important;
        height: calc(100vh - 65px) !important;
    }
}