/* RTL overrides - loaded only when language is Arabic */
/* Extracted from 30 CSS files by extract_rtl.js */

/* === RTL rules from account-announcements-theme.css === */
html[dir="rtl"] .mg-details-form select.mg-form-control.form-control.custom-select,
html[dir="rtl"] .mg-contact-details-form select.mg-form-control.form-control.custom-select,
html[dir="rtl"] .mg-contact-form-new select.mg-form-control.form-control.custom-select,
html[dir="rtl"] .mg-details-form select.form-control.custom-select,
html[dir="rtl"] .mg-contact-details-form select.form-control.custom-select,
html[dir="rtl"] .mg-contact-form-new select.form-control.custom-select {
    background-position: 0 0, left 0.88rem center !important;
    padding-left: 2.5rem !important;
    padding-right: 0.9rem !important;
}
html[dir="rtl"] .mg-details-form .mg-select-shell .mg-select-trigger,
html[dir="rtl"] .mg-details-form .mg-select-shell .mg-select-option {
    text-align: right;
}
html[dir="rtl"] .select-account a {
    text-align: right;
}
html[dir="rtl"] .select-account a {
    flex-direction: row-reverse;
}
html[dir="rtl"] .select-account a {
        align-items: flex-end;
    }

/* === RTL rules from account-country-phone.css === */
html[dir="rtl"] .mg-country-picker__trigger {
    padding-left: 42px;
    padding-right: 44px;
    flex-direction: row-reverse;
    text-align: right;
}
html[dir="rtl"] .mg-country-picker__code {
    order: -1;
}
html[dir="rtl"] .mg-country-picker__arrow {
    right: auto;
    left: 16px;
}
html[dir="rtl"] .mg-country-picker__panel {
    left: auto;
    right: 0;
}
html[dir="rtl"] .mg-country-picker__search::before {
    left: auto;
    right: 22px;
}
html[dir="rtl"] .mg-country-picker__search-input {
    padding-left: 14px;
    padding-right: 34px;
    text-align: right;
    direction: rtl;
}
html[dir="rtl"] .mg-country-picker__option,
html[dir="rtl"] .intl-tel-input .country-list .country {
    flex-direction: row-reverse;
    border-left: 0;
    border-right: 2px solid transparent;
    text-align: right;
}
html[dir="rtl"] .mg-country-picker__option:hover,
html[dir="rtl"] .mg-country-picker__option.is-highlighted,
html[dir="rtl"] .intl-tel-input .country-list .country.highlight,
html[dir="rtl"] .intl-tel-input .country-list .country:hover {
    border-right-color: rgba(123, 220, 255, 0.34);
}
html[dir="rtl"] .mg-country-picker__option.is-selected,
html[dir="rtl"] .intl-tel-input .country-list .country.active {
    border-right-color: var(--mg-account-lite-accent);
    border-left-color: transparent;
    box-shadow: inset -6px 0 10px -8px rgba(42, 167, 255, 0.38);
}
html[dir="rtl"] .mg-country-picker__option-code,
html[dir="rtl"] .intl-tel-input .country-list .dial-code {
    text-align: left;
}
html[dir="rtl"] .mg-details-form .intl-tel-input .flag-container,
html[dir="rtl"] .mg-contact-details-form .intl-tel-input .flag-container,
html[dir="rtl"] .mg-contact-form-new .intl-tel-input .flag-container {
    left: 0 !important;
    right: auto !important;
}
html[dir="rtl"] .mg-details-form .intl-tel-input .selected-flag,
html[dir="rtl"] .mg-contact-details-form .intl-tel-input .selected-flag,
html[dir="rtl"] .mg-contact-form-new .intl-tel-input .selected-flag {
    justify-content: flex-start;
    flex-direction: row-reverse;
    padding: 0 10px 0 12px !important;
    border-right: 1px solid rgba(123, 220, 255, 0.18);
    border-left: 0;
    border-radius: 14px 0 0 14px;
}
html[dir="rtl"] .mg-details-form .intl-tel-input input,
html[dir="rtl"] .mg-details-form .intl-tel-input input[type="tel"],
html[dir="rtl"] .mg-details-form .intl-tel-input input[type="text"],
html[dir="rtl"] .mg-contact-details-form .intl-tel-input input,
html[dir="rtl"] .mg-contact-details-form .intl-tel-input input[type="tel"],
html[dir="rtl"] .mg-contact-details-form .intl-tel-input input[type="text"],
html[dir="rtl"] .mg-contact-form-new .intl-tel-input input,
html[dir="rtl"] .mg-contact-form-new .intl-tel-input input[type="tel"],
html[dir="rtl"] .mg-contact-form-new .intl-tel-input input[type="text"] {
    padding-left: 112px !important;
    padding-right: 14px !important;
    text-align: right !important;
    direction: rtl;
}
html[dir="rtl"] .mg-details-form .intl-tel-input .country-list,
html[dir="rtl"] .mg-contact-details-form .intl-tel-input .country-list,
html[dir="rtl"] .mg-contact-form-new .intl-tel-input .country-list {
    text-align: right;
    left: 0 !important;
    right: auto !important;
}
html[dir="rtl"] .mg-phone-country-search::before {
    left: auto;
    right: 10px;
}
html[dir="rtl"] .mg-phone-country-search__input {
    padding-left: 14px;
    padding-right: 32px;
    text-align: right;
    direction: rtl;
}

/* === RTL rules from custom.css === */
html[dir="rtl"],
html[dir="rtl"] * {
  font-family: "Cairo", sans-serif !important;
}
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6 {
  font-family: "Cairo", sans-serif !important;
  font-weight: 800;
}

/* === RTL rules from custom_addfunds.css === */
html[dir="rtl"] .mg-addfunds-wrapper,
html[dir="rtl"] .mg-addfunds-wrapper .mg-addfunds-header,
html[dir="rtl"] .mg-addfunds-wrapper .mg-addfunds-subtitle,
html[dir="rtl"] .mg-addfunds-wrapper .mg-addfunds-callout,
html[dir="rtl"] .mg-addfunds-wrapper .mg-form-group,
html[dir="rtl"] .mg-addfunds-wrapper .mg-form-help,
html[dir="rtl"] .mg-addfunds-wrapper .mg-form-feedback {
    direction: rtl;
    text-align: right;
}
html[dir="rtl"] .mg-addfunds-wrapper .mg-addfunds-title,
html[dir="rtl"] .mg-addfunds-wrapper .mg-addfunds-card-title,
html[dir="rtl"] .mg-addfunds-wrapper .mg-form-label,
html[dir="rtl"] .mg-addfunds-wrapper .mg-btn-submit {
    justify-content: flex-start !important;
}
html[dir="rtl"] .mg-addfunds-wrapper .mg-addfunds-insights {
    direction: rtl;
}
html[dir="rtl"] .mg-addfunds-wrapper .mg-form-control {
    text-align: right;
}
html[dir="rtl"] .mg-addfunds-form select.mg-form-control {
    padding-left: 2.2rem !important;
    padding-right: 0.9rem !important;
    background-position: 12px 50% !important;
}
html[dir="rtl"] .mg-addfunds-form .mg-select-shell .mg-select-trigger,
html[dir="rtl"] .mg-addfunds-form .mg-select-shell .mg-select-option {
    text-align: right;
}
html[dir="rtl"] .mg-addfunds-card .mg-select-wrapper::after {
    right: auto;
    left: 1rem;
}
html[dir="rtl"] .mg-addfunds-card .mg-select-icon {
    left: auto;
    right: 1rem;
}
html[dir="rtl"] .mg-addfunds-card select.mg-select,
html[dir="rtl"] .mg-addfunds-card select#paymentmethod.mg-select,
html[dir="rtl"] .mg-addfunds-card .custom-select#paymentmethod {
    direction: rtl !important;
    text-align: right !important;
}
html[dir="rtl"] .mg-addfunds-wrapper .mg-btn-submit {
    text-transform: none !important;
    letter-spacing: 0 !important;
}

/* === RTL rules from custom_announcement.css === */
html[dir="rtl"] .mg-announcements-wrapper,
html[dir="rtl"] .mg-announcements-container,
html[dir="rtl"] .mg-announcement-title,
html[dir="rtl"] .mg-announcement-content,
html[dir="rtl"] .mg-announcement-meta,
html[dir="rtl"] .mg-btn-read-more {
    direction: rtl;
    text-align: right;
}
html[dir="rtl"] .mg-announcement-title a::after,
html[dir="rtl"] .mg-btn-read-more::after {
    left: auto;
    right: 0;
}
html[dir="rtl"] .mg-support-shell--announcements .mg-support-hero {
        display: grid;
        grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
        align-items: end;
        column-gap: 1.4rem;
    }
