/* ARABIDS 1.2.114 — visible, varied photography sourced from the supplied
   2026 brand guideline. Actual page copy and controls remain real HTML.
   Photos are kept behind legible, independently surfaced UI components. */
:root {
  --arabids-photo-app: url('../images/brand-atmospheres/app-gallery.jpg');
  --arabids-photo-heritage: url('../images/brand-atmospheres/heritage-frame.jpg');
}

/* Six home chapters, six distinct photographs. Do not change the height,
   scroll timings or positioning of the long phone walkthrough. */
html body.home .hero,
html body[data-page='home'] .hero {
  background-image: linear-gradient(95deg,rgba(255,253,249,.86),rgba(255,253,249,.86) 43%,rgba(255,253,249,.75)),var(--arabids-photo-hero) !important;
  background-position: center,68% center !important;
  background-size: cover !important;
}
html body.home .core_benefits_section,
html body[data-page='home'] .core_benefits_section {
  background-image: linear-gradient(115deg,rgba(255,252,247,.82),rgba(250,246,238,.78)),var(--arabids-photo-support) !important;
  background-position: center,65% 48% !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: #f8f3e9 !important;
  background-image: linear-gradient(110deg,rgba(252,249,243,.82),rgba(252,249,243,.74)),var(--arabids-photo-app) !important;
  background-position: center,center center !important;
  background-size: cover,cover !important;
  background-repeat: no-repeat,no-repeat !important;
  /* The photo stays in frame through this deliberately tall scroll chapter. */
  background-attachment: scroll,fixed !important;
}
html body.home .what_is_section,
html body[data-page='home'] .what_is_section {
  background-color: #fbf7f0 !important;
  background-image: linear-gradient(90deg,rgba(255,253,248,.82),rgba(252,247,239,.74)),var(--arabids-photo-heritage) !important;
  background-position: center,center right !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-image: linear-gradient(115deg,rgba(255,254,250,.84),rgba(250,248,241,.76)),var(--arabids-photo-auctions) !important;
  background-position: center,62% center !important;
  background-size: cover !important;
}
html body.home .faq_section,
html body[data-page='home'] .faq_section {
  background-image: linear-gradient(95deg,rgba(255,254,250,.85),rgba(250,246,239,.79)),var(--arabids-photo-account) !important;
  background-position: center,67% center !important;
  background-size: cover !important;
}

