/* ARABIDS 1.2.105 — exact visibility corrections requested by the client.
   Preserve the original source layout, the real supplied logo, and palette. */

/* The Arabic image has large transparent margins (the image content starts
   about 15% below the top). Give it a larger intrinsic size, then crop only
   that blank space in the header — never crop the actual logo artwork. */
html[data-language="ar"] 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) {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 116px !important;
  max-width: 116px !important;
  height: 86px !important;
  max-height: 86px !important;
  overflow: hidden !important;
  flex: 0 0 116px !important;
}
html[data-language="ar"] 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 {
  display: block !important;
  width: 116px !important;
  min-width: 116px !important;
  max-width: 116px !important;
  height: 116px !important;
  min-height: 116px !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center !important;
  flex: 0 0 116px !important;
  filter: none !important;
  transform: none !important;
}

/* A larger footer logo, with the transparent top/bottom margins clipped. */
html[data-language="ar"] body .arabids-global-footer .top-logo a.logo {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 184px !important;
  max-width: 184px !important;
  height: 138px !important;
  overflow: hidden !important;
}
html[data-language="ar"] body .arabids-global-footer .top-logo a.logo .arabids-brand-image-ar {
  display: block !important;
  width: 184px !important;
  min-width: 184px !important;
  max-width: 184px !important;
  height: 184px !important;
  min-height: 184px !important;
  max-height: none !important;
  object-fit: contain !important;
  filter: none !important;
}

/* The previously low-contrast audience section. */
html body.home .what_is_section h2.title,
html body[data-page="home"] .what_is_section h2.title,
html body .arabids-elementor-source .what_is_section h2.title {
  color: #420b07 !important;
  -webkit-text-fill-color: #420b07 !important;
  background-image: none !important;
  text-shadow: none !important;
}
html body.home .what_is_section .flex-wrap .item,
html body[data-page="home"] .what_is_section .flex-wrap .item,
html body .arabids-elementor-source .what_is_section .flex-wrap .item {
  border-color: #e2d5c6 !important;
  background: #fffdfa !important;
  box-shadow: 0 10px 25px rgba(66,11,7,.055) !important;
}
html body.home .what_is_section .item .image,
html body[data-page="home"] .what_is_section .item .image,
html body .arabids-elementor-source .what_is_section .item .image {
  box-sizing: border-box !important;
  display: grid !important;
  place-items: center !important;
  flex: 0 0 88px !important;
  width: 88px !important;
  height: 88px !important;
  min-width: 88px !important;
  padding: 11px !important;
  margin: 0 !important;
  border: 1px solid #e6d4c5 !important;
  border-radius: 17px !important;
  background: #f5ece4 !important;
}
html body.home .what_is_section .item .image img,
html body[data-page="home"] .what_is_section .item .image img,
html body .arabids-elementor-source .what_is_section .item .image img {
  display: block !important;
  width: 60px !important;
  max-width: 60px !important;
  height: 60px !important;
  object-fit: contain !important;
  filter: none !important;
  opacity: 1 !important;
}

@media (max-width: 991px) {
  html[data-language="ar"] 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) {
    width: 96px !important;
    max-width: 96px !important;
    height: 72px !important;
    max-height: 72px !important;
    flex-basis: 96px !important;
  }
  html[data-language="ar"] 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 {
    width: 96px !important;
    min-width: 96px !important;
    max-width: 96px !important;
    height: 96px !important;
    min-height: 96px !important;
    max-height: none !important;
    flex-basis: 96px !important;
  }
  html[data-language="ar"] body.home header .navbar-collapse {
    top: 90px !important;
    height: calc(100dvh - 90px) !important;
  }
  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;
  }
  html body.home .what_is_section .item .image,
  html body[data-page="home"] .what_is_section .item .image {
    width: 76px !important;
    min-width: 76px !important;
    height: 76px !important;
    flex-basis: 76px !important;
  }
  html body.home .what_is_section .item .image img,
  html body[data-page="home"] .what_is_section .item .image img {
    width: 55px !important;
    height: 55px !important;
  }
}

@media (max-width: 390px) {
  html[data-language="ar"] 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) {
    width: 86px !important;
    max-width: 86px !important;
    height: 66px !important;
    max-height: 66px !important;
    flex-basis: 86px !important;
  }
  html[data-language="ar"] 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 {
    width: 86px !important;
    min-width: 86px !important;
    max-width: 86px !important;
    height: 86px !important;
    min-height: 86px !important;
    max-height: none !important;
    flex-basis: 86px !important;
  }
}