html[dir="rtl"] .mg-support-shell--announcements .mg-support-stats {
        grid-column: 1;
        min-width: 0;
    }
html[dir="rtl"] .mg-support-shell--announcements .mg-support-hero__content {
        grid-column: 2;
        min-width: 0;
    }
html[dir="rtl"] .mg-support-shell--announcements .mg-support-hero__content {
    direction: rtl;
    text-align: right;
}
html[dir="rtl"] .mg-support-shell--announcements .mg-support-stats,
html[dir="rtl"] .mg-support-shell--announcements .mg-support-stat,
html[dir="rtl"] .mg-support-shell--announcements .mg-support-stat__label,
html[dir="rtl"] .mg-support-shell--announcements .mg-support-stat__value {
    direction: rtl;
    text-align: right;
}
html[dir="rtl"] .mg-btn-read-more i.fa-arrow-right {
    transform: scaleX(-1);
}
html[dir="rtl"] .mg-btn-read-more:hover i.fa-arrow-right {
    transform: scaleX(-1) translateX(4px);
}

/* === RTL rules from custom_cart.css === */
html[dir="rtl"] #order-standard_cart.mgp-domain-renew-shell .mgp-domain-renew-hero,
html[dir="rtl"] #order-standard_cart.mgp-domain-renew-shell .mgp-domain-renew-hero__head,
html[dir="rtl"] #order-standard_cart.mgp-domain-renew-shell .mgp-domain-renewal-card {
    direction: rtl;
}
html[dir="rtl"] #order-standard_cart.mgp-domain-renew-shell .mgp-domain-renew-title,
html[dir="rtl"] #order-standard_cart.mgp-domain-renew-shell .mgp-domain-renew-subtitle,
html[dir="rtl"] #order-standard_cart.mgp-domain-renew-shell .mgp-domain-renewal-card__meta {
    text-align: right;
}
html[dir="rtl"] #order-standard_cart.mgp-domain-renew-shell .mgp-domain-renewal-card .pull-right {
        text-align: right;
    }
html[dir="rtl"] #order-standard_cart {
    direction: rtl;
    text-align: right;
}
html[dir="rtl"] #order-standard_cart h1,
html[dir="rtl"] #order-standard_cart h2,
html[dir="rtl"] #order-standard_cart h3,
html[dir="rtl"] #order-standard_cart h4,
html[dir="rtl"] #order-standard_cart label,
html[dir="rtl"] #order-standard_cart p {
    text-align: right;
}
html[dir="rtl"] #order-standard_cart .sub-heading {
    direction: rtl;
}
html[dir="rtl"] #order-standard_cart .text-right {
    text-align: left !important;
}
html[dir="rtl"] #order-standard_cart input.form-control,
html[dir="rtl"] #order-standard_cart textarea.form-control {
    direction: rtl;
    text-align: right;
}
html[dir="rtl"] #order-standard_cart select.form-control {
    direction: rtl;
}
html[dir="rtl"] .iradio_square-blue,
html[dir="rtl"] .icheckbox_square-blue {
    margin-right: 0 !important;
    margin-left: 8px !important;
}
html[dir="rtl"] #order-standard_cart .products .product,
html[dir="rtl"] #order-standard_cart .cart-body .item {
    direction: rtl;
    text-align: right;
}
html[dir="rtl"] #order-standard_cart .price,
html[dir="rtl"] #order-standard_cart .amt,
html[dir="rtl"] #order-standard_cart .total-due-today .amt,
html[dir="rtl"] #totalDueToday strong {
    direction: ltr;
    unicode-bidi: embed;
}
html[dir="rtl"] #order-standard_cart .order-summary {
    direction: rtl;
    text-align: right;
}
html[dir="rtl"] #order-standard_cart .order-summary table,
html[dir="rtl"] #order-standard_cart .order-summary th,
html[dir="rtl"] #order-standard_cart .order-summary td {
    text-align: right;
    direction: rtl;
}
html[dir="rtl"] #totalDueToday {
    direction: rtl;
    text-align: right;
}
html[dir="rtl"] #order-standard_cart .alert {
    direction: rtl;
    text-align: right;
}
html[dir="rtl"] .cart-sidebar .list-group-item {
    direction: rtl;
    text-align: right;
}
html[dir="rtl"] #paymentGatewaysContainer {
    direction: rtl;
    text-align: right;
}
html[dir="rtl"] #paymentGatewaysContainer .radio-inline {
    direction: rtl;
}
html[dir="rtl"] #containerExistingUserSignin,
html[dir="rtl"] .account-select-container .account {
    direction: rtl;
    text-align: right;
}
html[dir="rtl"] #order-standard_cart .nav-tabs,
html[dir="rtl"] #order-standard_cart .store-domain-tabs {
    direction: rtl;
}
html[dir="rtl"] .domain-validation {
    direction: rtl;
    text-align: right;
}
html[dir="rtl"] .store-order-container {
    direction: rtl;
    text-align: right;
}
html[dir="rtl"] .store-order-container h2,
html[dir="rtl"] .store-order-container h4,
html[dir="rtl"] .store-order-container p {
    text-align: right;
}
html[dir="rtl"] .store-order-container .payment-term {
    direction: rtl;
    text-align: right;
}
html[dir="rtl"] .store-order-container .fa-arrow-left,
html[dir="rtl"] #order-standard_cart .fa-arrow-left,
html[dir="rtl"] #order-standard_cart .fa-chevron-left {
    transform: scaleX(-1);
    display: inline-block;
}
html[dir="rtl"] #order-standard_cart .fa-arrow-right,
html[dir="rtl"] #order-standard_cart .fa-chevron-right {
    transform: scaleX(-1);
    display: inline-block;
}
html[dir="rtl"] .store-promoted-product {
    direction: rtl;
    text-align: right;
}
html[dir="rtl"] .store-promoted-product .features li {
    text-align: right;
    list-style-position: inside;
}

/* === RTL rules from custom_clientareasecurity.css === */
html[dir="rtl"] .mg-security-card,
html[dir="rtl"] .mg-security-card .card-body { direction: rtl; text-align: right; }
html[dir="rtl"] .mg-card-title,
html[dir="rtl"] .mg-security-card .card-title { text-align: right; flex-direction: row-reverse; justify-content: flex-end; }
html[dir="rtl"] .mg-form-label { text-align: right; flex-direction: row-reverse; }
html[dir="rtl"] .mg-form-control,
html[dir="rtl"] .mg-security-card input,
html[dir="rtl"] .mg-security-card select {
    text-align: right !important;
    direction: rtl !important;
}
html[dir="rtl"] .mg-security-card .form-group { text-align: right; }
html[dir="rtl"] .mg-security-card .col-form-label { text-align: right !important; }
html[dir="rtl"] .mg-form-actions { flex-direction: row-reverse; }
html[dir="rtl"] .mg-security-desc { text-align: right; }
html[dir="rtl"] .mg-security-card .row { direction: rtl; }
html[dir="rtl"] .mg-security-toggle { flex-direction: row-reverse; text-align: right; }
html[dir="rtl"] .mg-security-card #tableLinkedAccounts { direction: rtl; text-align: right; }
html[dir="rtl"] .mg-security-card #tableLinkedAccounts th,
html[dir="rtl"] .mg-security-card #tableLinkedAccounts td { text-align: right !important; }
html[dir="rtl"] .twofa-config-link.btn { direction: rtl; }
html[dir="rtl"] .mg-addfunds-header { text-align: right; direction: rtl; }
html[dir="rtl"] .mg-addfunds-kicker { justify-content: flex-end; text-align: right; }

/* === RTL rules from custom_clienthome.css === */
html[dir="rtl"] .mgp-home-kb-search__field {
    flex-direction: row-reverse;
}
html[dir="rtl"] .mgp-home-kb-search__input {
    text-align: right;
}
html[dir="rtl"] .mgp-home-card--tickets .list-group-item {
    flex-direction: row-reverse;
    text-align: right;
    justify-content: flex-start;
}
html[dir="rtl"] .mgp-home-card--tickets .list-group-item small {
    text-align: right;
}

