/*
 * BuzzMag RTL support.
 *
 * Loaded automatically when WordPress is using an RTL locale.
 */

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

html[dir="rtl"] .screen-reader-text,
html[dir="rtl"] .skip-link {
  direction: rtl;
}

html[dir="rtl"] .top-utility-actions,
html[dir="rtl"] .header-actions,
html[dir="rtl"] .social-actions-cell,
html[dir="rtl"] .section-actions-cell {
  direction: rtl;
}

html[dir="rtl"] .primary-nav .menu,
html[dir="rtl"] .top-utility-network-list,
html[dir="rtl"] .social-list-row,
html[dir="rtl"] .category-row,
html[dir="rtl"] .toggle-row {
  direction: rtl;
}

html[dir="rtl"] .main-hero > div {
  text-align: right;
}

html[dir="rtl"] .section-title h2::before {
  margin-left: 8px;
  margin-right: 0;
}

html[dir="rtl"] .sidebar-category-arrow,
html[dir="rtl"] .buzzmag-mobile-drawer__arrow {
  transform: scaleX(-1);
}

html[dir="rtl"] .buzzmag-mobile-drawer {
  border-radius: 0 24px 24px 0;
  box-shadow: 24px 0 70px rgba(15, 23, 42, .24);
  inset: 0 auto 0 0;
  transform: translateX(-105%);
}

html[dir="rtl"] .buzzmag-mobile-drawer.is-open {
  transform: translateX(0);
}

html[dir="rtl"] .buzzmag-mobile-drawer__item > a {
  grid-template-columns: 36px minmax(0, 1fr) 20px;
}

html[dir="rtl"] .buzzmag-mobile-drawer__item > a:hover,
html[dir="rtl"] .buzzmag-mobile-drawer__item > a:focus-visible {
  transform: translateX(2px);
}

html[dir="rtl"] .auth-action-link,
html[dir="rtl"] .header-search,
html[dir="rtl"] .social-platform-cell,
html[dir="rtl"] .social-url-cell,
html[dir="rtl"] .admin-copy,
html[dir="rtl"] .card-title,
html[dir="rtl"] .theme-logo-copy {
  text-align: right;
}

html[dir="rtl"] .buzzmag-admin-page-wrap .brand-admin-label {
  margin-inline-start: 8px;
}

html[dir="rtl"] .social-list-row.is-editing,
html[dir="rtl"] .social-list-row.has-url-error {
  box-shadow: inset -4px 0 0 var(--pink);
}

html[dir="rtl"] .home-sections-card .category-row,
html[dir="rtl"] .home-sections-card .category-head {
  direction: rtl;
}

@media (max-width: 900px) {
  html[dir="rtl"] .hamburger {
    margin-left: 0 !important;
    margin-right: auto !important;
  }
}