.map-container {
    height: 300px;
    background: #f8fafc;
    border: 2px dashed #cbd5e1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #64748b;
}

@media (max-width: 1024px) {
    
    #mobileMenu {
        z-index: 2147483647 !important;
        position: fixed !important;
        top: 0 !important;
        right: 0 !important;
        width: 80vw !important;
        height: 100vh !important;
        background: white !important;
        box-shadow: -5px 0 15px rgba(0,0,0,0.1) !important;
    }
    
    #mobileOverlay {
        z-index: 2147483646 !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        background: rgba(0,0,0,0.5) !important;
        width: 100vw !important;
        height: 100vh !important;
    }
    
    body.mobile-menu-open {
        overflow: hidden !important;
        position: fixed !important;
        width: 100% !important;
        height: 100% !important;
    }
}


.enamad-style {
    border-radius: 0.5rem;
    padding: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.75rem;
    flex-direction: row-reverse;
    background-color: #ebfffd;
    margin:auto;
}


.lang-arabic { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }
.lang-english { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif; }

.language-transition {
    transition: opacity 0.3s ease;
}

html[dir="ltr"] .rtl-only,
html[dir="ltr"] [class*="space-x-reverse"] {
    direction: ltr !important;
}

.translatable {
    cursor: pointer;
    transition: all 0.2s ease;
}

.translatable:hover {
    background-color: rgba(59, 130, 246, 0.05);
}