/* === RTL rules from custom_header.css === */
html[dir="rtl"] .btn-primary-glow {
    flex-direction: row-reverse !important;
}
html[dir="rtl"] .btn-primary-glow .fa-arrow-right {
    transform: scaleX(-1);
}
/* This toggle button sits near the LEFT edge of the viewport under RTL
   (the header row mirrors, so what's the last item in LTR becomes the
   first, leftmost one here) — the menu must hang open to the right, into
   the header, not to the left where there's no room. The old rule here
   copied Bootstrap's LTR `dropdown-menu-right` values verbatim (right:0),
   which is a no-op vs. the default and left the panel rendering ~120px
   off-screen past the left edge of the viewport. */
html[dir="rtl"] .header-selector-wrapper>.dropdown-menu.header-utility-menu,
html[dir="rtl"] .header-selector-wrapper>.dropdown-menu.header-utility-menu.show {
    text-align: right !important;
    left: 0 !important;
    right: auto !important;
    top: 100% !important;
    transform: none !important;
}
html[dir="rtl"] .header-utility-menu .dropdown-item {
    border-left: none !important;
    border-right: 3px solid transparent !important;
    flex-direction: row-reverse !important;
    text-align: right !important;
}
html[dir="rtl"] .header-utility-menu .dropdown-item:hover,
html[dir="rtl"] .header-utility-menu .dropdown-item:focus,
html[dir="rtl"] .header-utility-menu .dropdown-item.active {
    border-left: none !important;
    border-right-color: rgba(0, 168, 232, 1) !important;
    transform: translateX(-4px) !important;
}
html[dir="rtl"] .mobile-nav-content > .link > a {
    border-left: none !important;
    border-right: 3px solid transparent !important;
}

html[dir="rtl"] .mobile-nav-content > .link > a:hover,
html[dir="rtl"] .mobile-nav-content > .link > a:focus,
html[dir="rtl"] .mobile-nav-content > .link > a.active,
html[dir="rtl"] .mobile-nav-content > .link > a[aria-expanded="true"] {
    border-right-color: var(--magoods-accent) !important;
    transform: translateX(-5px) !important;
}

html[dir="rtl"] .mobile-nav-content > .link.is-active-branch > a.dropdown-toggle {
    border-right-color: rgba(0, 168, 232, 0.5) !important;
}

/* === RTL rules from custom_knowledgebase.css === */
html[dir="rtl"] .mg-knowledgebase-wrapper,
html[dir="rtl"] .mg-kb-section-title,
html[dir="rtl"] .mg-category-name,
html[dir="rtl"] .mg-category-description,
html[dir="rtl"] .mg-article-title,
html[dir="rtl"] .mg-article-preview {
    direction: rtl;
    text-align: right;
}
html[dir="rtl"] .mg-search-input-group i {
    left: auto;
    right: 16px;
}
html[dir="rtl"] .mg-search-input {
    padding: 14px 48px 14px 16px;
    text-align: right;
}
html[dir="rtl"] .mg-article-item:hover {
    transform: translateX(-4px);
}
html[dir="rtl"] .mg-article-item:hover .mg-article-meta {
    transform: translateX(-4px);
}
html[dir="rtl"] .mg-article-meta i.fa-arrow-right {
    transform: scaleX(-1);
}
html[dir="rtl"] .mg-btn-edit-article {
    right: auto;
    left: 20px;
}

/* === RTL rules from custom_login.css === */
html[dir="rtl"] .mg-login-header,
html[dir="rtl"] .mg-login-footer,
html[dir="rtl"] .mg-login-form,
html[dir="rtl"] .form-group,
html[dir="rtl"] label {
  text-align: right;
}
html[dir="rtl"] .input-icon {
  left: auto;
  right: 16px;
}
html[dir="rtl"] .input-group:focus-within .input-icon {
  transform: translateY(-50%) scale(1.1);
}
html[dir="rtl"] input.form-control {
  direction: rtl;
  text-align: right;
  padding: 14px 48px 14px 48px;
}
html[dir="rtl"] input#inputEmail.form-control {
  padding-right: 48px;
  padding-left: 16px;
}
html[dir="rtl"] input#inputPassword.form-control {
  padding-right: 48px;
  padding-left: 52px;
}
html[dir="rtl"] .password-toggle {
  right: auto;
  left: 16px;
}
html[dir="rtl"] .mg-remember {
  flex-direction: row-reverse;
}
html[dir="rtl"] .checkbox-wrapper {
  flex-direction: row-reverse;
}
html[dir="rtl"] .checkmark {
  margin-left: 0;
}
html[dir="rtl"] .mg-forgot-link::after {
  left: auto;
  right: 0;
}
html[dir="rtl"] .mg-login-footer p {
  direction: rtl;
}
html[dir="rtl"] .footer-text {
  margin-right: 0;
  margin-left: 6px;
}
html[dir="rtl"] .register-link::after {
  display: none;
}
html[dir="rtl"] .register-link::before {
  content: '←';
  margin-left: 6px;
  display: inline-block;
  transition: transform 0.3s ease;
}
html[dir="rtl"] .register-link:hover::before {
  transform: translateX(-4px);
}
html[dir="rtl"] .mg-remember {
    align-items: flex-end;
  }

