/*
 * ARABIDS 1.2.122 — photographic support, inside-app and auction-calendar chapters.
 * Only photographs already provided for the ARABIDS visual identity are used.
 * Main ink #420B07, forest #143328, gold #A4865D, cream #EFE6D8.
 */

/* SUPPORT / HERO — one readable headline, including the name of the brand.
   Its photo must remain unobstructed; the headline is live accessible text. */
html body:is([data-page="support"],.arabids-support-page) .as-hero-copy {
  width:min(760px,100%) !important;
  max-width:100% !important;
  min-width:0 !important;
}
html body:is([data-page="support"],.arabids-support-page) .as-hero h1 {
  max-width:none !important;
  width:max-content !important;
  margin:12px 0 25px !important;
  font-size:clamp(32px,3.45vw,49px) !important;
  font-weight:800 !important;
  letter-spacing:-.035em !important;
  line-height:1.35 !important;
  white-space:nowrap !important;
  text-wrap:nowrap !important;
  overflow-wrap:normal !important;
}
html[dir="ltr"] body:is([data-page="support"],.arabids-support-page) .as-hero-copy {
  text-align:left !important;
}

/* SUPPORT / THREE CONTACT PHOTOGRAPHS.
   Tint belongs to the local card only, not the whole page. This preserves
   contrast and exposes recognisable image details on both desktop and phone. */
html body:is([data-page="support"],.arabids-support-page) .as-page-modern
  .as-contact-grid-modern > :is(.as-contact-email-hero,.as-contact-phone-merged,.as-contact-address) {
  isolation:isolate !important;
  overflow:hidden !important;
  background-repeat:no-repeat !important;
  background-size:cover !important;
  border:1px solid rgba(164,134,93,.25) !important;
  box-shadow:0 18px 41px rgba(32,35,28,.11) !important;
  transition:transform .2s ease,box-shadow .2s ease !important;
}
html body:is([data-page="support"],.arabids-support-page) .as-page-modern
  .as-contact-grid-modern > :is(.as-contact-email-hero,.as-contact-phone-merged,.as-contact-address):hover {
  transform:translateY(-3px);
  box-shadow:0 22px 46px rgba(32,35,28,.16) !important;
}
html body:is([data-page="support"],.arabids-support-page) .as-page-modern
  .as-contact-grid-modern > .as-contact-email-hero {
  background-color:#143328 !important;
  background-image:
    linear-gradient(270deg,rgba(12,36,27,.88) 0%,rgba(12,36,27,.72) 52%,rgba(12,36,27,.31) 100%),
    url('../images/brand-atmospheres/app-gallery.jpg') !important;
  background-position:center,61% center !important;
  color:#EFE6D8 !important;
}
html body:is([data-page="support"],.arabids-support-page) .as-page-modern
  .as-contact-grid-modern > .as-contact-email-hero :is(h3,p,.as-contact-link) {
  color:#EFE6D8 !important;
  -webkit-text-fill-color:#EFE6D8 !important;
  text-shadow:0 1px 6px rgba(6,23,17,.46) !important;
}
html body:is([data-page="support"],.arabids-support-page) .as-page-modern
  .as-contact-grid-modern > .as-contact-email-hero .as-contact-link {
  border-bottom-color:rgba(239,230,216,.58) !important;
  font-weight:800 !important;
}
html body:is([data-page="support"],.arabids-support-page) .as-page-modern
  .as-contact-grid-modern > .as-contact-phone-merged {
  background-color:#EFE6D8 !important;
  background-image:
    linear-gradient(270deg,rgba(247,239,225,.94) 0%,rgba(247,239,225,.80) 57%,rgba(247,239,225,.35) 100%),
    url('../images/brand-atmospheres/hero-collectibles.jpg') !important;
  background-position:center,72% center !important;
  color:#143328 !important;
}
html body:is([data-page="support"],.arabids-support-page) .as-page-modern
  .as-contact-grid-modern > .as-contact-phone-merged :is(h3,p) {
  color:#143328 !important;
  -webkit-text-fill-color:#143328 !important;
}
html body:is([data-page="support"],.arabids-support-page) .as-page-modern
  .as-contact-grid-modern > .as-contact-phone-merged .as-phone-link {
  color:#420B07 !important;
  -webkit-text-fill-color:#420B07 !important;
  background:rgba(255,251,244,.84) !important;
  border:1px solid rgba(164,134,93,.43) !important;
  box-shadow:0 3px 12px rgba(66,11,7,.06) !important;
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
}
html body:is([data-page="support"],.arabids-support-page) .as-page-modern
  .as-contact-grid-modern > .as-contact-address {
  background-color:#420B07 !important;
  background-image:
    linear-gradient(270deg,rgba(55,8,7,.92) 0%,rgba(55,8,7,.77) 61%,rgba(55,8,7,.26) 100%),
    url('../images/brand-atmospheres/heritage-frame.jpg') !important;
  background-position:center,65% center !important;
  color:#EFE6D8 !important;
}
html body:is([data-page="support"],.arabids-support-page) .as-page-modern
  .as-contact-grid-modern > .as-contact-address :is(h3,p,.as-contact-value) {
  color:#EFE6D8 !important;
  -webkit-text-fill-color:#EFE6D8 !important;
  text-shadow:0 1px 6px rgba(34,4,4,.48) !important;
}
html body:is([data-page="support"],.arabids-support-page) .as-page-modern
  .as-contact-grid-modern > .as-contact-address::after {
  content:none !important;
  display:none !important;
}
html body:is([data-page="support"],.arabids-support-page) .as-page-modern
  .as-contact-grid-modern > :is(.as-contact-email-hero,.as-contact-phone-merged,.as-contact-address) .as-card-icon {
  color:#A4865D !important;
  background:rgba(255,249,239,.92) !important;
  border:1px solid rgba(239,230,216,.52) !important;
  box-shadow:none !important;
}
html body:is([data-page="support"],.arabids-support-page) .as-page-modern
  .as-contact-grid-modern > :is(.as-contact-email-hero,.as-contact-phone-merged,.as-contact-address) :is(h3,p,.as-contact-link,.as-phone-list,.as-contact-value) {
  position:relative;
  z-index:1;
}
html[dir="ltr"] body:is([data-page="support"],.arabids-support-page) .as-page-modern .as-contact-grid-modern {
  direction:ltr !important;
}
html[dir="ltr"] body:is([data-page="support"],.arabids-support-page) .as-page-modern .as-contact-grid-modern > .as-contact-card {
  text-align:left !important;
}
html[dir="ltr"] body:is([data-page="support"],.arabids-support-page) .as-page-modern
  .as-contact-grid-modern > .as-contact-email-hero {
  background-image:
    linear-gradient(90deg,rgba(12,36,27,.89),rgba(12,36,27,.70) 55%,rgba(12,36,27,.30)),
    url('../images/brand-atmospheres/app-gallery.jpg') !important;
}
html[dir="ltr"] body:is([data-page="support"],.arabids-support-page) .as-page-modern
  .as-contact-grid-modern > .as-contact-phone-merged {
  background-image:
    linear-gradient(90deg,rgba(247,239,225,.94),rgba(247,239,225,.78) 57%,rgba(247,239,225,.32)),
    url('../images/brand-atmospheres/hero-collectibles.jpg') !important;
}
html[dir="ltr"] body:is([data-page="support"],.arabids-support-page) .as-page-modern
  .as-contact-grid-modern > .as-contact-address {
  background-image:
    linear-gradient(90deg,rgba(55,8,7,.91),rgba(55,8,7,.76) 60%,rgba(55,8,7,.28)),
    url('../images/brand-atmospheres/heritage-frame.jpg') !important;
}
html body:is([data-page="support"],.arabids-support-page) .as-page-modern .as-contact-card :is(a,button):focus-visible {
  outline:3px solid #A4865D !important;
  outline-offset:4px !important;
}

