/* ARABIDS 1.2.113 | Real photographic texture from the supplied 2026 brand guide.
 * No image carries guideline headings or captions. All photographic layers
 * remain subordinate to real HTML copy, forms, cards, and navigation.
 * Palette: burgundy #420B07, green #143328, gold #A4865D, ivory #EFE6D8.
 */

:root {
  --arabids-photo-hero: url('../images/brand-atmospheres/hero-collectibles.jpg');
  --arabids-photo-support: url('../images/brand-atmospheres/support-camera.jpg');
  --arabids-photo-auctions: url('../images/brand-atmospheres/auctions-antiques.jpg');
  --arabids-photo-account: url('../images/brand-atmospheres/account-coins.jpg');
}

/* The phones, hero copy and store buttons are HTML and stay crisp. The very
 * light photo replaces a flat background; no extra DOM or floating ornaments. */
html body.home .hero,
html body[data-page='home'] .hero {
  background-color: #fcf9f3 !important;
  background-image:
    linear-gradient(90deg,rgba(255,253,249,.97),rgba(255,253,249,.95) 45%,rgba(255,253,249,.89)),
    var(--arabids-photo-hero) !important;
  background-position: center, right center !important;
  background-size: cover, cover !important;
  background-repeat: no-repeat !important;
}

/* Let three other homepage chapters have distinct, restrained materials. */
html body.home .core_benefits_section,
html body[data-page='home'] .core_benefits_section {
  background-color: #fbf7ef !important;
  background-image:
    linear-gradient(180deg,rgba(255,253,249,.95),rgba(250,246,238,.95)),
    var(--arabids-photo-support) !important;
  background-position: center, right 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: #f8f6ef !important;
  background-image:
    linear-gradient(180deg,rgba(255,254,250,.96),rgba(249,247,240,.94)),
    var(--arabids-photo-auctions) !important;
  background-position: center, center right !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
html body.home .faq_section,
html body[data-page='home'] .faq_section {
  background-color: #fbf8f2 !important;
  background-image:
    linear-gradient(105deg,rgba(255,254,251,.97),rgba(250,246,239,.94)),
    var(--arabids-photo-hero) !important;
  background-position: center, right 32% !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

/* The scroll-based phone walkthrough is deliberately left plain: putting
 * photography behind its moving content would make the sticky stage busy. */

/* AUCTIONS: original search cards, auction data and filters are untouched. */
html body[data-page='auctions'] .auctions-premium-page {
  background-color: #faf7f0 !important;
  background-image:
    linear-gradient(180deg,rgba(251,248,242,.93),rgba(255,253,249,.96) 62%,rgba(251,248,242,.96)),
    var(--arabids-photo-auctions) !important;
  background-position: center, center top !important;
  background-size: cover, cover !important;
  background-repeat: no-repeat !important;
  background-attachment: scroll !important;
}
html body[data-page='auctions'] .auctions-hero-card {
  background-image:
    linear-gradient(90deg,
      rgba(23,61,47,.96) 0%,rgba(31,73,56,.95) 28%,
      rgba(245,233,216,.91) 28%,rgba(255,253,250,.95) 100%),
    var(--arabids-photo-auctions) !important;
  background-position: center, 66% 35% !important;
  background-size: cover, cover !important;
  background-repeat: no-repeat !important;
}

/* SUPPORT: antique camera echoes the site's collectible heritage. Keep every
 * contact card opaque and every link fully readable. */
html body[data-page='support'] .as-page,
html body.arabids-support-page .as-page {
  background-color: #fbf8f3 !important;
  background-image:
    linear-gradient(180deg,rgba(255,253,249,.96),rgba(248,242,233,.97)),
    var(--arabids-photo-support) !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
html body[data-page='support'] .as-hero,
html body.arabids-support-page .as-hero {
  background-color: transparent !important;
  background-image:
    linear-gradient(95deg,rgba(255,252,247,.93),rgba(255,251,246,.87)),
    var(--arabids-photo-support) !important;
  background-position: center, right center !important;
  background-size: cover, cover !important;
  background-repeat: no-repeat !important;
}

/* MY ACCOUNT / CALENDAR / APP LANDINGS. A calm surface keeps controls and
 * dynamic personal information prominent over any decorative photograph. */
html body[data-page='dashboard'] .page-hero,
html body[data-page='calendar'] .page-hero,
html body[data-page='app'] .page-hero {
  background-color: #f9f3e9 !important;
  background-image:
    linear-gradient(90deg,rgba(255,253,249,.96),rgba(250,245,237,.90)),
    var(--arabids-photo-account) !important;
  background-position: center, center right !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
html body[data-page='dashboard'] .dashboard-section,
html body[data-page='calendar'] .calendar-section {
  background-color: #fdfaf4 !important;
  background-image:
    linear-gradient(rgba(255,253,249,.974),rgba(255,253,249,.974)),
    var(--arabids-photo-support) !important;
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

/* LOGIN / REGISTER / PASSWORD: the actual inputs retain their own backgrounds;
 * only the surrounding shell and promotional side receive photo texture. */
html body:is([data-page='login'],[data-page='register'],[data-page='forgot-password'],[data-page='reset-password']) .entry-auth-wrap,
html body:is([data-page='login'],[data-page='register'],[data-page='forgot-password'],[data-page='reset-password']) .recovery-auth-wrap {
  background-color: #fbf7f0 !important;
  background-image:
    linear-gradient(180deg,rgba(255,253,249,.97),rgba(249,243,235,.96)),
    var(--arabids-photo-support) !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
html body:is([data-page='login'],[data-page='register'],[data-page='forgot-password'],[data-page='reset-password']) .entry-side,
html body:is([data-page='login'],[data-page='register'],[data-page='forgot-password'],[data-page='reset-password']) .recovery-side {
  background-color: #420b07 !important;
  background-image:
    linear-gradient(150deg,rgba(66,11,7,.89),rgba(66,11,7,.82)),
    var(--arabids-photo-account) !important;
  background-size: cover !important;
  background-position: center right !important;
  background-repeat: no-repeat !important;
}

/* Legal pages inherit the support site's warm photographic context. */
html body[data-page='privacy'] .privacy-premium-page,
html body[data-page='terms'] .as-page,
html body[data-page='delete-account'] .as-page {
  background-color: #fbf8f1 !important;
  background-image:
    linear-gradient(180deg,rgba(255,252,248,.96),rgba(253,249,241,.97)),
    var(--arabids-photo-support) !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/* Internal form panels, policy text and cards must never become transparent. */
html body :is(.entry-auth-card,.auth-card,.privacy-content-card,.auctions-filter-card,.auctions-results-card,
              .as-contact-card,.as-info-card,.dashboard-main,.account-summary-shell) {
  backdrop-filter: none;
}

@media (max-width: 767px) {
  html body.home .hero,
  html body[data-page='home'] .hero {
    background-image:
      linear-gradient(180deg,rgba(255,253,249,.96),rgba(255,253,249,.92)),
      var(--arabids-photo-hero) !important;
    background-position: center, 67% 42% !important;
    background-size: cover !important;
  }
  html body[data-page='auctions'] .auctions-premium-page,
  html body[data-page='support'] .as-hero,
  html body.arabids-support-page .as-hero {
    background-position: center, 68% center !important;
  }
  html body[data-page='auctions'] .auctions-hero-card {
    background-image:
      linear-gradient(180deg,rgba(255,253,249,.95),rgba(245,233,216,.94)),
      var(--arabids-photo-auctions) !important;
    background-position: center !important;
  }
  html body:is([data-page='login'],[data-page='register']) .entry-side {
    background-position: center, right center !important;
  }
}

/* Keep components snappy on touch devices and when users prefer less motion. */
@media (prefers-reduced-motion: reduce) {
  html body.home .hero,
  html body[data-page='auctions'] .auctions-premium-page,
  html body[data-page='support'] .as-hero {background-attachment: scroll !important;}
}