/* === RTL rules from custom_paymentmethods.css === */
html[dir="rtl"] .mg-paymethods-header::after { left: -80px; right: auto; }
html[dir="rtl"] .mg-paymethods-table-wrapper::before { left: auto; right: -1px; border-left: none; border-right: 2px solid #00c9ff; border-radius: 0 20px 0 0; }
html[dir="rtl"] .mg-paymethods-table-wrapper::after  { right: auto; left: -1px; border-right: none; border-left: 2px solid #00c9ff; border-radius: 0 0 0 20px; }
html[dir="rtl"] .mg-paymethods-actions { flex-direction: row-reverse; }
html[dir="rtl"] .mg-pm-actions { flex-direction: row-reverse; }

/* === RTL rules from custom_pwreset.css === */
html[dir="rtl"] .mg-pwreset-page label {
    text-align: right;
}
html[dir="rtl"] .mg-pwreset-page .input-icon {
    left: auto;
    right: 12px;
}
html[dir="rtl"] .mg-pwreset-page .form-control {
    text-align: right;
    padding: 11px 40px 11px 12px;
}

/* === RTL rules from custom_register.css === */
html[dir="rtl"] body.mg-register-mode {
    overflow-x: hidden !important;
}
html[dir="rtl"] body.mg-register-mode .mg-register-container,
html[dir="rtl"] body.mg-register-mode .mg-register-card {
    overflow: visible !important;
}
html[dir="rtl"] .mg-register-card,
html[dir="rtl"] .mg-form-card,
html[dir="rtl"] .mg-register-header {
    margin-left: auto;
    margin-right: auto;
}
html[dir="rtl"] .optional-badge {
    margin-left: 0;
    margin-right: 4px;
}
html[dir="rtl"] .mg-register-form .form-group,
html[dir="rtl"] .mg-register-form label,
html[dir="rtl"] .mg-register-form .marketing-message,
html[dir="rtl"] .mg-register-form .checkbox-label,
html[dir="rtl"] .mg-register-form .field-error,
html[dir="rtl"] .country-detect-status {
    text-align: right;
}
html[dir="rtl"] .mg-country-picker__trigger {
    padding-left: 42px;
    padding-right: 44px;
    flex-direction: row-reverse;
    text-align: right;
}
html[dir="rtl"] .mg-country-picker__code {
    order: -1;
}
html[dir="rtl"] .mg-country-picker__arrow {
    right: auto;
    left: 16px;
}
html[dir="rtl"] .mg-country-picker__panel {
    left: auto;
    right: 0;
}
html[dir="rtl"] .mg-country-picker__search::before {
    left: auto;
    right: 26px;
}
html[dir="rtl"] .mg-country-picker__search-input {
    padding-left: 14px;
    padding-right: 36px;
    text-align: right;
    direction: rtl;
}
html[dir="rtl"] .mg-country-picker__option {
    flex-direction: row-reverse;
    border-left: 0;
    border-right: 2px solid transparent;
    text-align: right;
}
html[dir="rtl"] .mg-country-picker__option:hover,
html[dir="rtl"] .mg-country-picker__option.is-highlighted {
    border-right-color: rgba(0, 168, 232, 0.35);
}
html[dir="rtl"] .mg-country-picker__option.is-selected {
    border-right-color: #00a8e8;
    box-shadow: inset -6px 0 10px -8px rgba(0, 168, 232, 0.45);
}
html[dir="rtl"] .mg-country-picker__option-code {
    text-align: left;
}
html[dir="rtl"] .input-icon {
    left: auto;
    right: 16px;
}
html[dir="rtl"] input.field.form-control,
html[dir="rtl"] select.field.form-control,
html[dir="rtl"] textarea.field.form-control {
    padding-left: 14px;
    padding-right: 44px;
    text-align: right;
}
html[dir="rtl"] select.field.form-control {
    background-position: left 16px center !important;
    padding-left: 40px !important;
    padding-right: 44px !important;
}
html[dir="rtl"] .password-toggle {
    right: auto;
    left: 16px;
}
html[dir="rtl"] .checkmark {
    margin-left: 0;
}
html[dir="rtl"] .mg-login-link {
    flex-direction: row-reverse;
}
html[dir="rtl"] .mg-login-link i {
    transform: scaleX(-1);
}
html[dir="rtl"] .mg-login-link:hover i {
    transform: scaleX(-1) translateX(3px);
}
html[dir="rtl"] .intl-tel-input .flag-container {
    left: 0 !important;
    right: auto !important;
}
html[dir="rtl"] .intl-tel-input .selected-flag {
    justify-content: flex-start;
    flex-direction: row-reverse;
    margin: 0;
    padding: 0 10px 0 12px !important;
    border-left: 0;
    border-right: 1px solid rgba(0, 168, 232, 0.14);
    border-radius: 14px 0 0 14px;
}
html[dir="rtl"] .intl-tel-input input,
html[dir="rtl"] .intl-tel-input input[type="tel"],
html[dir="rtl"] .intl-tel-input input[type="text"] {
    padding-left: 118px !important;
    padding-right: 14px !important;
    text-align: right !important;
    direction: rtl;
}
html[dir="rtl"] .intl-tel-input .country-list {
    text-align: right;
    left: 0 !important;
    right: auto !important;
}
html[dir="rtl"] .intl-tel-input .country-list .country {
    direction: rtl;
    border-left: 0;
    border-right: 2px solid transparent;
}
html[dir="rtl"] .intl-tel-input .country-list .dial-code {
    margin-left: 0;
    margin-right: auto;
    text-align: left;
}
html[dir="rtl"] .mg-phone-country-search::before {
    left: auto;
    right: 12px;
}
html[dir="rtl"] .mg-phone-country-search__input {
    padding-left: 14px;
    padding-right: 34px;
}
html[dir="rtl"] .mg-phone-country-search__input,
html[dir="rtl"] .mg-phone-country-search__empty {
    text-align: right;
    direction: rtl;
}
html[dir="rtl"] .mg-phone-country-search::before {
    left: auto;
    right: 12px;
}
html[dir="rtl"] .mg-phone-country-search__input {
    padding-left: 14px;
    padding-right: 34px;
}
html[dir="rtl"] .intl-tel-input .country-list .country.highlight,
html[dir="rtl"] .intl-tel-input .country-list .country:hover,
html[dir="rtl"] .intl-tel-input .country-list .country.active,
html[dir="rtl"] .intl-tel-input .country-list .country.highlight:not(.active) {
    border-left-color: transparent;
}
html[dir="rtl"] .intl-tel-input .country-list .country.highlight,
html[dir="rtl"] .intl-tel-input .country-list .country:hover {
    border-right-color: rgba(0, 168, 232, 0.35);
}
html[dir="rtl"] .intl-tel-input .country-list .country.active {
    border-right-color: #00a8e8;
    box-shadow: inset -6px 0 10px -8px rgba(0, 168, 232, 0.45);
}
html[dir="rtl"] .intl-tel-input .country-list .country.highlight:not(.active) {
    border-right-color: rgba(0, 168, 232, 0.25);
}
html[dir="rtl"] .dl-register-discord .sub-heading {
    direction: rtl;
}
html[dir="rtl"] #registration .dl-register-discord .sub-heading span {
    letter-spacing: 0;
    text-transform: none;
}
html[dir="rtl"] .mg-modal-header {
    flex-direction: row-reverse;
    align-items: flex-start;
}
html[dir="rtl"] .mg-modal-header .modal-title {
    flex-direction: row-reverse;
    text-align: right;
}
html[dir="rtl"] .mg-modal-header>div {
    flex: 1 1 auto;
    text-align: right;
}
html[dir="rtl"] .mg-modal-close {
    margin-right: auto;
    margin-left: 0;
}
html[dir="rtl"] .mg-modal-body,
html[dir="rtl"] .mg-form-group,
html[dir="rtl"] .mg-password-info,
html[dir="rtl"] .mg-alert-danger {
    text-align: right;
}
html[dir="rtl"] .mg-form-label {
    flex-direction: row-reverse;
    justify-content: flex-end;
}
html[dir="rtl"] .mg-form-label i {
    margin-left: 0;
    margin-right: 0;
}
html[dir="rtl"] .mg-input-suffix {
    right: auto;
    left: 16px;
}
html[dir="rtl"] .mg-input-number {
    padding-left: 56px;
    padding-right: 16px;
    text-align: right;
}
html[dir="rtl"] .mg-password-output-wrapper {
    flex-direction: row-reverse;
}
html[dir="rtl"] .mg-password-output {
    text-align: right;
}
html[dir="rtl"] .mg-password-info {
    border-left: 0;
    border-right: 3px solid #00a8e8;
}
html[dir="rtl"] .mg-password-info i {
    margin-right: 0;
    margin-left: 6px;
}
html[dir="rtl"] .mg-modal-footer {
    justify-content: flex-start;
    flex-direction: row-reverse;
}
html[dir="rtl"] .mg-modal-footer .btn {
    text-align: center;
}
html[dir="rtl"] body.mg-register-mode {
    overflow-x: hidden !important;
}

/* === RTL rules from custom_store.css === */
html[dir="rtl"] .landing-page {
    direction: rtl;
    text-align: right;
}
html[dir="rtl"] .landing-page .hero {
    direction: rtl;
}
html[dir="rtl"] .landing-page .hero h2,
html[dir="rtl"] .landing-page .hero h3,
html[dir="rtl"] .landing-page .hero p {
    text-align: right;
}
html[dir="rtl"] .landing-page h1,
html[dir="rtl"] .landing-page h2,
html[dir="rtl"] .landing-page h3,
html[dir="rtl"] .landing-page h4,
html[dir="rtl"] .landing-page h5,
html[dir="rtl"] .landing-page h6 {
    text-align: right;
}
html[dir="rtl"] .landing-page p {
    text-align: right;
}
html[dir="rtl"] .landing-page .product-options .item,
html[dir="rtl"] .landing-page .pricing-item {
    direction: rtl;
    text-align: right;
}
html[dir="rtl"] .landing-page .price,
html[dir="rtl"] .landing-page .price-amount,
html[dir="rtl"] .landing-page [class*="price"] {
    direction: ltr;
    unicode-bidi: embed;
}
html[dir="rtl"] .landing-page .features .feature {
    direction: rtl;
    text-align: right;
}
html[dir="rtl"] .landing-page .features li,
html[dir="rtl"] .landing-page ul li {
    direction: rtl;
    text-align: right;
}
html[dir="rtl"] .landing-page .features li i.fa-check-circle,
html[dir="rtl"] .landing-page .features li i.far {
    margin-right: 0;
    margin-left: 6px;
}
html[dir="rtl"] .landing-page nav,
html[dir="rtl"] .landing-page .nav {
    direction: rtl;
}
html[dir="rtl"] .landing-page input,
html[dir="rtl"] .landing-page select,
html[dir="rtl"] .landing-page textarea {
    direction: rtl;
    text-align: right;
}
html[dir="rtl"] .landing-page table {
    direction: rtl;
}
html[dir="rtl"] .landing-page table th,
html[dir="rtl"] .landing-page table td {
    text-align: right;
}
html[dir="rtl"] .landing-page .fa-arrow-left,
html[dir="rtl"] .landing-page .fa-chevron-left {
    transform: scaleX(-1);
    display: inline-block;
}
html[dir="rtl"] .landing-page .fa-arrow-right,
html[dir="rtl"] .landing-page .fa-chevron-right {
    transform: scaleX(-1);
    display: inline-block;
}

/* === RTL rules from custom_supporthub.css === */
html[dir="rtl"] .mg-support-shell {
    direction: rtl;
}
html[dir="rtl"] .mg-support-hero {
        display: grid;
        grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
        align-items: flex-end;
        column-gap: 1.4rem;
    }
html[dir="rtl"] .mg-support-stats {
        grid-column: 1;
        min-width: 0;
    }
html[dir="rtl"] .mg-support-hero__content {
        grid-column: 2;
        min-width: 0;
    }
html[dir="rtl"] .mg-support-hero__content,
html[dir="rtl"] .mg-support-title,
html[dir="rtl"] .mg-support-subtitle,
html[dir="rtl"] .mg-support-card__header,
html[dir="rtl"] .mg-support-card__title,
html[dir="rtl"] .mg-support-card__copy,
html[dir="rtl"] .mg-support-toolbar__label,
html[dir="rtl"] .mg-support-empty,
html[dir="rtl"] .mg-support-empty p,
html[dir="rtl"] .mg-support-issue__title,
html[dir="rtl"] .mg-support-list-item__title,
html[dir="rtl"] .mg-support-list-item__copy {
    text-align: right;
}
html[dir="rtl"] .mg-support-title,
html[dir="rtl"] .mg-support-eyebrow,
html[dir="rtl"] .mg-support-toolbar,
html[dir="rtl"] .mg-support-chipset,
html[dir="rtl"] .mg-support-search,
html[dir="rtl"] .mg-support-list-item,
html[dir="rtl"] .mg-support-list-item__meta,
html[dir="rtl"] .mg-support-issue__meta {
    direction: rtl;
}
html[dir="rtl"] .mg-support-search {
    flex-direction: row-reverse;
}
html[dir="rtl"] .mg-support-stats,
html[dir="rtl"] .mg-support-stat,
html[dir="rtl"] .mg-support-stat__label,
html[dir="rtl"] .mg-support-stat__value {
    direction: rtl;
    text-align: right;
}
html[dir="rtl"] .mg-support-search__field i {
    left: auto;
    right: 1rem;
}
html[dir="rtl"] .mg-support-search__input {
    padding: 0.8rem 2.85rem 0.8rem 1rem;
    text-align: right;
}
html[dir="rtl"] .mg-support-btn i.fa-arrow-right,
html[dir="rtl"] .mg-support-list-item__meta i.fa-arrow-right,
html[dir="rtl"] .mg-btn-read-more i.fa-arrow-right {
    transform: scaleX(-1);
}
html[dir="rtl"] .mg-support-search .mg-support-btn {
    flex-direction: row-reverse;
}
html[dir="rtl"] .mg-support-search .mg-support-btn i[class*="arrow"] {
    order: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: none !important;
}
html[dir="rtl"] .mg-support-list-item:hover {
    transform: translateX(-4px);
}
html[dir="rtl"] .mg-support-table th,
html[dir="rtl"] .mg-support-table td {
    text-align: right;
}
html[dir="rtl"] .mg-support-pagination {
    justify-content: flex-start;
}
html[dir="rtl"] .mg-support-list-item__title,
html[dir="rtl"] .mg-support-list-item__copy,
html[dir="rtl"] .mg-support-chip,
html[dir="rtl"] .mg-support-meta-chip {
    unicode-bidi: plaintext;
}
html[dir="rtl"] .mg-support-shell--knowledgebase .mg-support-hero,
    html[dir="rtl"] .mg-support-shell--downloads .mg-support-hero,
    html[dir="rtl"] .mg-support-shell--announcements .mg-support-hero,
    html[dir="rtl"] .mg-support-shell--serverstatus .mg-support-hero {
        display: flex;
        flex-direction: row;          /* stats LEFT, content RIGHT in visual order */
        justify-content: space-between;
        align-items: flex-end;
        gap: 1.4rem;
    }
html[dir="rtl"] .mg-support-shell--knowledgebase .mg-support-stats,
    html[dir="rtl"] .mg-support-shell--downloads .mg-support-stats,
    html[dir="rtl"] .mg-support-shell--announcements .mg-support-stats,
    html[dir="rtl"] .mg-support-shell--serverstatus .mg-support-stats {
        order: -1;        /* visually first = left */
        min-width: min(280px, 100%);
    }
html[dir="rtl"] .mg-support-shell--knowledgebase .mg-support-hero__content,
    html[dir="rtl"] .mg-support-shell--downloads .mg-support-hero__content,
    html[dir="rtl"] .mg-support-shell--announcements .mg-support-hero__content,
    html[dir="rtl"] .mg-support-shell--serverstatus .mg-support-hero__content {
        order: 1;         /* visually last = right */
        text-align: right;
        flex: 1;
        min-width: 0;
    }
html[dir="rtl"] .mg-support-shell--knowledgebase .mg-support-title,
html[dir="rtl"] .mg-support-shell--downloads .mg-support-title,
html[dir="rtl"] .mg-support-shell--announcements .mg-support-title,
html[dir="rtl"] .mg-support-shell--knowledgebase .mg-support-subtitle,
html[dir="rtl"] .mg-support-shell--downloads .mg-support-subtitle,
html[dir="rtl"] .mg-support-shell--announcements .mg-support-subtitle,
html[dir="rtl"] .mg-support-shell--knowledgebase .mg-support-eyebrow,
html[dir="rtl"] .mg-support-shell--downloads .mg-support-eyebrow,
html[dir="rtl"] .mg-support-shell--announcements .mg-support-eyebrow {
    direction: rtl;
    text-align: right;
}
html[dir="rtl"] .mg-support-shell--knowledgebase .mg-support-stat,
html[dir="rtl"] .mg-support-shell--downloads .mg-support-stat,
html[dir="rtl"] .mg-support-shell--announcements .mg-support-stat,
html[dir="rtl"] .mg-support-shell--knowledgebase .mg-support-stat__label,
html[dir="rtl"] .mg-support-shell--downloads .mg-support-stat__label,
html[dir="rtl"] .mg-support-shell--announcements .mg-support-stat__label,
html[dir="rtl"] .mg-support-shell--knowledgebase .mg-support-stat__value,
html[dir="rtl"] .mg-support-shell--downloads .mg-support-stat__value,
html[dir="rtl"] .mg-support-shell--announcements .mg-support-stat__value {
    direction: rtl;
    text-align: right;
}
html[dir="rtl"] .mg-support-shell--knowledgebase .mg-support-search,
html[dir="rtl"] .mg-support-shell--downloads .mg-support-search,
html[dir="rtl"] .mg-support-shell--announcements .mg-support-search {
    direction: rtl;
    flex-direction: row;                  /* normal row — in RTL flow this is: btn left, input right */
}
html[dir="rtl"] .mg-support-shell--knowledgebase .mg-support-search__field i,
html[dir="rtl"] .mg-support-shell--downloads .mg-support-search__field i,
html[dir="rtl"] .mg-support-shell--announcements .mg-support-search__field i {
    right: 1rem;
    left: auto;
}
html[dir="rtl"] .mg-support-shell--knowledgebase .mg-support-search__input,
html[dir="rtl"] .mg-support-shell--downloads .mg-support-search__input,
html[dir="rtl"] .mg-support-shell--announcements .mg-support-search__input {
    padding: 0.8rem 2.85rem 0.8rem 1rem;
    text-align: right;
}
html[dir="rtl"] .mg-support-shell--knowledgebase .mg-support-search .mg-support-btn,
html[dir="rtl"] .mg-support-shell--downloads .mg-support-search .mg-support-btn,
html[dir="rtl"] .mg-support-shell--announcements .mg-support-search .mg-support-btn {
    direction: ltr;             /* keep icon+text inside button LTR */
}
html[dir="rtl"] .mg-support-shell--announcements .mg-support-hero,
    html[dir="rtl"] .mg-support-shell--knowledgebase .mg-support-hero,
    html[dir="rtl"] .mg-support-shell--downloads .mg-support-hero,
    html[dir="rtl"] .mg-support-shell--serverstatus .mg-support-hero {
        direction: ltr !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-end !important;
        justify-content: space-between !important;
        gap: 1.4rem !important;
    }
html[dir="rtl"] .mg-support-shell--announcements .mg-support-hero__content,
    html[dir="rtl"] .mg-support-shell--knowledgebase .mg-support-hero__content,
    html[dir="rtl"] .mg-support-shell--downloads .mg-support-hero__content,
    html[dir="rtl"] .mg-support-shell--serverstatus .mg-support-hero__content {
        order: 2 !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
        direction: rtl !important;
        text-align: right !important;
    }
html[dir="rtl"] .mg-support-shell--announcements .mg-support-stats,
    html[dir="rtl"] .mg-support-shell--knowledgebase .mg-support-stats,
    html[dir="rtl"] .mg-support-shell--downloads .mg-support-stats,
    html[dir="rtl"] .mg-support-shell--serverstatus .mg-support-stats {
        order: 1 !important;
        min-width: min(360px, 100%) !important;
        direction: rtl !important;
        text-align: right !important;
    }
html[dir="rtl"] .mg-support-shell--announcements .mg-support-search,
html[dir="rtl"] .mg-support-shell--knowledgebase .mg-support-search,
html[dir="rtl"] .mg-support-shell--downloads .mg-support-search {
    direction: rtl !important;
    flex-direction: row !important;
}
html[dir="rtl"] .mg-support-shell--announcements .mg-support-search .mg-support-btn,
html[dir="rtl"] .mg-support-shell--knowledgebase .mg-support-search .mg-support-btn,
html[dir="rtl"] .mg-support-shell--downloads .mg-support-search .mg-support-btn {
    flex-direction: row-reverse !important; /* text then arrow => بحث -> */
}
html[dir="rtl"] .mg-support-shell--announcements .mg-support-search .mg-support-btn i.fa-arrow-right,
html[dir="rtl"] .mg-support-shell--knowledgebase .mg-support-search .mg-support-btn i.fa-arrow-right,
html[dir="rtl"] .mg-support-shell--downloads .mg-support-search .mg-support-btn i.fa-arrow-right {
    transform: none !important;
}

/* === RTL rules from custom_supportticket.css === */
html[dir="rtl"] .mg-ticket-form,
html[dir="rtl"] .mg-ticket-card {
    direction: rtl;
}
html[dir="rtl"] .mg-ticket-header,
html[dir="rtl"] .mg-section-title,
html[dir="rtl"] .mg-form-label,
html[dir="rtl"] .mg-markdown-help,
html[dir="rtl"] .mg-file-info {
    text-align: right;
}
html[dir="rtl"] .mg-input-icon,
html[dir="rtl"] .mg-select-icon {
    left: auto;
    right: 16px;
}
html[dir="rtl"] .mg-input,
html[dir="rtl"] .mg-select {
    padding: 12px 48px 12px 40px;
    text-align: right;
}
html[dir="rtl"] .mg-select {
    padding-left: 40px;
    padding-right: 48px;
    background-position: left 16px center;
}
html[dir="rtl"] .mg-char-count {
    align-self: flex-start;
}
html[dir="rtl"] .mg-markdown-help {
    border-left: 0;
    border-right: 3px solid #00a8e8;
}
html[dir="rtl"] .mg-form-actions {
    flex-direction: row;
}
html[dir="rtl"] .mg-btn-secondary i {
    transform: none;
}
html[dir="rtl"] .mg-select-wrapper::after {
    right: auto;
    left: 1rem;
}
html[dir="rtl"] .mg-select-icon {
    left: auto;
    right: 1rem;
}
html[dir="rtl"] .mg-select {
    direction: rtl;
    text-align: right;
    padding: 0.7rem 2.8rem 0.7rem 2.8rem;
}
html[dir="rtl"] .mg-form-actions--rtl .mg-btn-secondary,
html[dir="rtl"] .mg-form-actions--rtl .mg-btn-submit {
    flex-direction: row;
    direction: rtl;
}

/* === RTL rules from custom_tickets.css === */
html[dir="rtl"] .mg-tickets-filters {
  direction: rtl;
}

/* === RTL rules from custom_usermanagement.css === */
html[dir="rtl"] .mg-usermgmt-header::after { left: -80px; right: auto; }
html[dir="rtl"] .mg-um-actions { justify-content: flex-start; }
html[dir="rtl"] .mg-um-form-actions { flex-direction: row-reverse; }
html[dir="rtl"] .mg-um-meta { text-align: right; }
html[dir="rtl"] .mg-um-section-label { flex-direction: row-reverse; }

/* === RTL rules from custom_vps_panel.css === */
html[dir="rtl"] #vpsToastWrap {
    right: auto;
    left: 1rem;
    align-items: flex-start;
}
html[dir="rtl"] .vps-chart-modal__tools {
    direction: rtl;
    justify-content: flex-start;
}
html[dir="rtl"] .vps-chart-tool-label {
    flex-direction: row-reverse;
}
html[dir="rtl"] .vps-billing__grid,
.vps-panel--rtl .vps-billing__grid {
    direction: rtl;
    text-align: right;
}
html[dir="rtl"] .vps-billing__item,
html[dir="rtl"] .vps-billing__item-label,
html[dir="rtl"] .vps-billing__item-value,
.vps-panel--rtl .vps-billing__item,
.vps-panel--rtl .vps-billing__item-label,
.vps-panel--rtl .vps-billing__item-value {
    text-align: right;
}