/* APP STORY — the existing still-life photo was hidden by a nearly solid
   ivory wash. Show its vintage books, coins and globe, while keeping the
   slide copy and four phone screenshots fully readable. */
html body:is(.home,[data-page="home"]) .how_it_works_section {
  background-color:#EFE6D8 !important;
  background-image:
    linear-gradient(90deg,rgba(239,230,216,.44),rgba(239,230,216,.36)),
    url('../images/brand-atmospheres/app-still-life-v116.jpg') !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}
html body:is(.home,[data-page="home"]) .how_it_works_section .how-it-works-slide-content {
  text-shadow:0 1px 3px rgba(239,230,216,.56) !important;
}

/* CALENDAR — immersive auction photograph for the banner; the actual
   calendar grid stays an opaque reading surface for dates and reservations. */
html body.calendar-page .calendar-page-hero {
  position:relative !important;
  isolation:isolate !important;
  min-height:clamp(360px,34vw,520px) !important;
  padding:clamp(68px,7vw,110px) 0 !important;
  display:flex !important;
  align-items:center !important;
  border:0 !important;
  background-color:#143328 !important;
  background-image:
    linear-gradient(270deg,rgba(8,28,22,.91) 0%,rgba(8,28,22,.74) 45%,rgba(8,28,22,.43) 100%),
    url('../images/brand-atmospheres/auctions-antiques.jpg') !important;
  background-position:center,center center !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
}
html body.calendar-page .calendar-hero-inner {
  position:relative !important;
  z-index:1 !important;
  min-height:0 !important;
  width:100% !important;
  padding:0 8px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  align-items:flex-end !important;
  gap:clamp(24px,4vw,64px) !important;
}
html body.calendar-page .calendar-hero-inner::before,
html body.calendar-page .calendar-hero-inner::after {
  content:none !important;
  display:none !important;
}
html body.calendar-page .calendar-hero-copy {
  max-width:700px !important;
  flex:1 1 500px !important;
  min-width:0 !important;
}
html body.calendar-page .calendar-hero-copy .eyebrow {
  color:#E4D5BF !important;
  -webkit-text-fill-color:#E4D5BF !important;
  font-size:13px !important;
  font-weight:800 !important;
  letter-spacing:.15em !important;
}
html body.calendar-page .calendar-hero-copy h1 {
  font-size:clamp(33px,4.1vw,58px) !important;
  font-weight:800 !important;
  line-height:1.26 !important;
  margin:14px 0 17px !important;
  color:#EFE6D8 !important;
  -webkit-text-fill-color:#EFE6D8 !important;
  text-shadow:0 2px 18px rgba(0,0,0,.34) !important;
}
html body.calendar-page .calendar-hero-copy p {
  color:#EFE6D8 !important;
  -webkit-text-fill-color:#EFE6D8 !important;
  font-size:clamp(15px,1.35vw,18px) !important;
  line-height:1.95 !important;
  text-shadow:0 1px 10px rgba(0,0,0,.37) !important;
}
html body.calendar-page .calendar-hero-stats {
  min-width:0 !important;
  flex:0 1 490px !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
}
html body.calendar-page .calendar-hero-stats > div {
  background:rgba(239,230,216,.92) !important;
  border:1px solid rgba(239,230,216,.53) !important;
  border-radius:17px !important;
  padding:20px 12px !important;
  box-shadow:0 15px 34px rgba(0,0,0,.14) !important;
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
}
html body.calendar-page .calendar-hero-stats > div::before {
  height:2px !important;
}
html body.calendar-page .calendar-hero-stats strong {
  color:#420B07 !important;
  font-size:clamp(23px,2.6vw,32px) !important;
}
html body.calendar-page .calendar-hero-stats span {
  color:#143328 !important;
  font-size:12px !important;
  line-height:1.45 !important;
}
html[dir="ltr"] body.calendar-page .calendar-page-hero {
  background-image:
    linear-gradient(90deg,rgba(8,28,22,.91),rgba(8,28,22,.73) 45%,rgba(8,28,22,.43)),
    url('../images/brand-atmospheres/auctions-antiques.jpg') !important;
}
html[dir="ltr"] body.calendar-page .calendar-hero-copy {
  text-align:left !important;
}

