/* ============================================================
   Premium Sender — language switcher + Portuguese / Arabic (RTL) fixes
   Loaded after ps-theme.css (public pages) and ps-dash.css (memberarea).
   ============================================================ */

/* ---------- Language switcher ---------- */
.lang-switcher { position: relative; display: inline-flex; }
.lang-switcher-trigger {
  display: inline-flex; align-items: center; gap: 6px;
  height: 38px; padding: 0 12px;
  border: 1px solid var(--border-color); border-radius: var(--radius-full, 999px);
  background: var(--bg-container); color: var(--text-secondary);
  font: inherit; font-size: 13px; font-weight: 600; line-height: 1;
  cursor: pointer;
}
.lang-switcher-trigger:hover,
.lang-switcher-trigger[aria-expanded="true"] { color: var(--accent-600); border-color: var(--accent-300, #6ee7b7); }
.lang-switcher-trigger:focus-visible { outline: 2px solid var(--accent-600); outline-offset: 2px; }
.lang-switcher-chevron { opacity: .7; }
.lang-switcher-menu {
  position: absolute; top: calc(100% + 6px); inset-inline-end: 0; z-index: 1200;
  min-width: 190px; margin: 0; padding: 6px; list-style: none;
  background: var(--bg-container); border: 1px solid var(--border-color); border-radius: 12px;
  box-shadow: 0 12px 32px -10px rgba(15, 23, 42, .25);
}
.lang-switcher-menu[hidden] { display: none; }
.lang-switcher-menu a {
  display: block; padding: 9px 12px; border-radius: 8px;
  color: var(--text-primary); font-size: 14px; text-decoration: none; text-align: start; white-space: nowrap;
}
.lang-switcher-menu a:hover { background: var(--bg-subtle, #f8faf7); color: var(--accent-600); }
.lang-switcher-menu a[aria-current="true"] { color: var(--accent-600); font-weight: 600; }
.nav-cta.btns { gap: 10px; }
/* memberarea topbar */
.ps-dash-actions .lang-switcher-trigger { height: 40px; }

/* static activate page */
.ps-lang-links { display: flex; gap: 4px; }
.ps-lang-links a { padding: 6px 10px; border-radius: 8px; font-size: 13px; font-weight: 600; color: var(--text-secondary); text-decoration: none; }
.ps-lang-links a:hover, html[lang="en"] .ps-lang-links a[lang="en"], html[lang="pt-BR"] .ps-lang-links a[lang="pt-BR"], html[lang="ar"] .ps-lang-links a[lang="ar"] { color: var(--accent-600); background: var(--bg-subtle, #f8faf7); }

/* translated legal pages */
.ps-legal-note {
  margin: 0 0 var(--space-5); padding: 10px 14px;
  border: 1px solid var(--border-color); border-radius: 10px;
  background: var(--bg-subtle, #f8faf7); color: var(--text-secondary); font-size: 13px;
}

/* ---------- Arabic font ---------- */
html[lang="ar"] {
  --font-main: 'Noto Sans Arabic', Tahoma, 'Segoe UI', 'Outfit', sans-serif;
}
html[lang="ar"] body { font-family: var(--font-main); }
/* Arabic letters must join: no letter-spacing, no monospace labels */
html[lang="ar"] { --font-mono: 'Noto Sans Arabic', Tahoma, 'Segoe UI', sans-serif; }
html[lang="ar"] body * { letter-spacing: normal !important; }
/* brand name and logo wordmark stay left-to-right */
[dir="rtl"] .brand-wordmark { direction: ltr; unicode-bidi: isolate; }

/* ---------- RTL layout fixes ---------- */
[dir="rtl"] .price-card,
[dir="rtl"] .ps-table th,
[dir="rtl"] .ps-table td { text-align: right; }
[dir="rtl"] .hero-media .chat-mock { margin-left: 0; margin-right: auto; }
[dir="rtl"] .password-field-wrapper .form-control { padding-right: 12px; padding-left: 40px; }
[dir="rtl"] .password-toggle-btn { right: auto; left: 10px; }
[dir="rtl"] .ps-order-price { text-align: left; }
[dir="rtl"] .section-label::before { order: 2; }
/* phone number fields stay left-to-right (+55 11 ...) */
[dir="rtl"] .iti { direction: ltr; }
[dir="rtl"] .iti input { text-align: left; }
[dir="rtl"] input[type="email"], [dir="rtl"] input[type="tel"], [dir="rtl"] #pixCode { direction: ltr; text-align: right; }

/* checkout (ps-checkout.css) */
[dir="rtl"] .co-field input[type="email"].form-control { padding-left: 14px; padding-right: 42px; background-position: right 14px center; }
[dir="rtl"] body .content-page .co-app input[type="email"].form-control { padding-left: 14px; padding-right: 42px; background-position: right 14px center; }
[dir="rtl"] .co-field select.form-control,
[dir="rtl"] body .content-page .co-app select.form-control { padding-right: 14px; padding-left: 40px; background-position: left 14px center; }
[dir="rtl"] .co-pay-check { right: auto; left: 10px; }
[dir="rtl"] .co-pay-grid.is-single .co-pay-option { padding: 8px 8px 8px 44px; }
[dir="rtl"] .co-pay-grid.is-single .co-pay-check { right: auto; left: 16px; }
[dir="rtl"] .co-plan-name, [dir="rtl"] #plan_details { unicode-bidi: plaintext; }

/* memberarea shell: ps-dash.css puts the sidebar on the left with margin-left offsets */
[dir="rtl"] .iq-sidebar.ps-dash-sidebar { left: auto; right: 0; border-right: 0; border-left: 1px solid var(--border-color); }
[dir="rtl"] .iq-top-navbar.ps-dash-topbar,
[dir="rtl"] .content-page,
[dir="rtl"] .iq-footer.ps-dash-footer { margin-left: 0; margin-right: var(--dash-sidebar-w); transition: margin-right var(--duration-fast) var(--ease-standard); }
[dir="rtl"] .ps-side-nav li.active > a::before,
[dir="rtl"] .ps-side-nav li.active-menu > a::before { left: auto; right: -16px; border-radius: 4px 0 0 4px; }
[dir="rtl"] .ps-side-nav li a .ml-2 { margin-right: 0 !important; }
[dir="rtl"] .ps-dash-body .modal-header .modalclose { margin-left: 0; margin-right: auto; }
[dir="rtl"] .content-page .table .icon-container { margin-left: 0; margin-right: 4px; }
[dir="rtl"] .ps-dash-body .dropdown-menu-right { right: auto; left: 0; }
[dir="rtl"] .ps-dash-body .text-left { text-align: right !important; }
@media (min-width: 1200px) {
  [dir="rtl"] body.sidebar-main .iq-top-navbar.ps-dash-topbar,
  [dir="rtl"] body.sidebar-main .content-page,
  [dir="rtl"] body.sidebar-main .iq-footer.ps-dash-footer { margin-left: 0; margin-right: var(--dash-rail-w); }
}
@media (max-width: 1199px) {
  [dir="rtl"] .iq-sidebar.ps-dash-sidebar { transform: translateX(100%); }
  [dir="rtl"] body.sidebar-main .iq-sidebar.ps-dash-sidebar { transform: translateX(0); }
  [dir="rtl"] .iq-top-navbar.ps-dash-topbar,
  [dir="rtl"] .content-page,
  [dir="rtl"] .iq-footer.ps-dash-footer { margin-right: 0; }
}