/* === RTL rules from cyber_overrides.css === */
html[dir="rtl"] .fas,
html[dir="rtl"] .far,
html[dir="rtl"] .fa,
html[dir="rtl"] .fab,
.fas,
.far,
.fab,
.fa,
.star,
html[dir="rtl"] .star {
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome" !important;
}
html[dir="rtl"] .fab,
.fab {
    font-family: "Font Awesome 5 Brands", "FontAwesome" !important;
    font-weight: 400 !important;
}
html[dir="rtl"] .fas,
html[dir="rtl"] .fa,
.fas,
.fa {
    font-weight: 900 !important;
}
html[dir="rtl"] .far,
.far {
    font-weight: 400 !important;
}
html[dir="rtl"] .mg-page-header__main { flex-direction: row-reverse; }
html[dir="rtl"] .mg-page-eyebrow,
html[dir="rtl"] .mg-page-header__copy { direction: rtl; text-align: right; }
html[dir="rtl"] .mg-page-stats { direction: rtl; }

/* === RTL rules from header.css === */
html[dir="rtl"] .mobile-nav-menu {
    left: auto;
    right: 0;
    transform: translateX(110%);
}
html[dir="rtl"] .mobile-nav-menu.active {
    transform: translateX(0);
}
html[dir="rtl"] .notification-dropdown {
        right: auto;
        left: 0;
    }

