.language-switcher {
            position: relative;
            display: inline-block;
        }
        
        .language-btn {
            background: transparent;
            border: 1px solid #e2e8f0;
            padding: 0.5rem 1rem;
            border-radius: 8px;
            cursor: pointer;
            display: flex;
            align-items: center;
            gap: 0.5rem;
            font-family: inherit;
            font-size: 1rem;
            transition: all 0.3s;
        }
        
        .language-btn:hover {
            background: #f8fafc;
        }
        
        .language-dropdown {
            position: absolute;
            top: 120%;
            left: 0;
            right: 0;
            background: white;
            border: 1px solid #e2e8f0;
            border-radius: 8px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            display: none;
            z-index: 1000;
            min-width: 95px;
        }
        
        .language-dropdown.show {
            display: block;
        }
        
        .language-dropdown::before {
            content: "";
            position: absolute;
            top: -14px;
            left: 14px;
            width: 0;
            height: 0;
            border-left: 12px solid transparent;
            border-right: 12px solid transparent;
            border-bottom: 15px solid white;
            filter: drop-shadow(0 -1px 1px rgba(0, 0, 0, 0.085));
        }
        
        .language-option {
            padding: 0.75rem 1rem;
            cursor: pointer;
            transition: background 0.3s;
            text-align: left;
        }
        
        .language-option:hover {
            background: #f1f5f9;
        }
        
        .language-option.active {
            background: #36a7e9;
            color: white;
            border-radius: 8px;
            border: 5px solid #fff;
        }
        
        
        /* RTL/LTR support */
        [dir="rtl"] .language-btn {
            flex-direction: row-reverse;
        }
        
        [dir="rtl"] .language-dropdown {
            text-align: right;
        }

        [dir="rtl"] .language-dropdown::before {
            left: auto;
            right: 15px; /* move the triangle to the right side */
        }


        /* Arabic font stack */
        body[lang="ar"] {
            font-family: "Almarai", "Tajawal", system-ui;
        }

        /* French/English font stack */
        body[lang="fr"],
        body[lang="en"] {
            font-family: "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
        }

        /* Ensure all elements inherit font */
        body * {
            font-family: inherit;
        }

        .product-button {
            font-family: inherit;
        }


    /* Mobile Language Styles */
    .language-mobile-options {
        border-top: 1px solid #e2e8f0;
        padding-top: 1rem;
        margin-top: 1rem;
    }
    
    .mobile-language-section {
        padding: 0 1rem;
    }
    
    .mobile-language-title {
        display: block;
        font-weight: 600;
        margin-bottom: 0.75rem;
        color: #374151;
        font-size: 0.9rem;
    }
    
    .mobile-language-buttons {
        display: flex;
        gap: 0.5rem;
        flex-wrap: wrap;
    }
    
    .mobile-language-btn {
        flex: 1;
        min-width: 80px;
        padding: 0.5rem 0.75rem;
        border: 1px solid #e2e8f0;
        border-radius: 6px;
        background: white;
        cursor: pointer;
        transition: all 0.3s;
        font-size: 0.8rem;
    }
    
    .mobile-language-btn:hover {
        background: #f8fafc;
    }
    
    .mobile-language-btn.active {
        background: #36a7e9;
        color: white;
        border-color: #36a7e9;
    }