/* RTL base for a future Arabic page.
   Link this file only from a published /ar/ page that already has
   <html lang="ar" dir="rtl"> and reviewed Arabic text.
   Swedish pages must not load it.
   Keep phone numbers, email addresses and Swedish terms in an LTR island:
   <bdi dir="ltr">+46 70 949 95 94</bdi>
*/

html[dir="rtl"] {
  text-align: start;
}

html[dir="rtl"] body,
html[dir="rtl"] .nsr-guide {
  direction: rtl;
  font-family: "Noto Naskh Arabic", "Noto Sans Arabic", "Open Sans", sans-serif;
}

html[dir="rtl"] .nsr-guide {
  font-size: 1.15rem;
}

.nsr-ar-preview {
  background: #7d191d;
  color: #fff;
  padding: 10px 16px;
  text-align: center;
  font-family: "Noto Naskh Arabic", "Noto Sans Arabic", sans-serif;
}

.nsr-ar-preview p {
  margin: 0;
}

html[dir="rtl"] .elementor-location-header .elementor-widget-social-icons {
  display: none;
}

html[dir="rtl"] .elementor-location-header .elementor-nav-menu--main .elementor-nav-menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 4px 10px;
}

html[dir="rtl"] .elementor-location-header .elementor-nav-menu--main .elementor-item {
  font-size: 15px;
  white-space: nowrap;
}

.nsr-ar-preview a {
  color: #fff;
  font-weight: 700;
}

.nsr-ar-form label {
  display: block;
  font-weight: 600;
  margin-top: 14px;
}

.nsr-ar-form input,
.nsr-ar-form textarea,
.nsr-ar-form select {
  width: 100%;
  max-width: 36rem;
  box-sizing: border-box;
  font: inherit;
  padding: 10px 12px;
}

.nsr-ar-form input[type="tel"],
.nsr-ar-form input[type="email"] {
  direction: ltr;
  text-align: start;
}

.nsr-ar-form button {
  margin-top: 16px;
  background: #7d191d;
  color: #fff;
  border: 0;
  padding: 12px 18px;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

.nsr-ar-form .nsr-ar-status {
  margin-top: 12px;
  font-weight: 600;
}

@media (max-width: 767px) {
  .nsr-ar-form input,
  .nsr-ar-form textarea,
  .nsr-ar-form select,
  .nsr-guide .nsr-actions a {
    max-width: 100%;
  }
}

html[dir="rtl"] .nsr-ltr,
html[dir="rtl"] [dir="ltr"] {
  direction: ltr;
  unicode-bidi: isolate;
}

html[dir="rtl"] .nsr-actions {
  justify-content: flex-start;
}