/* Language Support Styles */

/* Language Switcher */
.language-switcher {
    display: flex;
    align-items: center;
    margin-left: 1rem;
    cursor: pointer;
    padding: 0.5rem 0.8rem;
    border-radius: 4px;
    transition: all 0.3s ease;
    background-color: var(--primary-blue);
}

html[lang="ar"] .language-switcher { margin-left: 0; margin-right: 1rem; }
.language-switcher span { margin: 0 0.5rem; font-weight: 500; transition: var(--transition); }
.language-switcher:hover { background-color: rgba(0, 123, 255, 0.1); }
.language-switcher:hover span,
.language-switcher:hover a { color: var(--primary-blue); }
.language-switcher a { display: flex; align-items: center; color: var(--white); text-decoration: none; font-weight: 600; }
.language-switcher i { margin-right: 0.5rem; }
html[lang="ar"] .language-switcher i { margin-right: 0; margin-left: 0.5rem; }

/* RTL and LTR Support */
html[lang="ar"] { direction: rtl; }
html[lang="en"] { direction: ltr; }

/* Font Family Adjustments */
html[lang="ar"] body { font-family: 'Noto Sans Arabic', sans-serif; }
html[lang="en"] body { font-family: 'Poppins', sans-serif; }

/* Minimal alignment utilities */
html[lang="en"] .text-center { text-align: center; }
html[lang="en"] .text-left { text-align: left; }
html[lang="en"] .text-right { text-align: right; }

/* Language content visibility */
.ar-content { display: none; }
.en-content { display: none; }
html[lang="ar"] .ar-content { display: block; }
html[lang="en"] .en-content { display: block; }

/* Language Switcher basic responsiveness */
#languageSwitcher { position: relative; padding: 0.5rem 1rem; border-radius: 4px; background-color: rgba(0, 123, 255, 0.1); transition: all 0.3s ease; }
#languageSwitcher:hover { background-color: rgba(0, 123, 255, 0.2); }
#languageSwitcher a { display: flex; align-items: center; justify-content: center; color: var(--primary-blue); font-weight: 500; text-decoration: none; }
#languageSwitcher i { margin-right: 0.5rem; font-size: 1.1rem; }
html[lang="ar"] #languageSwitcher i { margin-right: 0; margin-left: 0.5rem; }

@media (max-width: 768px) {
    #languageSwitcher { margin-top: 1rem; text-align: center; }
    html[lang="en"] #languageSwitcher a { justify-content: flex-start; }
    html[lang="ar"] #languageSwitcher a { justify-content: flex-end; }
}

/* English Logo Harmonization */
html[lang="en"] .logo-video,
html[lang="en"] .logo-video-footer,
html[lang="en"] .hero-logo-video { /* Removed to match Arabic baseline */ }

/* Fallback logo blocks - cohesive gradients matching brand palette */
html[lang="en"] .logo-left { /* Removed to match Arabic baseline */ }
html[lang="en"] .logo-left::after { /* Removed to match Arabic baseline */ }
html[lang="en"] .logo-right { /* Removed to match Arabic baseline */ }
html[lang="en"] .logo-right::before { /* Removed to match Arabic baseline */ }

/* Logo text refinement for English */
html[lang="en"] .logo-text { /* Removed to match Arabic baseline */ }
html[lang="en"] .logo-text {
    color: var(--primary-blue);
    letter-spacing: 0.015em;
    font-weight: 700;
}