/* ARABIDS 1.2.115 — distinct photographic chapters and cleaner app imagery.
   Uses existing brand photographs, preserves the original section geometry,
   carousel/sticky-scrolling logic, bilingual copy and accessible card surfaces. */

/* Remove both old white glows in the top hero and the circular caption halo
   around the app's phone. This applies regardless of AR/EN language flags. */
html body.home .hero .circle-overlay,
html body[data-page='home'] .hero .circle-overlay,
html body.home .hero .arabids-hero-text-halo,
html body[data-page='home'] .hero .arabids-hero-text-halo,
html body.home .how_it_works_section .container-circle-wrap,
html body[data-page='home'] .how_it_works_section .container-circle-wrap {
  display: none !important;
  visibility: hidden !important;
}
html body.home .how_it_works_section .how-it-works-slide-content::before,
html body[data-page='home'] .how_it_works_section .how-it-works-slide-content::before,
html body .arabids-elementor-source .how_it_works_section .how-it-works-slide-content::before,
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 {
  content: none !important;
  display: none !important;
  background: none !important;
  box-shadow: none !important;
}

/* Instead of a circle behind the caption, keep words within an elegant flat
   editorial surface. No transforms, coordinates or slide widths are changed. */
html body.home .how_it_works_section .how-it-works-slide-content,
html body[data-page='home'] .how_it_works_section .how-it-works-slide-content {
  background: rgba(255,253,248,.96) !important;
  border: 1px solid rgba(164,134,93,.48) !important;
  box-shadow: 0 15px 38px rgba(20,51,40,.095) !important;
}

/* A restrained cream/gold chapter seam prevents photography from visually
   bleeding from one full-width section into its neighbours. Inset shadows
   take no layout space, so the long scroll section keeps its measured height. */
html body.home :is(.core_benefits_section,.how_it_works_section,.what_is_section,.who_its_for_section,.faq_section),
html body[data-page='home'] :is(.core_benefits_section,.how_it_works_section,.what_is_section,.who_its_for_section,.faq_section) {
  box-shadow: inset 0 11px 0 #fffdfa, inset 0 13px 0 rgba(164,134,93,.38), inset 0 -11px 0 #fffdfa !important;
  background-clip: padding-box !important;
}
html body.home .hero,
html body[data-page='home'] .hero {
  box-shadow: inset 0 -11px 0 #fffdfa !important;
}

/* Alternate photographic focus, surface warmth and editorial direction.
   Solid existing cards prevent texture behind small text and form controls. */
