/* ARABIDS v1.2.98 — bilingual auction cover, readable account action and
   calm FAQ treatment. Keeps the original section order and brand palette. */

/* Previous auction cover had a fixed dark strip on the left. When switching
   from RTL to LTR the text moved left but the strip did not, obscuring it. */
html body[data-page="auctions"] .auctions-hero-card {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) minmax(265px,340px) !important;
  align-items: center !important;
  gap: clamp(22px,3vw,44px) !important;
  min-height: 360px !important;
  padding: clamp(30px,3.5vw,48px) clamp(28px,4vw,55px) !important;
  background: radial-gradient(circle at 8% 94%,rgba(164,134,93,.12),transparent 28%),
    linear-gradient(130deg,#fffdf8 0%,#f5eadb 100%) !important;
  border: 1px solid #d7c3a5 !important;
  overflow: hidden !important;
}
html body[data-page="auctions"] .auctions-hero-copy {
  display: block !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 780px !important;
  margin: 0 !important;
  text-align: start !important;
  overflow-wrap: break-word;
}
html body[data-page="auctions"] .auctions-hero-copy h1 {
  display: block !important;
  max-width: 690px !important;
  margin: 13px 0 15px !important;
  color: #143328 !important;
  font-size: clamp(33px,3.6vw,53px) !important;
  line-height: 1.25 !important;
  letter-spacing: -.025em !important;
  word-break: normal !important;
  text-wrap: pretty;
}
html body[data-page="auctions"] .auctions-hero-copy .auctions-hero-lede {
  max-width: 650px !important;
  color: #465d50 !important;
  font-size: clamp(14px,1.18vw,17px) !important;
  line-height: 1.85 !important;
  text-align: start !important;
}
html body[data-page="auctions"] .auctions-hero-actions,
html body[data-page="auctions"] .auctions-hero-points {
  justify-content: flex-start !important;
  min-width: 0 !important;
}
html body[data-page="auctions"] .auctions-hero-visual {
  display: grid !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  position: relative !important;
  width: min(100%,328px) !important;
  height: 280px !important;
  justify-self: center !important;
  align-self: center !important;
  margin: 0 !important;
  border-radius: 29px !important;
  border: 1px solid rgba(239,230,216,.17) !important;
  background: linear-gradient(155deg,#1d4836,#143328) !important;
  box-shadow: 0 18px 36px rgba(20,51,40,.18) !important;
}
html body[data-page="auctions"] .auctions-visual-caption {
  top: 18px !important;
  color: #e6cfaa !important;
}
html body[data-page="auctions"] .auctions-visual-bottom {
  bottom: 13px !important;
  color: #f0ddc1 !important;
}
html body[data-page="auctions"] .auctions-mini-card-one { left: -10px !important; }
html body[data-page="auctions"] .auctions-mini-card-two { right: -10px !important; }
html[dir="ltr"] body[data-page="auctions"] .auctions-hero-copy,
html[dir="ltr"] body[data-page="auctions"] .auctions-filter-heading,
html[dir="ltr"] body[data-page="auctions"] .auctions-results-head { direction: ltr !important; text-align: left !important; }
html[dir="ltr"] body[data-page="auctions"] .auction-card-pro .auction-body,
html[dir="ltr"] body[data-page="auctions"] .auction-card-pro .auction-reference-facts,
html[dir="ltr"] body[data-page="auctions"] .auction-card-pro .auction-reference-dates { direction: ltr !important; }
html[dir="ltr"] body[data-page="auctions"] .auction-card-pro .auction-card-fact,
html[dir="ltr"] body[data-page="auctions"] .auction-card-pro .auction-date-point { text-align: left !important; }

/* The original header button is too narrow for the English label on the
   homepage, causing LOGIN to appear as two stacked words. */
html[dir="ltr"] body.home header .but-wrap.desktop > a.button.header-button,
html[dir="ltr"] body.home header .but-wrap.mobile > a.button.header-button,
html[dir="ltr"] body.home header a.header-button,
html[dir="ltr"] body[data-page="home"] header a.header-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 105px !important;
  max-width: none !important;
  min-height: 47px !important;
  height: auto !important;
  padding: 12px 16px !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
  text-align: center !important;
  letter-spacing: 0 !important;
}
html[dir="ltr"] body.home header .but-wrap.desktop { flex-shrink: 0 !important; min-width: max-content !important; }

