/* ARABIDS 1.2.106 — exact language-specific logos and restrained supplied pattern. */

/* Desktop, mobile, authentication, and footer: English must show ONLY the
   original horizontal English identity, never the Arabic image. These
   selectors also cover older pages whose language is expressed by dir/ lang. */
html:is([data-language="en"],[lang="en"][dir="ltr"]) body .arabids-brand-image-ar,
html[dir="ltr"] body .arabids-brand-image-ar {
  display: none !important;
  visibility: hidden !important;
}
html:is([data-language="en"],[lang="en"][dir="ltr"]) body .arabids-brand-image-en,
html[dir="ltr"] body .arabids-brand-image-en {
  display: block !important;
  visibility: visible !important;
}
html:is([data-language="en"],[dir="ltr"]) body :is(header a.site-logo,header a.source-logo,
  header a.navbar-brand,header a.custom-logo-link,.arabids-auth-global-logo,
  .mobile-header a.site-logo,.header-mobile a.site-logo) .arabids-brand-image-ar,
html:is([data-language="en"],[dir="ltr"]) body .arabids-global-footer .top-logo a.logo .arabids-brand-image-ar {
  display: none !important;
}
html:is([data-language="en"],[dir="ltr"]) body :is(header a.site-logo,header a.source-logo,
  header a.navbar-brand,header a.custom-logo-link,.arabids-auth-global-logo,
  .mobile-header a.site-logo,.header-mobile a.site-logo) .arabids-brand-image-en {
  display: block !important;
  width: min(184px, 100%) !important;
  min-width: 0 !important;
  max-width: 184px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: 56px !important;
  flex: 0 1 auto !important;
  object-fit: contain !important;
  filter: none !important;
}
html:is([data-language="en"],[dir="ltr"]) body .arabids-global-footer .top-logo a.logo .arabids-brand-image-en {
  display: block !important;
  width: 205px !important;
  min-width: 0 !important;
  max-width: 205px !important;
  height: auto !important;
  max-height: 54px !important;
  object-fit: contain !important;
}

/* The outline pattern supplied by the client sits inside the EXISTING round
   halo of the Inside the App section. No repeated watermark or hero overlay. */
html body.home .how_it_works_section::before,
html body[data-page="home"] .how_it_works_section::before,
html body .arabids-elementor-source .how_it_works_section::before {
  background-image: linear-gradient(rgba(255,253,249,.60),rgba(255,253,249,.60)),
    url('../images/arabids-pattern-outline-13.png') !important;
  background-size: cover, 74% auto !important;
  background-position: center, center !important;
  background-repeat: no-repeat,no-repeat !important;
}

/* Slightly smaller Arabic footer artwork, preserving its original proportions. */
html[data-language="ar"] body .arabids-global-footer .top-logo a.logo {
  width: 158px !important;
  max-width: 158px !important;
  height: 120px !important;
}
html[data-language="ar"] body .arabids-global-footer .top-logo a.logo .arabids-brand-image-ar {
  width: 158px !important;
  min-width: 158px !important;
  max-width: 158px !important;
  height: 158px !important;
  min-height: 158px !important;
  max-height: none !important;
}
@media (max-width: 991px) {
  html:is([data-language="en"],[dir="ltr"]) body :is(header a.site-logo,header a.source-logo,
    header a.navbar-brand,header a.custom-logo-link,.arabids-auth-global-logo,
    .mobile-header a.site-logo,.header-mobile a.site-logo) .arabids-brand-image-en {
    width: min(148px, 100%) !important;
    max-width: 148px !important;
    max-height: 46px !important;
  }
  html[data-language="ar"] body .arabids-global-footer .top-logo a.logo {
    width: 140px !important;
    max-width: 140px !important;
    height: 106px !important;
  }
  html[data-language="ar"] body .arabids-global-footer .top-logo a.logo .arabids-brand-image-ar {
    width: 140px !important;
    min-width: 140px !important;
    max-width: 140px !important;
    height: 140px !important;
    min-height: 140px !important;
    max-height: none !important;
  }
}