html body.home .core_benefits_section,
html body[data-page='home'] .core_benefits_section {
  background-color: #f9f3e8 !important;
  background-image: linear-gradient(90deg,rgba(255,252,245,.92),rgba(255,252,245,.84) 56%,rgba(253,245,231,.58)),var(--arabids-photo-support) !important;
  background-position: center,72% center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
html body.home .how_it_works_section,
html body[data-page='home'] .how_it_works_section,
html body .arabids-elementor-source .how_it_works_section {
  background-color: #f2f1e9 !important;
  background-image: linear-gradient(90deg,rgba(250,250,243,.81),rgba(246,247,238,.68)),var(--arabids-photo-app) !important;
  background-position: center,center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: scroll,fixed !important;
}
html body.home .what_is_section,
html body[data-page='home'] .what_is_section {
  background-color: #faf4ec !important;
  background-image: linear-gradient(90deg,rgba(250,242,230,.55),rgba(255,253,249,.84) 52%,rgba(255,253,249,.94)),var(--arabids-photo-heritage) !important;
  background-position: center,33% center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
html body.home .who_its_for_section,
html body[data-page='home'] .who_its_for_section {
  background-color: #f1f3eb !important;
  background-image: linear-gradient(90deg,rgba(252,253,247,.94),rgba(251,252,247,.85) 54%,rgba(241,246,235,.66)),var(--arabids-photo-auctions) !important;
  background-position: center,76% center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
html body.home .faq_section,
html body[data-page='home'] .faq_section {
  background-color: #fbf4ef !important;
  background-image: linear-gradient(90deg,rgba(255,249,243,.59),rgba(255,252,248,.84) 48%,rgba(255,252,248,.95)),var(--arabids-photo-account) !important;
  background-position: center,28% center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

/* Hero art remains on its original side; removing the floating white circle
   makes the transparent phone illustration readable against the actual photo. */
html body.home .hero,
html body[data-page='home'] .hero {
  background-image: linear-gradient(90deg,rgba(255,253,249,.91),rgba(255,253,249,.83) 52%,rgba(255,253,249,.72)),var(--arabids-photo-hero) !important;
}
html body.home .hero .image img,
html body[data-page='home'] .hero .image img {
  filter: drop-shadow(0 22px 26px rgba(20,51,40,.12)) !important;
}

/* Mobile: one distinct photo 'opening' per chapter with a clean ivory base
   below the cards; never stretch or endlessly tile a real-world photograph. */
@media (max-width: 991px) {
  html body.home :is(.core_benefits_section,.what_is_section,.who_its_for_section,.faq_section),
  html body[data-page='home'] :is(.core_benefits_section,.what_is_section,.who_its_for_section,.faq_section) {
    box-shadow: inset 0 13px 0 #fffdfa, inset 0 15px 0 rgba(164,134,93,.37), inset 0 -12px 0 #fffdfa !important;
    background-size: 100% 100%,auto 440px !important;
    background-position: center,center top !important;
    background-repeat: no-repeat !important;
  }
  html body.home .core_benefits_section,
  html body[data-page='home'] .core_benefits_section {
    background-image: linear-gradient(180deg,rgba(253,247,237,.64) 0,rgba(253,247,237,.83) 170px,#faf5ee 430px),var(--arabids-photo-support) !important;
    background-position: center,70% top !important;
  }
  html body.home .what_is_section,
  html body[data-page='home'] .what_is_section {
    background-image: linear-gradient(180deg,rgba(255,249,240,.63) 0,rgba(255,249,240,.86) 190px,#faf4ec 450px),var(--arabids-photo-heritage) !important;
    background-position: center,35% top !important;
  }
  html body.home .who_its_for_section,
  html body[data-page='home'] .who_its_for_section {
    background-image: linear-gradient(180deg,rgba(249,251,244,.68) 0,rgba(249,251,244,.86) 170px,#f3f6ef 430px),var(--arabids-photo-auctions) !important;
    background-position: center,74% top !important;
  }
  html body.home .faq_section,
  html body[data-page='home'] .faq_section {
    background-image: linear-gradient(180deg,rgba(255,250,246,.65) 0,rgba(255,250,246,.87) 190px,#faf4f0 450px),var(--arabids-photo-account) !important;
    background-position: center,28% top !important;
  }
  html body.home .how_it_works_section,
  html body[data-page='home'] .how_it_works_section,
  html body .arabids-elementor-source .how_it_works_section {
    /* Two intentional photographic accents, not the repeating old pattern. */
    background-color: #f3f3eb !important;
    background-image: linear-gradient(180deg,rgba(247,249,240,.75),rgba(247,249,240,.90) 38%,rgba(247,249,240,.92) 65%,rgba(247,249,240,.78)),var(--arabids-photo-app),var(--arabids-photo-heritage) !important;
    background-size: 100% 100%,auto 100svh,auto 95svh !important;
    background-position: center,72% top,30% bottom !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
  }
  html body.home .how_it_works_section .how-it-works-slide-content,
  html body[data-page='home'] .how_it_works_section .how-it-works-slide-content {
    background: rgba(255,253,249,.97) !important;
    border-radius: 18px !important;
    box-shadow: 0 10px 25px rgba(20,51,40,.09) !important;
  }
  html body.home .hero,
  html body[data-page='home'] .hero {
    background-image: linear-gradient(180deg,rgba(255,253,249,.89),rgba(255,253,249,.73) 67%,rgba(255,253,249,.86)),var(--arabids-photo-hero) !important;
    background-position: center,68% top !important;
    background-attachment: scroll !important;
  }
}

@media (max-width: 520px) {
  html body.home :is(.core_benefits_section,.what_is_section,.who_its_for_section,.faq_section),
  html body[data-page='home'] :is(.core_benefits_section,.what_is_section,.who_its_for_section,.faq_section) {
    background-size: 100% 100%,auto 375px !important;
  }
  html body.home .how_it_works_section,
  html body[data-page='home'] .how_it_works_section,
  html body .arabids-elementor-source .how_it_works_section {
    background-size: 100% 100%,auto 84svh,auto 80svh !important;
  }
}

/* Internal routes on phones follow the same editorial rule: a finite,
   recognizable photo opening followed by a quiet readable content canvas. */
@media (max-width: 991px) {
  html body[data-page='auctions'] .auctions-premium-page {
    background-image: linear-gradient(180deg,rgba(251,247,239,.66),rgba(251,247,239,.84) 250px,#faf7f0 570px),var(--arabids-photo-auctions) !important;
    background-size: 100% 100%,auto 560px !important;
    background-position: center,73% top !important;
    background-repeat: no-repeat !important;
  }
  html body[data-page='details'] main {
    background-image: linear-gradient(180deg,rgba(255,252,247,.70),rgba(255,252,247,.89) 290px,#faf6ee 575px),var(--arabids-photo-auctions) !important;
    background-size: 100% 100%,auto 550px !important;
    background-position: center,70% top !important;
    background-repeat: no-repeat !important;
  }
  html body[data-page='support'] .as-page,
  html body.arabids-support-page .as-page,
  html body[data-page='terms'] .as-page {
    background-image: linear-gradient(180deg,rgba(255,252,247,.70),rgba(255,252,247,.88) 260px,#fbf7f1 550px),var(--arabids-photo-support) !important;
    background-size: 100% 100%,auto 530px !important;
    background-position: center,70% top !important;
    background-repeat: no-repeat !important;
  }
  html body[data-page='dashboard'] .dashboard-section,
  html body[data-page='calendar'] .calendar-workspace-section,
  html body.calendar-page .calendar-workspace-section {
    background-image: linear-gradient(180deg,rgba(253,249,242,.74),rgba(253,249,242,.90) 240px,#fbf7f1 570px),var(--arabids-photo-app) !important;
    background-size: 100% 100%,auto 540px !important;
    background-position: center,65% top !important;
    background-repeat: no-repeat !important;
  }
  html body[data-page='app'] .app-shell {
    background-image: linear-gradient(180deg,rgba(251,248,241,.73),rgba(251,248,241,.89) 260px,#f9f4eb 570px),var(--arabids-photo-app) !important;
    background-size: 100% 100%,auto 540px !important;
    background-position: center,68% top !important;
    background-repeat: no-repeat !important;
  }
  html body[data-page='privacy'] .privacy-premium-page,
  html body[data-page='delete-account'] .deletion-premium-page {
    background-image: linear-gradient(180deg,rgba(255,250,244,.70),rgba(255,250,244,.89) 260px,#faf6ee 580px),var(--arabids-photo-heritage) !important;
    background-size: 100% 100%,auto 570px !important;
    background-position: center,35% top !important;
    background-repeat: no-repeat !important;
  }
  html body[data-page='login'] :is(.entry-auth-wrap,.recovery-auth-wrap),
  html body[data-page='register'] :is(.entry-auth-wrap,.recovery-auth-wrap),
  html body:is([data-page='forgot-password'],[data-page='reset-password']) .recovery-auth-wrap {
    background-size: 100% 100%,auto 560px !important;
    background-position: center,68% top !important;
    background-repeat: no-repeat !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body.home .how_it_works_section,
  html body[data-page='home'] .how_it_works_section {
    background-attachment: scroll !important;
  }
}