/* FAQ — calm editorial cards, still displaying all questions at once. */
html body.home .faq_section,
html body[data-page="home"] .faq_section {
  position: relative;
  padding-top: clamp(57px,6vw,85px) !important;
  padding-bottom: clamp(65px,6vw,90px) !important;
  background: linear-gradient(180deg,#faf7f1 0%,#fcfaf7 100%) !important;
  border-top: 1px solid #e9dfd1 !important;
  border-bottom: 1px solid #e8dac7 !important;
}
html body.home .faq_section h2.title,
html body[data-page="home"] .faq_section h2.title {
  display: block !important;
  color: #143328 !important;
  font-size: clamp(29px,3vw,39px) !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  text-align: center !important;
  margin: 0 0 clamp(24px,3vw,37px) !important;
}
html body.home .faq_section h2.title::before,
html body[data-page="home"] .faq_section h2.title::before {
  content: "ARABIDS  /  FAQ";
  display: block;
  margin-bottom: 7px;
  color: #997b50;
  font-family: inherit;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.5;
  letter-spacing: .16em;
}
html body.home .faq_section .flex-wrap,
html body[data-page="home"] .faq_section .flex-wrap {
  display: grid !important;
  grid-template-columns: repeat(6,minmax(0,1fr)) !important;
  gap: 16px !important;
  align-items: stretch !important;
  padding: 0 !important;
}
html body.home .faq_section .flex-wrap .item,
html body[data-page="home"] .faq_section .flex-wrap .item {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  grid-column: span 2 !important;
  min-width: 0 !important;
  min-height: 172px !important;
  padding: 24px 25px !important;
  border: 1px solid #e4d8c8 !important;
  border-radius: 20px !important;
  background: #fffefa !important;
  box-shadow: 0 8px 23px rgba(20,51,40,.045) !important;
  transition: border-color .2s ease,box-shadow .2s ease,transform .2s ease;
  text-align: start !important;
}
html body.home .faq_section .flex-wrap .item:nth-child(n+4),
html body[data-page="home"] .faq_section .flex-wrap .item:nth-child(n+4) { grid-column: span 3 !important; }
html body.home .faq_section .flex-wrap .item:hover,
html body[data-page="home"] .faq_section .flex-wrap .item:hover {
  border-color: #cbb899 !important;
  box-shadow: 0 14px 30px rgba(20,51,40,.075) !important;
  transform: translateY(-2px);
}
html body.home .faq_section .flex-wrap .item::before,
html body[data-page="home"] .faq_section .flex-wrap .item::before {
  content: "";
  display: block;
  width: 33px;
  height: 4px;
  flex: 0 0 auto;
  margin-bottom: 16px;
  border-radius: 999px;
  background: #a4865d;
}
html body.home .faq_section .flex-wrap .item:nth-child(3n+2)::before,
html body[data-page="home"] .faq_section .flex-wrap .item:nth-child(3n+2)::before { background: #143328; }
html body.home .faq_section .flex-wrap .item:nth-child(3n)::before,
html body[data-page="home"] .faq_section .flex-wrap .item:nth-child(3n)::before { background: #420b07; }
html body.home .faq_section .flex-wrap .item .flex,
html body[data-page="home"] .faq_section .flex-wrap .item .flex {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
}
html body.home .faq_section .flex-wrap .item .title,
html body[data-page="home"] .faq_section .flex-wrap .item .title {
  display: block !important;
  margin: 0 0 9px !important;
  color: #143328 !important;
  font-size: clamp(17px,1.4vw,20px) !important;
  font-weight: 800 !important;
  line-height: 1.6 !important;
  text-align: start !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
html body.home .faq_section .flex-wrap .item .subtitle,
html body[data-page="home"] .faq_section .flex-wrap .item .subtitle {
  display: block !important;
  margin: 0 !important;
  color: #54685a !important;
  font-size: clamp(14px,1.1vw,16px) !important;
  font-weight: 450 !important;
  line-height: 1.85 !important;
  text-align: start !important;
  letter-spacing: 0 !important;
}
html[dir="ltr"] body.home .faq_section .flex-wrap .item,
html[dir="ltr"] body.home .faq_section .flex-wrap .item .title,
html[dir="ltr"] body.home .faq_section .flex-wrap .item .subtitle { direction: ltr !important; text-align: left !important; }

@media(max-width:1080px) {
  html body[data-page="auctions"] .auctions-hero-card { grid-template-columns: minmax(0,1fr) 250px !important; padding: 32px 32px !important; gap: 15px !important; }
  html body[data-page="auctions"] .auctions-hero-visual { width: 246px !important; height: 255px !important; }
  html body[data-page="auctions"] .auctions-hero-copy h1 { font-size: clamp(30px,4.2vw,44px) !important; }
}
@media(max-width:920px) {
  html body[data-page="auctions"] .auctions-hero-card { display: block !important; min-height: 0 !important; background: linear-gradient(135deg,#fffefa,#f1e6d7) !important; }
  html body[data-page="auctions"] .auctions-hero-visual { display: none !important; }
  html body.home .faq_section .flex-wrap .item,
  html body[data-page="home"] .faq_section .flex-wrap .item { grid-column: span 3 !important; }
  html body.home .faq_section .flex-wrap .item:last-child,
  html body[data-page="home"] .faq_section .flex-wrap .item:last-child { grid-column: span 6 !important; }
}
@media(max-width:650px) {
  html body[data-page="auctions"] .auctions-hero-card { padding: 27px 20px !important; border-radius: 23px !important; }
  html body[data-page="auctions"] .auctions-hero-copy h1 { font-size: clamp(28px,7.4vw,36px) !important; }
  html body[data-page="auctions"] .auctions-hero-actions a { min-width: 0; flex: 1 1 145px; }
  html body.home .faq_section .flex-wrap,
  html body[data-page="home"] .faq_section .flex-wrap { grid-template-columns: minmax(0,1fr) !important; gap: 12px !important; }
  html body.home .faq_section .flex-wrap .item,
  html body[data-page="home"] .faq_section .flex-wrap .item,
  html body.home .faq_section .flex-wrap .item:last-child,
  html body[data-page="home"] .faq_section .flex-wrap .item:last-child { grid-column: 1 !important; min-height: 0 !important; padding: 20px 19px !important; }
  html body.home .faq_section .flex-wrap .item .title,
  html body[data-page="home"] .faq_section .flex-wrap .item .title { font-size: 18px !important; }
  html body.home .faq_section .flex-wrap .item .subtitle,
  html body[data-page="home"] .faq_section .flex-wrap .item .subtitle { font-size: 14px !important; }
}
@media(prefers-reduced-motion:reduce) {
  html body.home .faq_section .flex-wrap .item { transition:none !important; }
  html body.home .faq_section .flex-wrap .item:hover { transform:none !important; }
}