/* ARABIDS 1.2.108 — mobile auction watermark and single-line Arabic hero. */

/* Preserve a single horizontal headline on desktop. JavaScript measures the
   available text column and adjusts font size only if it needs to fit. */
@media (min-width: 992px) {
  html[data-language="ar"] body.home .hero .arabids-hero-copy h1.title,
  html[data-language="ar"] body[data-page="home"] .hero .arabids-hero-copy h1.title,
  html[lang="ar"] body.home .hero .arabids-hero-copy h1.title {
    white-space: nowrap !important;
    text-wrap: nowrap !important;
    max-width: none !important;
    font-size: clamp(28px, 2.8vw, 48px) !important;
    letter-spacing: -.025em !important;
    line-height: 1.3 !important;
  }
}

/* The original illustration panel is hidden on narrow screens, so put a
   single subdued brand outline directly in the auction introduction instead.
   Keep it opposite the reading direction, away from the heading and buttons. */
@media (max-width: 767px) {
  html body[data-page="auctions"] .auctions-hero-card {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
  }
  html body[data-page="auctions"] .auctions-hero-card::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: auto auto 8px -48px !important;
    width: clamp(155px, 46vw, 210px) !important;
    height: clamp(155px, 46vw, 210px) !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: url('../images/arabids-pattern-outline-13.png') center / contain no-repeat !important;
    opacity: .19 !important;
    pointer-events: none !important;
    z-index: 0 !important;
  }
  html[dir="ltr"] body[data-page="auctions"] .auctions-hero-card::after {
    left: auto !important;
    right: -48px !important;
  }
  html body[data-page="auctions"] .auctions-hero-copy {
    position: relative !important;
    z-index: 1 !important;
  }
}