/* ==========================================================================
   MAKERSTUDIO3D.COM — RTL (RIGHT-TO-LEFT) STYLESHEET
   Explicitly handles Egyptian Arabic (ar-EG) and RTL layout mirroring
   ========================================================================== */

[dir="rtl"] {
  font-family: var(--font-arabic), var(--font-sans);
  direction: rtl;
  text-align: right;
}

[dir="rtl"] body {
  direction: rtl;
}

/* Typography Adjustments */
[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] h5,
[dir="rtl"] h6 {
  font-family: var(--font-arabic), var(--font-sans);
  letter-spacing: normal;
  line-height: 1.4;
}

/* Mirror Directional Icons */
[dir="rtl"] .icon-arrow,
[dir="rtl"] .nav-arrow,
[dir="rtl"] .chevron-icon,
[dir="rtl"] .btn-arrow-icon {
  transform: scaleX(-1);
}

/* Navigation RTL Tweaks */
[dir="rtl"] .nav-brand {
  flex-direction: row;
}

[dir="rtl"] .lang-dropdown,
[dir="rtl"] .theme-dropdown {
  inset-inline-end: auto;
  inset-inline-start: 0;
}

/* Studio Dropdown RTL */
[dir="rtl"] .studio-item-content {
  text-align: right;
}

/* Hero & CTA Elements */
[dir="rtl"] .hero-ctas {
  flex-direction: row;
}

/* Form Inputs & Alignment */
[dir="rtl"] .form-input,
[dir="rtl"] .form-label,
[dir="rtl"] .form-hint {
  text-align: right;
}

[dir="rtl"] .modal-close-btn {
  inset-inline-end: auto;
  inset-inline-start: 1.25rem;
}

/* Toast Notification slide from left in RTL */
[dir="rtl"] #globalToastContainer {
  inset-inline-end: auto;
  inset-inline-start: 1.5rem;
}

[dir="rtl"] .toast {
  animation-name: slideInLeft;
}

@keyframes slideInLeft {
  from { transform: translateX(-100%); opacity: 0; }
  to { transform: translateX(0); opacity: 1; }
}

/* 3D Model Card & Badges */
[dir="rtl"] .card {
  text-align: right;
}

[dir="rtl"] .model-specs-grid {
  direction: rtl;
}

[dir="rtl"] .preview-modal-header,
[dir="rtl"] .preview-modal-footer {
  direction: rtl;
}

/* Dashboard & Usage Meters */
[dir="rtl"] .quota-header {
  flex-direction: row-reverse;
}

[dir="rtl"] .meter-bar {
  transform-origin: right;
}

/* Sub-tool panels (Image Maker 3D & Keychain Maker) */
[dir="rtl"] .app-header {
  direction: rtl;
}

[dir="rtl"] .workspace {
  direction: rtl;
}

[dir="rtl"] .panel {
  text-align: right;
}

[dir="rtl"] .accordion-title {
  justify-content: flex-start;
  gap: 0.5rem;
}

[dir="rtl"] .defaults-grid {
  direction: rtl;
}