/* Inner routes: imagery in outer surfaces; high-contrast cards remain intact. */
html body[data-page='auctions'] .auctions-premium-page {
  background-image: linear-gradient(180deg,rgba(251,248,241,.83),rgba(255,253,249,.87) 65%,rgba(251,248,242,.88)),var(--arabids-photo-auctions) !important;
  background-position: center,60% top !important;
  background-size: cover !important;
}
html body[data-page='auctions'] .auctions-hero-card {
  background-image: linear-gradient(90deg,rgba(23,61,47,.91) 0%,rgba(31,73,56,.90) 28%,rgba(245,233,216,.83) 28%,rgba(255,253,250,.83) 100%),var(--arabids-photo-auctions) !important;
  background-position: center,65% 38% !important;
}
html body[data-page='details'] main {
  background-color: #faf6ee !important;
  background-image: linear-gradient(180deg,rgba(255,253,249,.86),rgba(250,246,238,.88)),var(--arabids-photo-auctions) !important;
  background-position: center,64% center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
html body[data-page='support'] .as-page,
html body.arabids-support-page .as-page {
  background-image: linear-gradient(135deg,rgba(255,253,249,.83),rgba(248,242,233,.84)),var(--arabids-photo-support) !important;
  background-position: center,65% center !important;
}
html body[data-page='support'] .as-hero,
html body.arabids-support-page .as-hero {
  background-image: linear-gradient(95deg,rgba(255,252,247,.83),rgba(255,251,246,.73)),var(--arabids-photo-support) !important;
  background-position: center,70% center !important;
}
html body[data-page='dashboard'] .page-hero {
  background-image: linear-gradient(95deg,rgba(255,253,249,.83),rgba(250,245,237,.78)),var(--arabids-photo-account) !important;
}
html body[data-page='dashboard'] .dashboard-section {
  background-image: linear-gradient(180deg,rgba(255,253,249,.86),rgba(255,253,249,.87)),var(--arabids-photo-heritage) !important;
  background-size: cover !important;
  background-position: center right !important;
}
html body[data-page='calendar'] .page-hero {
  background-image: linear-gradient(95deg,rgba(255,253,249,.83),rgba(250,245,237,.80)),var(--arabids-photo-hero) !important;
}
html body[data-page='calendar'] .calendar-workspace-section,
html body.calendar-page .calendar-workspace-section {
  background-color: #fbf8f1 !important;
  background-image: linear-gradient(180deg,rgba(255,253,249,.88),rgba(255,253,249,.89)),var(--arabids-photo-app) !important;
  background-position: center,center right !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
html body[data-page='app'] .app-shell {
  background-color: #f9f4eb !important;
  background-image: linear-gradient(140deg,rgba(255,253,249,.83),rgba(250,246,238,.83)),var(--arabids-photo-app) !important;
  background-size: cover !important;
  background-position: center,68% center !important;
  background-repeat: no-repeat !important;
}

/* The registration and login pages have distinct editorial material. */
html body[data-page='login'] :is(.entry-auth-wrap,.recovery-auth-wrap) {
  background-image: linear-gradient(180deg,rgba(255,253,249,.85),rgba(249,243,235,.86)),var(--arabids-photo-account) !important;
}
html body[data-page='register'] :is(.entry-auth-wrap,.recovery-auth-wrap) {
  background-image: linear-gradient(180deg,rgba(255,253,249,.85),rgba(249,243,235,.86)),var(--arabids-photo-heritage) !important;
}
html body:is([data-page='forgot-password'],[data-page='reset-password']) .recovery-auth-wrap {
  background-image: linear-gradient(180deg,rgba(255,253,249,.85),rgba(249,243,235,.86)),var(--arabids-photo-support) !important;
}
html body[data-page='login'] :is(.entry-side,.recovery-side) {
  background-image: linear-gradient(150deg,rgba(66,11,7,.83),rgba(66,11,7,.72)),var(--arabids-photo-account) !important;
}
html body[data-page='register'] :is(.entry-side,.recovery-side) {
  background-image: linear-gradient(150deg,rgba(66,11,7,.83),rgba(66,11,7,.72)),var(--arabids-photo-heritage) !important;
}
html body[data-page='privacy'] .privacy-premium-page {
  background-image: linear-gradient(180deg,rgba(255,252,248,.85),rgba(253,249,241,.87)),var(--arabids-photo-heritage) !important;
  background-position: center,70% center !important;
}
html body[data-page='terms'] .as-page {
  background-image: linear-gradient(180deg,rgba(255,252,248,.85),rgba(253,249,241,.87)),var(--arabids-photo-support) !important;
  background-position: center,70% center !important;
}
html body[data-page='delete-account'] .deletion-premium-page {
  background-color: #fbf8f1 !important;
  background-image: linear-gradient(180deg,rgba(255,252,248,.86),rgba(253,249,241,.88)),var(--arabids-photo-heritage) !important;
  background-size: cover !important;
  background-position: center,70% center !important;
  background-repeat: no-repeat !important;
}

/* The photo becomes a touch clearer on the phone without interfering with
   contrast or using unreliable fixed backgrounds in mobile browsers. */
@media (max-width: 991px) {
  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-attachment: scroll,scroll !important;
    background-size: cover,auto 100svh !important;
    background-position: center,65% top !important;
    background-repeat: no-repeat,repeat-y !important;
  }
  html body.home .hero,html body[data-page='home'] .hero {
    background-image: linear-gradient(180deg,rgba(255,253,249,.85),rgba(255,253,249,.79)),var(--arabids-photo-hero) !important;
    background-position: center,66% center !important;
  }
  html body[data-page='auctions'] .auctions-hero-card {
    background-image: linear-gradient(180deg,rgba(255,253,249,.88),rgba(245,233,216,.83)),var(--arabids-photo-auctions) !important;
    background-position: center,66% center !important;
  }
  html body.home .what_is_section,html body[data-page='home'] .what_is_section,
  html body.home .faq_section,html body[data-page='home'] .faq_section {
    background-position: center,72% center !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,scroll !important;}
}