/* GTranslate changes the HTML language after WordPress has selected theme styles. */
html[lang="ar"], html[lang="ar"] body { overflow-x: hidden; }
@media (max-width: 780px) {
 html[lang="ar"] body { max-width: 100%; }
 html[lang="ar"] .site-main { width: 100% !important; padding-inline: 14px; }
 html[lang="ar"] .site,
 html[lang="ar"] #page,
 html[lang="ar"] #primary,
 html[lang="ar"] .container,
 html[lang="ar"] .container-fluid,
 html[lang="ar"] .elementor-section,
 html[lang="ar"] .elementor-container,
 html[lang="ar"] .elementor-widget-wrap,
 html[lang="ar"] .woocommerce { max-width: 100%; min-width: 0; }
 html[lang="ar"] .bhfb-mobile .bhfb-main_header_row .bhfb-row {
  display: grid; grid-template-columns: minmax(38px,1fr) minmax(0,auto) minmax(38px,1fr);
  align-items: center; width: 100%;
 }
 html[lang="ar"] .bhfb-mobile .bhfb-main_header_row .bhfb-column { min-width: 0; max-width: 100%; }
 html[lang="ar"] .bhfb-mobile .bhfb-main_header_row .bhfb-column-1 { justify-self: start; }
 html[lang="ar"] .bhfb-mobile .bhfb-main_header_row .bhfb-column-2 { justify-self: center; }
 html[lang="ar"] .bhfb-mobile .bhfb-main_header_row .bhfb-column-3 { justify-self: end; }
 html[lang="ar"] .bhfb-mobile .site-branding .site-description,
 html[lang="ar"] .bhfb-mobile .site-branding .site-title { display: none; }
 html[lang="ar"] .bhfb-mobile .custom-logo { display: block; max-height: 64px; width: auto; max-width: min(120px,36vw); object-fit: contain; }
 html[lang="ar"] .bhfb-mobile_offcanvas { width: min(360px, 92vw); max-width: 100vw; }
 html[lang="ar"] .product-gallery-summary,
 html[lang="ar"] .woocommerce-product-gallery,
 html[lang="ar"] .summary.entry-summary,
 html[lang="ar"] .woocommerce-checkout,
 html[lang="ar"] .products,
 html[lang="ar"] .product { min-width: 0; max-width: 100%; }
 html[lang="ar"] img, html[lang="ar"] video { max-width: 100%; height: auto; }
 html[lang="ar"] .bh-purchase-terms,
 html[lang="ar"] .bh-product-description,
 html[lang="ar"] .woocommerce-billing-fields,
 html[lang="ar"] .woocommerce-loop-product__title,
 html[lang="ar"] .elementor-heading-title { overflow-wrap: anywhere; }
 html[lang="ar"] .gtranslate_wrapper .gt_switcher_wrapper { max-width: calc(100vw - 30px); }
}