/* BEARKOO RTL overrides for Arabic (dir="rtl" on <html>) */

/* Logical properties handle most cases; this file covers explicit side declarations. */

html[dir="rtl"] body { font-family: 'Noto Sans Arabic', 'Montserrat', system-ui, sans-serif; }

html[dir="rtl"] .topbar > .container { flex-direction: row-reverse; }
html[dir="rtl"] .topbar-right { margin-right: auto; margin-left: 0; }
html[dir="rtl"] .topbar-right a + a { margin-left: 0; margin-right: 22px; }

html[dir="rtl"] .nav-wrap { flex-direction: row-reverse; }
html[dir="rtl"] .nav-cta { margin-right: auto; margin-left: 0; }

html[dir="rtl"] .footer-top { direction: rtl; }
html[dir="rtl"] .socials a + a { margin-left: 0; margin-right: 12px; }

html[dir="rtl"] .hero .container { flex-direction: row-reverse; }
html[dir="rtl"] .cta-block .container { flex-direction: row-reverse; }

/* Floats: position on left in LTR → right in RTL */
html[dir="rtl"] .float-btns { right: 20px; left: auto; }
html[dir="rtl"] .float-btn .fb-tip { right: calc(100% + 8px); left: auto; }

/* Form fields */
html[dir="rtl"] input[type=text], html[dir="rtl"] input[type=email], html[dir="rtl"] textarea, html[dir="rtl"] select { text-align: right; }
html[dir="rtl"] .form-row label { text-align: right; }

/* Tables */
html[dir="rtl"] .spec-table th, html[dir="rtl"] .spec-table td { text-align: right; }

/* Cards: ensure text alignment follows content direction */
html[dir="rtl"] .p-card, html[dir="rtl"] .s-card, html[dir="rtl"] .why-card, html[dir="rtl"] .post-card, html[dir="rtl"] .cert-card { text-align: right; }

/* Inline icons */
html[dir="rtl"] .f-contact div { direction: rtl; }

/* WhatsApp float tooltip */
html[dir="rtl"] .float-btn { direction: ltr; }

/* Responsive: keep mobile menu aligned to start */
@media (max-width: 900px) {
  html[dir="rtl"] .main-nav { right: 0; left: auto; }
}