/* Alnoor Home V10 — approved transparent hero layout.
   Loaded only by / and /ar/, leaving all other pages untouched. */
body[data-page="home"] .hero-carousel {
  position: relative !important;
  height: clamp(510px, calc(100svh - 280px), 760px) !important;
  min-height: 510px !important;
  max-height: none !important;
  overflow: visible !important;
  z-index: 3 !important;
  background: #0b2441 !important;
}
body[data-page="home"] .hero-carousel .hero-slide {
  overflow: hidden !important;
}
body[data-page="home"] .hero-carousel .hero-photo,
html[dir="rtl"] body[data-page="home"] .hero-carousel .hero-photo {
  inset: 0 !important;
  opacity: 1 !important;
  filter: none !important;
  background-size: cover !important;
  background-position: center center !important;
}
body[data-page="home"] .hero-carousel .hero-photo::after,
html[dir="rtl"] body[data-page="home"] .hero-carousel .hero-photo::after {
  content: none !important;
  display: none !important;
  background: none !important;
}
body[data-page="home"] .hero-carousel .hero-shell {
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
}
body[data-page="home"] .hero-carousel .hero-words,
html[dir="rtl"] body[data-page="home"] .hero-carousel .hero-words {
  position: relative !important;
  z-index: 2 !important;
  max-width: min(800px, 63vw) !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: translateY(-12px) !important;
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
body[data-page="home"] .hero-carousel .hero-words h1,
html[dir="rtl"] body[data-page="home"] .hero-carousel .hero-words h1 {
  color: #ffffff !important;
  font-weight: 650 !important;
  line-height: 1.06 !important;
  font-size: clamp(2.9rem, 5.15vw, 5.2rem) !important;
  text-shadow: 0 3px 13px rgba(0,16,32,.88), 0 9px 30px rgba(0,16,32,.65) !important;
}
body[data-page="home"] .hero-carousel .hero-words h1 em,
html[dir="rtl"] body[data-page="home"] .hero-carousel .hero-words h1 em {
  color: #36e5a9 !important;
  text-shadow: 0 3px 15px rgba(0,20,31,.83) !important;
}
body[data-page="home"] .hero-carousel .hero-words p,
html[dir="rtl"] body[data-page="home"] .hero-carousel .hero-words p {
  color: #fff !important;
  max-width: 650px !important;
  font-weight: 500 !important;
  font-size: clamp(.96rem, 1.33vw, 1.16rem) !important;
  text-shadow: 0 2px 9px rgba(0,19,37,.92), 0 5px 19px rgba(0,19,37,.64) !important;
}
body[data-page="home"] .hero-carousel .hero-words .hero-breadcrumbs,
html[dir="rtl"] body[data-page="home"] .hero-carousel .hero-words .hero-breadcrumbs {
  color: #fff !important;
  text-shadow: 0 2px 7px rgba(0,15,32,.9) !important;
}
body[data-page="home"] .hero-carousel .hero-words .hero-breadcrumbs .current {color: #38e8bb !important;}
body[data-page="home"] .hero-carousel .hero-words .eyebrow,
html[dir="rtl"] body[data-page="home"] .hero-carousel .hero-words .eyebrow {
  color: #f3fffd !important;
  background: rgba(4,42,59,.38) !important;
  border: 1px solid rgba(141,243,214,.55) !important;
}
body[data-page="home"] .hero-carousel .hero-words .btn--outline,
html[dir="rtl"] body[data-page="home"] .hero-carousel .hero-words .btn--outline {
  color: #fff !important;
  background: rgba(6,22,44,.18) !important;
  border: 1px solid rgba(255,255,255,.92) !important;
  text-shadow: 0 2px 8px rgba(0,20,36,.6);
}
body[data-page="home"] .hero-carousel .hero-words .btn--outline:hover {
  background: rgba(6,22,44,.48) !important;
}
/* Center the carousel navigation exactly at the seam with the bottom strip. */
body[data-page="home"] .hero-carousel .controls-shell {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: -25px !important;
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
  transform: none !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  pointer-events: none !important;
  z-index: 40 !important;
}
body[data-page="home"] .hero-carousel .slide-controls,
html[dir="rtl"] body[data-page="home"] .hero-carousel .slide-controls {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 0 auto !important;
  gap: 13px !important;
  direction: ltr !important;
  pointer-events: auto !important;
}
body[data-page="home"] .hero-carousel .slide-arrow {
  width: 50px !important;
  height: 50px !important;
  background: #fff !important;
  border: 1px solid #edf2f6 !important;
  color: #064899 !important;
  box-shadow: 0 5px 15px rgba(0,24,56,.18) !important;
}
body[data-page="home"] .trustline {
  position: relative !important;
  z-index: 1 !important;
  background: #eaf4fa !important;
}
body[data-page="home"] .trustline-inner {
  min-height: 85px !important;
  padding-block: 26px 14px !important;
}
@media (max-width: 900px) {
  body[data-page="home"] .hero-carousel {
    height: clamp(510px, calc(100svh - 220px), 720px) !important;
    min-height: 510px !important;
  }
  body[data-page="home"] .hero-carousel .hero-words,
  html[dir="rtl"] body[data-page="home"] .hero-carousel .hero-words {
    max-width: min(700px, 89vw) !important;
    transform: translateY(-10px) !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  body[data-page="home"] .hero-carousel .hero-words h1 {font-size: clamp(2.3rem, 7vw, 4rem) !important;}
  body[data-page="home"] .trustline-inner {padding-top: 32px !important;}
}
@media (max-width: 580px) {
  body[data-page="home"] .hero-carousel {
    height: clamp(505px, calc(100svh - 220px), 680px) !important;
    min-height: 505px !important;
  }
  body[data-page="home"] .hero-carousel .hero-shell {align-items: center !important;}
  body[data-page="home"] .hero-carousel .hero-words,
  html[dir="rtl"] body[data-page="home"] .hero-carousel .hero-words {
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    transform: translateY(-16px) !important;
  }
  body[data-page="home"] .hero-carousel .hero-words h1,
  html[dir="rtl"] body[data-page="home"] .hero-carousel .hero-words h1 {
    font-size: clamp(2.02rem, 8.5vw, 2.85rem) !important;
  }
  body[data-page="home"] .hero-carousel .hero-words p {
    font-size: .88rem !important;
    margin: 12px 0 19px !important;
    line-height: 1.68 !important;
  }
  body[data-page="home"] .hero-carousel .hero-words .hero-breadcrumbs {margin-bottom: 12px !important;}
  body[data-page="home"] .hero-carousel .hero-words .eyebrow {margin-bottom: 13px !important;}
  body[data-page="home"] .hero-carousel .controls-shell {bottom: -21px !important;}
  body[data-page="home"] .hero-carousel .slide-arrow {width: 42px !important;height:42px !important;}
  body[data-page="home"] .trustline-inner {padding-top: 34px !important;min-height: 95px !important;}
  body[data-page="home"] .floating-chat {bottom: 108px !important;}
}

/* Final Arabic-only responsive typesetting: override the earlier global hero font
   declarations so Cairo glyphs have sufficient vertical room without overlap. */
html[dir="rtl"] body[data-page="home"] .hero-carousel .hero-words h1 {
  font-family:'Cairo',sans-serif !important;
  font-size:clamp(2.35rem,5.1vw,4.6rem) !important;
  line-height:1.39 !important;
  font-weight:700 !important;
  letter-spacing:0 !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
}
html[dir="rtl"] body[data-page="home"] .hero-carousel .hero-words h1 em {
  line-height:inherit !important;
  font-family:inherit !important;
}
@media (max-width: 900px) {
 html[dir="rtl"] body[data-page="home"] .hero-carousel .hero-words h1 {
   font-size:clamp(2.05rem,5.8vw,3.4rem) !important;
   line-height:1.43 !important;
 }
}
@media (max-width: 580px) {
 html[dir="rtl"] body[data-page="home"] .hero-carousel .hero-words h1 {
  font-size:clamp(1.82rem,7.6vw,2.45rem) !important;
  line-height:1.43 !important;
 }
 html[dir="rtl"] body[data-page="home"] .hero-carousel .hero-words p {
  line-height:1.65 !important;
 }
}