/* === RTL rules from legacy_styles.css === */
html[dir="rtl"],
html[dir="rtl"] * {
  font-family: "Cairo", sans-serif !important;
}
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6 {
  font-family: "Cairo", sans-serif !important;
  font-weight: 800;
}

/* === RTL rules from magoods_shell_port.css === */
html[dir="rtl"] body.mgp-shell-active #main-body select.form-control:not([multiple]):not([size]):not([size="1"]),
html[dir="rtl"] body.mgp-shell-active #main-body select.custom-select:not([multiple]):not([size]):not([size="1"]),
html[dir="rtl"] body.mgp-shell-active #main-body .dataTables_wrapper select.form-control:not([multiple]):not([size]):not([size="1"]),
html[dir="rtl"] body.mgp-shell-active #main-body .dataTables_wrapper select.custom-select:not([multiple]):not([size]):not([size="1"]) {
    background-position: left 0.88rem center;
    padding-left: 2.5rem;
    padding-right: 0.92rem;
}
html[dir="rtl"] .mgp-brand {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 12px;
    direction: rtl;
    text-align: right;
}
html[dir="rtl"] .mgp-brand>span:last-child {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    text-align: right;
}
html[dir="rtl"] .mgp-brand__mark {
    flex: 0 0 38px;
}
html[dir="rtl"] .mgp-nav-label {
    text-align: right;
}
html[dir="rtl"] .mgp-sidebar-nav .badge {
    margin-left: 0;
    margin-right: auto;
}
html[dir="rtl"] .mgp-sidebar-nav .dropdown-menu {
    margin: 6px 12px 0 0;
}
html[dir="rtl"] .mgp-sidebar-nav .dropdown-toggle::after {
    margin-left: 0;
    margin-right: auto;
}
html[dir="rtl"] .mgp-topbar__content,
html[dir="rtl"] .mgp-menu-panel,
html[dir="rtl"] .mgp-switch-account-modal,
html[dir="rtl"] .mgp-email-alert {
    text-align: right;
}
html[dir="rtl"] .mgp-user-card {
    text-align: center;
}
html[dir="rtl"] .mgp-user-card__name,
html[dir="rtl"] .mgp-user-card__meta {
    text-align: center;
}
html[dir="rtl"] .mgp-breadcrumb li+li::before {
    margin-right: 0;
    margin-left: 8px;
}
html[dir="rtl"] .mgp-menu-panel {
    right: auto;
    left: 0;
}
html[dir="rtl"] .mgp-icon-button__dot {
    right: auto;
    left: 8px;
}
html[dir="rtl"] .mgp-icon-button__count {
    right: auto;
    left: -2px;
}
html[dir="rtl"] .mgp-overdue-banner__body {
    direction: rtl;
}
html[dir="rtl"] .mgp-overdue-banner__body>div:last-child,
html[dir="rtl"] .mgp-overdue-banner__title,
html[dir="rtl"] .mgp-overdue-banner__copy,
html[dir="rtl"] .mgp-overdue-banner__copy p {
    text-align: right;
}
html[dir="rtl"] .mgp-overdue-banner__actions {
    justify-content: flex-start;
    padding: 16px 0 16px 18px;
}
html[dir="rtl"] .mgp-home-card__header,
html[dir="rtl"] .mgp-home-actions-card__header {
    direction: rtl;
}
html[dir="rtl"] .mgp-home-card__title,
html[dir="rtl"] .mgp-home-actions-card__title {
    text-align: right;
}
html[dir="rtl"] .mgp-home-actions__button {
    direction: rtl;
    justify-content: flex-start;
}
html[dir="rtl"] .mgp-empty-state {
    justify-items: end;
    text-align: right;
}
html[dir="rtl"] .mgp-home-kb-search__icon {
    left: auto;
    right: 16px;
}
html[dir="rtl"] .mgp-home-kb-search__input {
    padding: 0 46px 0 58px;
    text-align: right;
}
html[dir="rtl"] .mgp-home-kb-search__submit {
    right: auto;
    left: 6px;
    transform: rotate(180deg);
}
html[dir="rtl"] .mgp-home-kb-search__submit i {
    transform: rotate(180deg);
}
html[dir="rtl"] .mgp-home-kb-search__meta {
    text-align: right;
}
html[dir="rtl"] .mgp-home-kb-section__label {
    text-align: right;
}
html[dir="rtl"] .mgp-home-kb-folder {
    direction: rtl;
}
html[dir="rtl"] .mgp-home-kb-folder__content,
html[dir="rtl"] .mgp-home-kb-folder__name,
html[dir="rtl"] .mgp-home-kb-folder__meta {
    text-align: right;
}
html[dir="rtl"] .mgp-sidebar-shell {
        inset: 0 0 0 auto;
        border-right: 0;
        border-left: 1px solid var(--mga-b-glow);
        box-shadow: -4px 0 40px rgba(0, 0, 0, 0.5);
    }
