/* ARABIDS v1.2.109
 * Keep the original large desktop Arabic slogan. Give it the entire hero
 * width instead of shrinking it inside the right-hand 50% column.
 * The English hero and all mobile hero arrangements remain unchanged.
 */
@media (min-width: 992px) {
  html[data-language="ar"] body.home .hero .flex,
  html[data-language="ar"] body[data-page="home"] .hero .flex,
  html[lang="ar"] body.home .hero .flex,
  html[lang="ar"] body[data-page="home"] .hero .flex {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto !important;
    column-gap: clamp(25px, 3.8vw, 55px) !important;
    row-gap: 0 !important;
    align-items: center !important;
    position: relative !important;
  }

  html[data-language="ar"] body.home .hero .left,
  html[data-language="ar"] body.home .hero .arabids-hero-copy,
  html[data-language="ar"] body[data-page="home"] .hero .left,
  html[data-language="ar"] body[data-page="home"] .hero .arabids-hero-copy,
  html[lang="ar"] body.home .hero .left,
  html[lang="ar"] body.home .hero .arabids-hero-copy,
  html[lang="ar"] body[data-page="home"] .hero .left,
  html[lang="ar"] body[data-page="home"] .hero .arabids-hero-copy {
    display: contents !important;
  }

  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,
  html[lang="ar"] body[data-page="home"] .hero .arabids-hero-copy h1.title {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    justify-self: stretch !important;
    align-self: end !important;
    /* Exact 40px→68px scale from the unmodified original theme. */
    font-size: clamp(40px, calc(32.6267px + 1.84332vw), 68px) !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    letter-spacing: normal !important;
    white-space: nowrap !important;
    text-wrap: nowrap !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 clamp(14px, 2vw, 26px) !important;
    padding: 0 !important;
    text-align: start !important;
    color: #420B07 !important;
    -webkit-text-fill-color: #420B07 !important;
  }

  html[data-language="ar"] body.home .hero .arabids-hero-copy .subtitle,
  html[data-language="ar"] body[data-page="home"] .hero .arabids-hero-copy .subtitle,
  html[lang="ar"] body.home .hero .arabids-hero-copy .subtitle,
  html[lang="ar"] body[data-page="home"] .hero .arabids-hero-copy .subtitle {
    grid-column: 1 !important;
    grid-row: 2 !important;
    align-self: end !important;
    margin: 0 !important;
    max-width: 100% !important;
    text-align: start !important;
  }

  html[data-language="ar"] body.home .hero .download_app,
  html[data-language="ar"] body[data-page="home"] .hero .download_app,
  html[lang="ar"] body.home .hero .download_app,
  html[lang="ar"] body[data-page="home"] .hero .download_app {
    grid-column: 1 !important;
    grid-row: 3 !important;
    align-self: start !important;
    margin-top: 16px !important;
  }

  html[data-language="ar"] body.home .hero .right,
  html[data-language="ar"] body[data-page="home"] .hero .right,
  html[lang="ar"] body.home .hero .right,
  html[lang="ar"] body[data-page="home"] .hero .right {
    grid-column: 2 !important;
    grid-row: 2 / 4 !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    align-self: center !important;
  }

  /* The earlier decorative halo remains behind the text, not over it. */
  html[data-language="ar"] body.home .hero .arabids-hero-text-halo,
  html[lang="ar"] body.home .hero .arabids-hero-text-halo {
    top: 53% !important;
    right: 51% !important;
    z-index: 0 !important;
    pointer-events: none !important;
  }
}

/* Auction details: replace the residual navy and blue-only accents with
 * official ARABIDS burgundy, dark green, gold and ivory palette. */
html body[data-page="details"] .auction-action-app {
  background: #420B07 !important;
  border-color: #420B07 !important;
  color: #fff !important;
  box-shadow: 0 8px 22px rgba(66, 11, 7, .16) !important;
}
html body[data-page="details"] .auction-action-app:hover {
  background: #143328 !important;
  border-color: #143328 !important;
}
html body[data-page="details"] .auction-action-app .auction-action-icon {
  background: rgba(255, 255, 255, .17) !important;
  color: #fff !important;
}
html body[data-page="details"] .auction-action-app .auction-action-copy small {
  color: #EFE6D8 !important;
}
html body[data-page="details"] .auction-action-ics .auction-action-icon {
  background: #EFE6D8 !important;
  color: #420B07 !important;
}
html body[data-page="details"] .auction-action-calendar .auction-action-icon {
  background: #F6F2EB !important;
  color: #A4865D !important;
}
html body[data-page="details"] .auction-action-card:not(.auction-action-app):not(.auction-action-reserve) {
  color: #143328 !important;
  border-color: #DFDFDF !important;
}
html body[data-page="details"] .auction-action-card:not(.auction-action-app):not(.auction-action-reserve):hover {
  border-color: #A4865D !important;
}
html body[data-page="details"] .auction-action-card:not(.auction-action-app) .auction-action-copy small {
  color: #706B62 !important;
}
html body[data-page="details"] .status-chip.booked {
  background: #E9F0EB !important;
  color: #143328 !important;
}
html body[data-page="details"] .detail-panel {
  border-color: #DFDFDF !important;
  box-shadow: 0 18px 44px rgba(20, 51, 40, .075) !important;
}