/* Calendar workspace — quiet collectible detail around the white planner.
   Never overlay photography on dates, event pills or date-picker inputs. */
html body.calendar-page .calendar-workspace-section {
  background-color:#F8F4ED !important;
  background-image:
    linear-gradient(180deg,rgba(248,244,237,.82),rgba(248,244,237,.91) 43%,rgba(248,244,237,.95)),
    url('../images/brand-atmospheres/hero-collectibles.jpg') !important;
  background-position:center,70% top !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  padding:clamp(32px,4.2vw,62px) 0 clamp(68px,6.4vw,100px) !important;
}
html body.calendar-page .professional-calendar-layout {
  gap:clamp(16px,2.1vw,29px) !important;
}
html body.calendar-page .calendar-journey-bar {
  background-color:#EFE6D8 !important;
  background-image:
    linear-gradient(270deg,rgba(239,230,216,.94),rgba(239,230,216,.79) 56%,rgba(239,230,216,.55)),
    url('../images/brand-atmospheres/hero-collectibles.jpg') !important;
  background-size:cover !important;
  background-position:center,70% center !important;
  border:1px solid rgba(164,134,93,.37) !important;
  border-radius:20px !important;
  padding:clamp(20px,2vw,31px) !important;
  box-shadow:0 9px 31px rgba(66,11,7,.06) !important;
}
html body.calendar-page .calendar-journey-heading strong {
  color:#420B07 !important;
}
html body.calendar-page .calendar-journey-steps a {
  background:rgba(255,252,246,.85) !important;
  border:1px solid rgba(164,134,93,.34) !important;
  color:#143328 !important;
  border-radius:12px !important;
}
html body.calendar-page .calendar-overview-card,
html body.calendar-page .professional-calendar-card,
html body.calendar-page :is(.selected-auction-panel,.bookings-panel) {
  background:#FFFCF8 !important;
  border:1px solid rgba(164,134,93,.28) !important;
  box-shadow:0 16px 38px rgba(38,39,29,.07) !important;
  border-radius:20px !important;
}
html body.calendar-page .professional-calendar-card {
  overflow:visible !important;
}
html body.calendar-page .calendar-grid-scroll {
  overflow-x:auto !important;
  max-width:100% !important;
  scrollbar-color:#A4865D #EFE6D8;
}
html body.calendar-page .professional-calendar-grid .day {
  color:#143328 !important;
}
html body.calendar-page .calendar-mode-bar,
html body.calendar-page .calendar-legend-row {
  background-color:#F8F0E5 !important;
}
html body.calendar-page :is(.calendar-today-button,.calendar-nav-button,.calendar-mode-switch button):focus-visible,
html body.calendar-page .calendar-grid-scroll:focus-visible {
  outline:3px solid #A4865D !important;
  outline-offset:3px !important;
}
html[dir="ltr"] body.calendar-page .calendar-journey-bar {
  background-image:
    linear-gradient(90deg,rgba(239,230,216,.94),rgba(239,230,216,.79) 56%,rgba(239,230,216,.55)),
    url('../images/brand-atmospheres/hero-collectibles.jpg') !important;
}

