/* RTL overrides for Arabic */
html[dir="rtl"] body{
  direction: rtl;
  text-align: right;
  font-family: "Tajawal", "Noto Sans Arabic", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
}

html[dir="rtl"] .nav, 
html[dir="rtl"] .nav-inner,
html[dir="rtl"] .nav-links,
html[dir="rtl"] .nav-actions{
  direction: rtl;
}

html[dir="rtl"] .nav-links ul{
  flex-direction: row-reverse;
}

html[dir="rtl"] .nav-actions{
  flex-direction: row-reverse;
  gap: 10px;
}

html[dir="rtl"] .hero-inner,
html[dir="rtl"] .section-inner,
html[dir="rtl"] .container{
  text-align: right;
}

html[dir="rtl"] .grid,
html[dir="rtl"] .cards,
html[dir="rtl"] .card-row{
  direction: rtl;
}

html[dir="rtl"] .cards{
  flex-direction: row-reverse;
}

html[dir="rtl"] .pill-row,
html[dir="rtl"] .tool-row{
  flex-direction: row-reverse;
}

html[dir="rtl"] .btn,
html[dir="rtl"] .chip{
  direction: rtl;
}

html[dir="rtl"] input, 
html[dir="rtl"] textarea{
  direction: rtl;
  text-align: right;
}

html[dir="rtl"] .portal-dialog{
  direction: rtl;
  text-align: right;
}

html[dir="rtl"] .portal-tabs{
  flex-direction: row-reverse;
}

html[dir="rtl"] .portal-close{
  left: 14px;
  right: auto;
}

/* Footer alignment */
html[dir="rtl"] .footer-inner{
  direction: rtl;
}


/* Extra RTL polish for centered subtitles/titles inside some SPA pages */
html[dir="rtl"] .section-head,
html[dir="rtl"] .section-title,
html[dir="rtl"] .section-subtitle,
html[dir="rtl"] .hero-sub,
html[dir="rtl"] .hero-eyebrow{
  text-align: right;
}

html[dir="rtl"] .section-subtitle{
  margin-right: 0 !important;
  margin-left: auto !important;
  max-width: 720px;
}

html[dir="rtl"] .grid-3,
html[dir="rtl"] .card,
html[dir="rtl"] .card h3,
html[dir="rtl"] .card p{
  text-align: right;
}


/* ===== Fixed5: For Girls small green labels RTL ===== */
html[dir="rtl"] .section-label,
html[dir="rtl"] .section-eyebrow,
html[dir="rtl"] .eyebrow,
html[dir="rtl"] .kicker{
  text-align: right !important;
}

/* ===== Fixed5: Section header alignment (community/for-girls) ===== */
html[dir="rtl"] .section-header,
html[dir="rtl"] .section-head{
  text-align: right !important;
}
html[dir="rtl"] .section-subtitle{
  margin: 0 !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  text-align: right !important;
}

/* ===== Fixed5: community card + meta + links RTL ===== */
html[dir="rtl"] .meta,
html[dir="rtl"] .badge,
html[dir="rtl"] .link,
html[dir="rtl"] .card-link{
  direction: rtl;
  text-align: right;
}


/* ===== Tech & Safety + Resources RTL fixes (fixed6) ===== */
html[dir="rtl"] .tech-hero,
html[dir="rtl"] .tools-grid,
html[dir="rtl"] .support-grid,
html[dir="rtl"] .platform-grid,
html[dir="rtl"] .resource-grid,
html[dir="rtl"] .reports-grid,
html[dir="rtl"] .downloads-grid{
  direction: rtl;
  text-align: right;
}

html[dir="rtl"] .card ul,
html[dir="rtl"] ul.mini-list{
  padding-right: 20px;
  padding-left: 0;
}

html[dir="rtl"] .card li{
  text-align: right;
}

html[dir="rtl"] .hero-sub,
html[dir="rtl"] .hero-eyebrow{
  text-align: right;
}



/* RTL list fixes */
html[dir="rtl"] ul, html[dir="rtl"] ol{
  padding-right: 1.2em;
  padding-left: 0;
}
html[dir="rtl"] li{
  text-align: right;
}