/* Arabic version — hero background */ 
htm l[dir="rtl"] 
.hero { background-image: none !important; } 
html[dir="rtl"] 
.hero::before { content: ""; position: absolute; inset: 0; 
background-image: url("../images/hero.jpg"); 
background-position: center center; background-repeat: no-repeat; 
background-size: cover; transform: scaleX(-1); z-index: 0; } 
html[dir="rtl"] .hero-content {
    transform: translateX(-10px);
}
/* Arabic header: logo left — navigation center — flags right */ 
html[dir="rtl"] .header { direction: ltr; } 
html[dir="rtl"] .header .logo { order: 1; } 
html[dir="rtl"] .header 
nav { order: 2; direction: rtl; margin-left: 0; margin-right: 0; }
html[dir="rtl"] .header .flags { order: 3; direction: ltr; } 
/* Arabic gallery dropdown: open to the left of the trigger */ 
html[dir="rtl"] .header .gallery-menu { position: relative; } 
html[dir="rtl"] .header .gallery-menu .dropdown { left: auto; right: 10%; top: 60px; } 
/* Arabic About page: article paragraph font */ 
html[dir="rtl"] .artist-text { font-family: 'Tajawal', sans-serif !important; 
font-style: normal !important; } 
/* Arabic Blog: article text uses the same font as About */ 
html[dir="rtl"] .article-info p { font-family: 'Tajawal', sans-serif !important; 
font-style: normal !important; } 
/* Arabic Article: body text uses the same font as About and Blog */ 
html[dir="rtl"] .article-content, html[dir="rtl"] .article-content p, 
html[dir="rtl"] .article-content .story-text, 
html[dir="rtl"] .article-content h1, 
html[dir="rtl"] .article-content h2, 
html[dir="rtl"] .article-content h3, 
html[dir="rtl"] .article-content .story-title, 
html[dir="rtl"] .article-content .story-heading, 
html[dir="rtl"] .article-content .story-subtitle { font-family: 'Tajawal', sans-serif !important; 
font-style: normal !important; } 
html[dir="rtl"] .article-content em, 
html[dir="rtl"] .article-content i { font-style: normal !important; } 
/* Arabic Article: remove the decorative opening letter */ 
html[dir="rtl"] .article-content .story-text p:first-of-type::first-letter { float: none !important; margin: 0 !important; font-size: inherit !important; line-height: inherit !important; 
font-family: 'Tajawal', sans-serif !important; color: inherit !important; padding: 0 !important; } 
html[dir="rtl"] .article-content .drop-cap, 
html[dir="rtl"] .article-content .dropcap, 
html[dir="rtl"] .article-content .first-letter { display: none !important; margin: 0 !important; }
 /* Arabic Contact page: match the About and Blog body text */ 
 html[dir="rtl"] .contact-intro, 
 html[dir="rtl"] .contact-cta p, 
 html[dir="rtl"] .artist-content p, 
 html[dir="rtl"] .artist-list, 
 html[dir="rtl"] .info-box p, 
 html[dir="rtl"] .contact-form input, 
 html[dir="rtl"] .contact-form textarea, 
 html[dir="rtl"] .contact-form button { font-family: 'Tajawal', sans-serif !important; font-style: normal !important; }

/* Arabic text direction/alignment — About page */
html[dir="rtl"] .artist-content {
    direction: rtl;
}

html[dir="rtl"] .artist-text {
    direction: rtl !important;
    text-align: right !important;
}