html[dir="rtl"] .mgp-sidebar-shell::after {
        right: auto;
        left: -1px;
    }
html[dir="rtl"] .mgp-sidebar-scroll {
        padding-right: 0;
        padding-left: 4px;
    }
/* Sidebar offset applies only where the sidebar is actually docked.
   Mirrors magoods_shell_port.css's LTR rule (@media min-width:1200px ->
   margin-left: var(--mga-sidebar-width)). Without this wrapper the 320px
   offset was applied at every viewport, crushing the mobile content column. */
@media (min-width: 1200px) {
    html[dir="rtl"] .mgp-topbar {
        margin-left: 0;
        margin-right: var(--mga-sidebar-width);
    }
    html[dir="rtl"] body.mgp-shell-active #main-body,
    html[dir="rtl"] body.mgp-shell-active .theme-footer,
    html[dir="rtl"] body.mgp-shell-active .network-issue-alert,
    html[dir="rtl"] body.mgp-shell-active .verification-banner {
        margin-left: 0;
        margin-right: var(--mga-sidebar-width);
    }
}
html[dir="rtl"] .mg-modal-generate .mg-modal-header {
    flex-direction: row-reverse;
}
html[dir="rtl"] .mg-modal-generate .mg-modal-header .modal-title {
    flex-direction: row-reverse;
    text-align: right;
}
html[dir="rtl"] .mg-modal-generate .mg-modal-body,
html[dir="rtl"] .mg-modal-generate .mg-form-group,
html[dir="rtl"] .mg-modal-generate .mg-password-info,
html[dir="rtl"] .mg-modal-generate .mg-alert-danger {
    text-align: right;
}
html[dir="rtl"] .mg-modal-generate .mg-form-label {
    flex-direction: row-reverse;
    justify-content: flex-end;
}
html[dir="rtl"] .mg-modal-generate .mg-input-suffix {
    right: auto;
    left: 14px;
}
html[dir="rtl"] .mg-modal-generate .mg-input-number {
    padding-left: 58px;
    padding-right: 14px;
    text-align: right;
}
html[dir="rtl"] .mg-modal-generate .mg-password-output-wrapper {
    flex-direction: row-reverse;
}
html[dir="rtl"] .mg-modal-generate .mg-password-output {
    text-align: right;
}
html[dir="rtl"] .mg-modal-generate .mg-password-info i,
html[dir="rtl"] .mg-modal-generate .mg-alert-danger i {
    margin-right: 0;
    margin-left: 6px;
}
html[dir="rtl"] .mg-modal-generate .mg-modal-footer {
    flex-direction: row-reverse;
    justify-content: flex-start;
}
html[dir="rtl"] body.mgp-shell-active .mgp-domain-hub__hero,
html[dir="rtl"] body.mgp-shell-active .mgp-domain-actions,
html[dir="rtl"] body.mgp-shell-active .mgp-domain-hub__cta-row {
    direction: rtl;
}
html[dir="rtl"] body.mgp-shell-active .mgp-domain-hub__intro,
html[dir="rtl"] body.mgp-shell-active .mgp-domain-hub__title,
html[dir="rtl"] body.mgp-shell-active .mgp-domain-hub__copy {
    text-align: right;
}
html[dir="rtl"] .mgp-sidebar-shell {
        inset: 0 0 0 auto;
        border-right: 0;
        border-left: 1px solid var(--mga-b-glow);
        box-shadow: -4px 0 40px rgba(0, 0, 0, 0.5);
    }
html[dir="rtl"] .mgp-sidebar-shell::after {
        right: auto;
        left: -1px;
    }
html[dir="rtl"] .mgp-sidebar-scroll {
        padding-right: 0;
        padding-left: 4px;
    }
@media (min-width: 1200px) {
    html[dir="rtl"] body.mgp-shell-active .mgp-topbar,
    html[dir="rtl"] body.mgp-shell-active #main-body,
    html[dir="rtl"] body.mgp-shell-active .theme-footer,
    html[dir="rtl"] body.mgp-shell-active .network-issue-alert,
    html[dir="rtl"] body.mgp-shell-active .verification-banner {
        margin-left: 0;
        margin-right: var(--mga-sidebar-width);
    }
}
/* Off-canvas drawer state: only below the docked-sidebar breakpoint, mirroring
   magoods_shell_port.css's LTR @media (max-width:1199px) rules. Previously
   unconditional, so the parked transform leaked to desktop and had to be
   neutralised by a `transform: none !important` patch in magoods_shell_port.css. */
@media (max-width: 1199px) {
    html[dir="rtl"] .mgp-sidebar-shell {
        inset: 0 0 0 auto;
        border-right: 0;
        border-left: 1px solid var(--mga-b-glow);
        box-shadow: -12px 0 40px rgba(0, 0, 0, 0.5);
        transform: translateX(calc(100% + 18px));
    }
    html[dir="rtl"] body.mgp-shell-active.mgp-shell-drawer-open .mgp-sidebar-shell {
        transform: translateX(0);
    }
}
html[dir="rtl"] .mgp-sidebar-shell::after {
        right: auto;
        left: -1px;
    }
html[dir="rtl"] .mgp-sidebar-scroll {
        padding-right: 0;
        padding-left: 4px;
    }
html[dir="rtl"] body.mgp-shell-active .mgp-nav-label {
        text-align: right;
        padding-right: 2px;
    }
html[dir="rtl"] body.mgp-shell-active #accountNotificationsPanel {
        left: auto;
        right: 0;
    }
html[dir="rtl"] .mgp-home-card__header .btn.btn-default — flex-direction:row-reverse removed */

    body.mgp-shell-active .mgp-status-chip,
    body.mgp-shell-active .mgp-topbar__actions>.btn.btn-primary {
        display: none;
    }
