/* Global Overflow Fix */
html,
body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
    position: relative;
    width: 100%;
}

/* Logo responsive sizing - already applied via Tailwind */
/* h-12 md:h-20 for navbar and footer logos */

/* Form improvements for mobile */
@media (max-width: 640px) {

    /* Better form spacing on mobile */
    form input,
    form textarea,
    form select {
        font-size: 16px !important;
        /* Prevents zoom on iOS */
    }

    /* Better button sizing */
    form button[type="submit"] {
        padding: 1rem !important;
        font-size: 1rem !important;
    }

    /* Contact cards better spacing */
    .glass-card {
        /* padding: 1.5rem !important; */
    }
}

/* RTL Support for Arabic */
[dir="rtl"] {
    direction: rtl;
    text-align: right;
}

[dir="rtl"] .space-x-6>*+* {
    margin-left: 0;
    margin-right: 1.5rem;
}

[dir="rtl"] .space-x-8>*+* {
    margin-left: 0;
    margin-right: 2rem;
}

/* Better mobile menu */
@media (max-width: 768px) {
    #mobile-menu {
        max-height: calc(100vh - 80px);
        overflow-y: auto;
    }

    /* Prevent horizontal scroll */
    body {
        overflow-x: hidden;
    }

    /* Better hero text sizing */
    .hero-bg h1 {
        font-size: 2rem !important;
        line-height: 1.2 !important;
    }

    .hero-bg p {
        font-size: 1rem !important;
    }
}

/* Grid improvements */
@media (max-width: 640px) {

    /* Stats grids are handled better by specific classes if needed */
    /* .grid-cols-2 {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    } */

    /* Better card spacing */
    .gap-8 {
        gap: 1rem !important;
    }
}

/* Image responsive */
img {
    max-width: 100%;
    height: auto;
}

/* Better touch targets */
@media (max-width: 768px) {

    a,
    button {
        min-height: 44px;
        min-width: 44px;
    }
}