/*
 * JEFNA GTranslate 3.6.0 — non-destructive My Account RTL guard.
 *
 * IMPORTANT: WoodMart already owns the My Account grid and the site has a
 * custom JEFNA account UI. Older versions of this file forced flex/grid
 * geometry and could create the large blank area visible on Arabic pages.
 * This stylesheet therefore does NOT set display/flex/float/width on the
 * WooCommerce account columns. It only keeps the outer content wrapper from
 * becoming a partial theme sidebar and makes text RTL-safe.
 */
body.woocommerce-account main.wd-content-layout,
body.woocommerce-account main.content-layout-wrapper,
body.woocommerce-account .wd-page-content > .wd-content-layout {
  box-sizing: border-box;
  width: 100% !important;
  max-width: var(--wd-container-w, 1222px) !important;
}

body.woocommerce-account .wd-content-area,
body.woocommerce-account .site-content,
body.woocommerce-account .content-area {
  box-sizing: border-box;
  width: 100% !important;
  max-width: none !important;
}

/* Never impose a new layout on the account's own grid. */
body.woocommerce-account .wd-my-account-wrapper {
  box-sizing: border-box;
  width: 100% !important;
  max-width: none !important;
}

/* Arabic text direction only; structural direction stays under the theme/UI. */
html[dir="rtl"] body.woocommerce-account .woocommerce-MyAccount-navigation,
html[dir="rtl"] body.woocommerce-account .woocommerce-MyAccount-content,
html[dir="rtl"] body.woocommerce-account .wd-my-account-sidebar,
html[dir="rtl"] body.woocommerce-account .wd-my-account-content,
body.rtl.woocommerce-account .woocommerce-MyAccount-navigation,
body.rtl.woocommerce-account .woocommerce-MyAccount-content,
body.rtl.woocommerce-account .wd-my-account-sidebar,
body.rtl.woocommerce-account .wd-my-account-content {
  direction: rtl;
  text-align: right;
}

@media (max-width: 767px) {
  body.woocommerce-account main.wd-content-layout,
  body.woocommerce-account main.content-layout-wrapper,
  body.woocommerce-account .wd-content-area,
  body.woocommerce-account .site-content,
  body.woocommerce-account .content-area,
  body.woocommerce-account .wd-my-account-wrapper {
    width: 100% !important;
    max-width: 100% !important;
  }
}