html[dir="rtl"] body.mgp-shell-active .mgp-home,
html[dir="rtl"] body.mgp-shell-active .mgp-home .mgp-home-card--tickets .list-group-item,
html[dir="rtl"] body.mgp-shell-active .mgp-home .mgp-home-card--news .list-group-item {
    direction: rtl;
    text-align: right;
}
html[dir="rtl"] body.mgp-shell-active .mgp-home .mgp-home-card--tickets .list-group-item .label,
html[dir="rtl"] body.mgp-shell-active .mgp-home .mgp-home-card--tickets .list-group-item [class*="status"] {
    margin-inline-start: 0;
    margin-inline-end: 8px;
}
html[dir="rtl"] body.mgp-shell-active .mgp-home .mgp-kpi-card {
    direction: rtl;
    text-align: right;
}
html[dir="rtl"] body.mgp-shell-active .mgp-home .mgp-kpi-card__meta {
    flex-direction: row-reverse;
}
html[dir="rtl"] body.mgp-shell-active .mgp-home .mgp-kpi-card__label {
    letter-spacing: 0;
    text-transform: none;
    font-size: 12px;
}
html[dir="rtl"] body.mgp-shell-active .mgp-home .mgp-home-card__title,
html[dir="rtl"] body.mgp-shell-active .mgp-home .mgp-home-actions-card__title {
    justify-content: flex-start;
    font-family: inherit;
    letter-spacing: 0;
    text-transform: none;
    font-size: 13px;
    font-weight: 700;
}
html[dir="rtl"] body.mgp-shell-active .mgp-home .mgp-home-card__header .btn.btn-default,
html[dir="rtl"] body.mgp-shell-active .mgp-home .mgp-home-actions-card__header .btn.btn-default,
html[dir="rtl"] body.mgp-shell-active .mgp-home .mgp-home-actions__button {
    text-align: right;
}
html[dir="rtl"] body.mgp-shell-active .mgp-home .mgp-home-card--services .mgp-svc-card {
    direction: rtl;
    text-align: right;
}
html[dir="rtl"] body.mgp-shell-active .mgp-home .mgp-home-card--services .mgp-svc-card__head {
    flex-direction: row-reverse !important;
}
html[dir="rtl"] body.mgp-shell-active .mgp-home .mgp-home-card--services .mgp-svc-card__name,
html[dir="rtl"] body.mgp-shell-active .mgp-home .mgp-home-card--services .mgp-svc-card__sub,
html[dir="rtl"] body.mgp-shell-active .mgp-home .mgp-home-card--services .mgp-svc-card__details {
    text-align: right;
}
html[dir="rtl"] body.mgp-shell-active .mgp-home .mgp-home-card--services .mgp-svc-btn {
    flex-direction: row-reverse !important;
}

/* === RTL rules from oauth.css === */
html[dir="rtl"] body,
html[lang="ar"] body {
    font-family: "Cairo", "Poppins", sans-serif;
}
html[dir="rtl"] section#header .float-right,
html[lang="ar"] section#header .float-right {
    float: left !important;
    text-align: left !important;
}
html[dir="rtl"] .action-buttons .float-left,
html[lang="ar"] .action-buttons .float-left {
    margin-right: 0;
    margin-left: auto;
    text-align: right;
}
html[dir="rtl"] .mg-oauth-perms__item:hover,
html[lang="ar"] .mg-oauth-perms__item:hover {
    transform: translateX(-2px);
}
html[dir="rtl"] .alert i,
html[lang="ar"] .alert i {
    margin-right: 0;
    margin-left: 8px;
}

/* === RTL rules from pages-documents-invoice.css === */
html[dir="rtl"] .mg-invoice-profile-alert {
    flex-direction: row-reverse;
    text-align: right;
}

/* === RTL rules from pages-unified-tables.css === */
html[dir="rtl"] .mg-page,
html[dir="rtl"] .panel.hero,
html[dir="rtl"] .panel.toolbar,
html[dir="rtl"] .panel.services-panel { direction: rtl; text-align: right; }
html[dir="rtl"] .hero-title,
html[dir="rtl"] .hero-sub,
html[dir="rtl"] .hero-badge  { text-align: right; }
html[dir="rtl"] .hero-left   { align-items: flex-start; }
html[dir="rtl"] .hero-right  { align-items: flex-start; }
html[dir="rtl"] .hero-stats  { direction: rtl; }
html[dir="rtl"] .stat        { direction: rtl; text-align: right; }
html[dir="rtl"] .stat-body   { align-items: flex-start; }
html[dir="rtl"] .hero-actions { justify-content: flex-start; direction: rtl; }
html[dir="rtl"] .btn         { direction: rtl; }
html[dir="rtl"] .filter-chips   { justify-content: flex-start; direction: rtl; }
html[dir="rtl"] .filter-chip,
html[dir="rtl"] .mg-filter-btn  {
  font-family: var(--u-ui);
  letter-spacing: 0;
  text-transform: none;
  flex-direction: row-reverse;
}
html[dir="rtl"] .filter-chip .count { direction: ltr; }
html[dir="rtl"] .search-box input {
  padding: 9px 12px 9px 36px;
  text-align: right;
  direction: rtl;
}
html[dir="rtl"] .search-box .search-icon {
  inset-inline-start: auto;
  inset-inline-end: 12px;
}
html[dir="rtl"] table.mg-table thead th,
html[dir="rtl"] table.services-table thead th,
html[dir="rtl"] table.mg-table tbody td,
html[dir="rtl"] table.services-table tbody td { text-align: right; }
html[dir="rtl"] .svc-meta,
html[dir="rtl"] .date-rel,
html[dir="rtl"] .price-amount,
html[dir="rtl"] .inv-num,
html[dir="rtl"] .quote-num,
html[dir="rtl"] .ticket-id { direction: ltr; text-align: right; unicode-bidi: embed; }
html[dir="rtl"] .date-value    { text-align: right; }
html[dir="rtl"] .price-cycle   { text-align: right; }
html[dir="rtl"] .ticket-subject { text-align: right; }
html[dir="rtl"] .dept-chip     { direction: rtl; }
html[dir="rtl"] .svc { direction: rtl; }
html[dir="rtl"] .svc-name { text-align: right; align-items: flex-end; }
html[dir="rtl"] .svc-title { text-align: right; }
html[dir="rtl"] .pill,
html[dir="rtl"] .status-pill { flex-direction: row-reverse; direction: rtl; }
html[dir="rtl"] .manage-btn { flex-direction: row-reverse; }
html[dir="rtl"] .manage-btn svg { transform: scaleX(-1); }
html[dir="rtl"] table.mg-table tbody td:first-child::before,
html[dir="rtl"] table.services-table tbody td:first-child::before {
  border-radius: 2px 0 0 2px;
}
html[dir="rtl"] [id$="List_wrapper"]                           { direction: rtl; }
html[dir="rtl"] [id$="List_wrapper"] .dataTables_filter        { float: left  !important; text-align: left;  direction: rtl; }
html[dir="rtl"] [id$="List_wrapper"] .dataTables_length        { float: right !important; text-align: right; direction: rtl; }
html[dir="rtl"] [id$="List_wrapper"] .dataTables_info          { text-align: right; direction: rtl; float: right !important; }
html[dir="rtl"] [id$="List_wrapper"] .dataTables_paginate      { direction: rtl; justify-content: flex-start !important; }
html[dir="rtl"] [id$="List_wrapper"] .dataTables_paginate .pagination { flex-direction: row !important; }
html[dir="rtl"] [id$="List_wrapper"] .dataTables_paginate .page-link { padding: 0 16px !important; min-width: max-content !important; }
html[dir="rtl"] [id$="List_wrapper"] .paginate_button.previous .page-link::after { content: ""; }
html[dir="rtl"] [id$="List_wrapper"] .paginate_button.previous .page-link::before { content: "\2192\00a0"; }
html[dir="rtl"] [id$="List_wrapper"] .paginate_button.next .page-link::before { content: ""; }
html[dir="rtl"] [id$="List_wrapper"] .paginate_button.next .page-link::after { content: "\00a0\2190"; }
html[dir="rtl"] [id$="List_wrapper"] .dataTables_length select { direction: ltr; }
html[dir="rtl"] [id$="List_wrapper"] .paginate_button.previous .page-link,
html[dir="rtl"] [id$="List_wrapper"] .page-item:first-child .page-link,
html[dir="rtl"] [id$="List_wrapper"] .paginate_button.next .page-link,
html[dir="rtl"] [id$="List_wrapper"] .page-item:last-child  .page-link {
  direction: rtl;
  font-family: inherit !important;
}

/* === RTL rules from user-password.css === */
html[dir="rtl"] .mg-password-card { direction: rtl; }
html[dir="rtl"] .mg-card-title,
html[dir="rtl"] .mg-form-label { justify-content: flex-start; text-align: right; }
html[dir="rtl"] .mg-form-control {
    text-align: right;
    direction: rtl;
    padding-right: 14px !important;
    padding-left: 44px !important;
}
html[dir="rtl"] .mg-password-toggle {
    right: auto !important;
    left: 8px !important;
}
html[dir="rtl"] .mg-form-actions { justify-content: flex-start; flex-direction: row-reverse; }
html[dir="rtl"] .mg-btn-generate { direction: rtl; }
html[dir="rtl"] .mg-password-feedback { direction: rtl; text-align: right; }
html[dir="rtl"] .mg-strength-container { direction: rtl; }