/* Width-specific photo crops and legibility. Phone content remains in a
   single column; no horizontal page overflow from large headlines or grids. */
@media (max-width:1100px) {
  html body.calendar-page .calendar-hero-inner {
    flex-wrap:wrap !important;
    justify-content:flex-start !important;
  }
  html body.calendar-page .calendar-hero-stats {
    flex-basis:100% !important;
    width:min(520px,100%) !important;
  }
  html body.calendar-page .calendar-page-hero {
    padding:65px 0 !important;
  }
}
@media (max-width:720px) {
  html body:is([data-page="support"],.arabids-support-page) .as-hero-copy {
    width:100% !important;
  }
  html body:is([data-page="support"],.arabids-support-page) .as-hero h1 {
    font-size:clamp(17px,4.6vw,29px) !important;
    letter-spacing:-.045em !important;
    margin:10px 0 21px !important;
  }
  html body:is([data-page="support"],.arabids-support-page) .as-page-modern
    .as-contact-grid-modern > :is(.as-contact-email-hero,.as-contact-phone-merged,.as-contact-address) {
    background-position:center,60% center !important;
    min-height:235px !important;
  }
  html body:is([data-page="support"],.arabids-support-page) .as-page-modern
    .as-contact-grid-modern > .as-contact-phone-merged .as-phone-link {
    font-size:clamp(15px,4.25vw,18px) !important;
  }
  html body:is(.home,[data-page="home"]) .how_it_works_section {
    background-image:
      linear-gradient(180deg,rgba(239,230,216,.54),rgba(239,230,216,.62)),
      url('../images/brand-atmospheres/app-still-life-v116.jpg') !important;
    background-position:center,51% center !important;
  }
  html body.calendar-page .calendar-page-hero {
    min-height:0 !important;
    padding:52px 0 57px !important;
    background-position:center,58% center !important;
  }
  html body.calendar-page .calendar-hero-inner {
    padding:0 !important;
    gap:25px !important;
    align-items:stretch !important;
  }
  html body.calendar-page .calendar-hero-copy {
    flex:1 1 auto !important;
  }
  html body.calendar-page .calendar-hero-copy h1 {
    font-size:clamp(29px,7vw,41px) !important;
  }
  html body.calendar-page .calendar-hero-copy p {
    font-size:14px !important;
    line-height:1.86 !important;
  }
  html body.calendar-page .calendar-hero-stats {
    width:100% !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:7px !important;
  }
  html body.calendar-page .calendar-hero-stats > div {
    padding:15px 5px !important;
    min-width:0 !important;
  }
  html body.calendar-page .calendar-hero-stats strong {
    font-size:23px !important;
  }
  html body.calendar-page .calendar-hero-stats span {
    font-size:10px !important;
  }
  html body.calendar-page .calendar-journey-bar {
    padding:20px 17px !important;
  }
  html body.calendar-page .calendar-workspace-section {
    background-position:center,61% top !important;
    background-image:
      linear-gradient(180deg,rgba(248,244,237,.83),rgba(248,244,237,.95)),
      url('../images/brand-atmospheres/hero-collectibles.jpg') !important;
  }
}
@media (prefers-reduced-motion:reduce) {
  html body:is([data-page="support"],.arabids-support-page) .as-page-modern
    .as-contact-grid-modern > :is(.as-contact-email-hero,.as-contact-phone-merged,.as-contact-address) {
    transition:none !important;
  }
}