body { background-color: #000; color: white; font-family: 'Share Tech Mono', monospace; overflow-x: hidden; }

/* === RTL SUPPORT (ARABIC) === */
html[dir="rtl"] body { direction: rtl; text-align: right; }
html[dir="rtl"] header { flex-direction: row-reverse; }
html[dir="rtl"] .lang-bar { flex-direction: row-reverse; }
/* Move Price Tag to Right */
html[dir="rtl"] .price-tag { left: auto; right: 20px; border-left: none; border-right: 3px solid #FFD700; }
/* Mirror the Glass Panels */
html[dir="rtl"] .glass-panel { text-align: right; border-left: none; border-right: 4px solid; }

/* === STANDARD STYLES === */
.glass-panel { background: rgba(10, 10, 10, 0.95); border: 1px solid rgba(255, 215, 0, 0.15); transition: 0.3s; }
.btn-gold { background-color: #FFD700; color: black; font-weight: 800; text-transform: uppercase; padding: 12px 32px; transition: 0.3s; border: none; clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px); cursor: pointer; }
.btn-gold:hover { transform: scale(1.05); background-color: #fff; }
.brand-font { font-family: 'Cinzel', serif; }

/* CHART CONTAINER - CRITICAL FIX */
.chart-frame { position: relative; width: 100%; height: 500px; background: #050505; border: 1px solid #333; overflow: hidden; }
#aureus-chart-container { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10; }

.watermark { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family: 'Cinzel', serif; font-size: 60px; color: rgba(255, 215, 0, 0.05); font-weight: bold; pointer-events: none; z-index: 1; }
.price-tag { position: absolute; top: 20px; left: 20px; z-index: 20; pointer-events: none; background: rgba(0,0,0,0.7); padding: 8px 12px; border-left: 3px solid #FFD700; transition: all 0.3s; }
.price-val { font-size: 24px; font-weight: bold; color: #fff; line-height: 1.1; }
.price-pair { font-size: 11px; color: #888; letter-spacing: 1px; }

/* LANG BAR */
.lang-bar { display: flex; gap: 2px; border: 1px solid #333; padding: 2px; background: rgba(0,0,0,0.8); }
.lang-opt { font-size: 10px; color: #666; padding: 6px 10px; cursor: pointer; transition: 0.2s; font-weight: bold; user-select: none; }
.lang-opt:hover { color: #fff; }
.lang-opt.active { color: #000; background: #FFD700; }

@media (max-width: 768px) { 
    h1 { font-size: 2.5rem !important; } 
    .chart-frame { height: 350px; } 
    .lang-bar { transform: scale(0.9); } 
}

#login-modal { display: none; } .active-modal { display: flex !important; }
.news-fade-in { animation: fadeInNews 0.5s ease-in-out; } @keyframes fadeInNews { from { opacity: 0; } to { opacity: 1; } }
@keyframes marquee { 0% { transform: translateX(100%); } 100% { transform: translateX(-100%); } }
.animate-marquee { display: inline-block; animation: marquee 40s linear infinite; }