/* ARABIDS v1.2.97: privacy layout correction, official auction brand mark,
   booking-first calendar and small-screen polish. Brand palette only. */

/* PRIVACY: a single cohesive surface. The previous background split left a
   disconnected ivory panel and moved the illustration below the copy. */
html body[data-page="privacy"] .privacy-hero-card {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) minmax(218px,285px) !important;
  gap: clamp(22px,3.5vw,56px) !important;
  min-height: 342px !important;
  padding: clamp(30px,3.5vw,49px) clamp(27px,4vw,58px) 65px !important;
  background: radial-gradient(circle at 12% 40%,rgba(164,134,93,.17),transparent 32%),
    linear-gradient(125deg,#1d4938,#143328 62%,#102c23) !important;
  border-color: #49715b !important;
  align-items: center !important;
}
html body[data-page="privacy"] .privacy-hero-copy {
  min-width: 0 !important;
  width: 100% !important;
  max-width: 780px !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  margin: 0 !important;
}
html body[data-page="privacy"] .privacy-hero-visual {
  min-width: 0 !important;
  width: min(100%,265px) !important;
  height: 265px !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  justify-self: center !important;
  align-self: center !important;
  margin: 0 !important;
}
html body[data-page="privacy"] .privacy-visual-caption { color: #e8d2b0 !important; }
html body[data-page="privacy"] .privacy-visual-ring { border-color: rgba(239,230,216,.23) !important; }
html body[data-page="privacy"] .privacy-hero-card .privacy-hero-copy h1 { max-width: 100% !important; }
html body[data-page="privacy"] .privacy-hero-card .privacy-hero-intro { max-width: 610px !important; }
html body[data-page="privacy"] .privacy-hero-card .privacy-updated-pill,
html body[data-page="privacy"] .privacy-hero-card .privacy-delete-link { white-space: normal !important; }
html body[data-page="privacy"] .privacy-importance-banner,
html body[data-page="privacy"] .privacy-premium-layout,
html body[data-page="privacy"] .privacy-policy-card { min-width: 0 !important; }
html body[data-page="privacy"] .privacy-premium-layout { align-items: start !important; }
html body[data-page="privacy"] .privacy-overview-grid { margin-top: -32px !important; }

/* AUCTIONS: preserve the original full horizontal logo, not an A-letter icon. */
html body[data-page="auctions"] .auctions-gavel-icon {
  display: grid !important;
  place-items: center !important;
  width: 144px !important;
  height: 110px !important;
  transform: rotate(4deg) !important;
}
html body[data-page="auctions"] .auctions-gavel-icon .auctions-stage-brand-logo {
  display: block !important;
  width: 138px !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 98px !important;
  object-fit: contain !important;
  filter: none !important;
}

/* CALENDAR: a booking flow without altering real auction counts or booking data. */
html body.calendar-page .calendar-workspace-section {
  background: radial-gradient(ellipse at 5% 5%,rgba(164,134,93,.09),transparent 32%),#faf6ef !important;
}
html body.calendar-page .professional-calendar-layout { min-width: 0 !important; gap: 16px !important; }
html body.calendar-page .professional-calendar-layout > * { min-width: 0; }
html body.calendar-page .calendar-journey-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 23px;
  padding: 19px 24px;
  border: 1px solid #d6c4a9;
  border-radius: 21px;
  background: linear-gradient(112deg,#f2e5d2,#fffdfa 58%);
  box-shadow: 0 10px 26px rgba(20,51,40,.06);
}
html body.calendar-page .calendar-journey-heading { display: grid; gap: 3px; min-width: 170px; }
html body.calendar-page .calendar-journey-heading span { font-size: 11px; font-weight: 800; color: #835e3a; letter-spacing: .04em; }
html body.calendar-page .calendar-journey-heading strong { font-size: clamp(16px,1.6vw,19px); color: #143328; line-height: 1.6; }
html body.calendar-page .calendar-journey-steps { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 9px; }
html body.calendar-page .calendar-journey-steps a {
  display: inline-flex; align-items: center; gap: 9px; min-height: 45px;
  padding: 7px 12px; border-radius: 13px; background: #fffdfa;
  border: 1px solid #e3d1b8; text-decoration: none !important; color: #143328 !important;
  font-size: 13px; font-weight: 800; transition: background .2s ease,border-color .2s ease;
}
html body.calendar-page .calendar-journey-steps a:hover { background: #e8dbc6; border-color: #b99f7c; }
html body.calendar-page .calendar-journey-steps a:focus-visible,
html body.calendar-page .calendar-mode-switch button:focus-visible { outline: 3px solid #a4865d !important; outline-offset: 3px; }
html body.calendar-page .calendar-journey-steps a span {
  display: grid; place-items: center; flex: 0 0 30px; width: 30px; height: 30px;
  background: #143328; color: #fff6e8; border-radius: 9px;
  font-size: 10px; font-family: inherit; font-weight: 800;
}
html body.calendar-page .calendar-journey-steps a:nth-child(2) span { background: #420b07; }
html body.calendar-page .calendar-journey-steps a:nth-child(3) span { background: #a4865d; color: #1e3027; }
html body.calendar-page .calendar-overview-card { border-radius: 19px !important; background: #fffdfa !important; }
html body.calendar-page .calendar-overview-card .calendar-overview-list > div { background: #f8f2e8 !important; }
html body.calendar-page .professional-calendar-card { border-radius: 23px !important; overflow: visible !important; }
html body.calendar-page .calendar-mode-bar {
  display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 14px;
  padding: 16px 20px; background: #fffaf3; border-bottom: 1px solid #e5d8c5;
}
html body.calendar-page .calendar-mode-copy { display: grid; gap: 2px; min-width: 0; }
html body.calendar-page .calendar-mode-copy strong { font-size: 15px; color: #143328; font-weight: 800; }
html body.calendar-page .calendar-mode-copy small { font-size: 12px; color: #667469; line-height: 1.6; }
html body.calendar-page .calendar-mode-switch {
  display: inline-flex; align-items: center; flex-wrap: wrap; gap: 4px;
  padding: 4px; border: 1px solid #d9c8af; border-radius: 14px; background: #f1e8da;
}
html body.calendar-page .calendar-mode-switch button {
  border: none; border-radius: 10px; background: transparent; color: #4b604f;
  padding: 10px 16px; min-height: 39px; cursor: pointer; font: inherit;
  font-size: 13px; font-weight: 750; transition: background .2s ease,color .2s ease;
}
html body.calendar-page .calendar-mode-switch button.is-active { background: #143328; color: #fffaf0; box-shadow: 0 4px 12px rgba(20,51,40,.16); }
html body.calendar-page .calendar-mode-switch button:hover:not(.is-active) { background: #e0d1bc; }
html body.calendar-page .calendar-filter-empty {
  margin: 0; padding: 17px 20px; background: #f4eadb; color: #420b07;
  font-size: 13px; font-weight: 700; line-height: 1.7;
}
html body.calendar-page .calendar-filter-empty[hidden] { display: none !important; }
html body.calendar-page .calendar-grid-scroll { max-width: 100%; border-radius: 0 0 22px 22px !important; }
html body.calendar-page .professional-calendar-grid .day.is-selected-day { box-shadow: inset 0 0 0 2px #a4865d !important; }
html body.calendar-page .calendar-hero-stats strong,
html body.calendar-page .calendar-overview-list b,
html body.calendar-page .agenda-count { font-variant-numeric: tabular-nums; }
html[dir="ltr"] body.calendar-page .professional-calendar-layout > * { direction: ltr !important; }
html[dir="ltr"] body.calendar-page .calendar-mode-copy,
html[dir="ltr"] body.calendar-page .calendar-journey-heading,
html[dir="ltr"] body.calendar-page .calendar-journey-steps a { text-align: left !important; }
html[dir="ltr"] body.calendar-page .calendar-journey-steps { justify-content: flex-start !important; }
html[dir="ltr"] body.calendar-page .professional-calendar-grid .day { direction: ltr !important; }

@media (max-width: 1100px) {
  html body[data-page="privacy"] .privacy-hero-card { grid-template-columns: minmax(0,1fr) 220px !important; gap: 16px !important; }
  html body[data-page="privacy"] .privacy-hero-visual { width: 215px !important; height: 215px !important; }
  html body.calendar-page .calendar-journey-bar { align-items: flex-start; flex-direction: column; gap: 14px; }
  html body.calendar-page .calendar-journey-steps { justify-content: flex-start; }
}
@media (max-width: 760px) {
  html body[data-page="privacy"] .privacy-hero-card {
    display: block !important; min-height: 0 !important;
    padding: 28px 23px 27px !important;
    background: linear-gradient(140deg,#1b4534,#143328) !important;
  }
  html body[data-page="privacy"] .privacy-hero-copy { display: block !important; }
  html body[data-page="privacy"] .privacy-hero-visual { display: none !important; }
  html body[data-page="privacy"] .privacy-overview-grid { margin: 13px 0 22px !important; }
  html body[data-page="privacy"] .privacy-premium-layout { grid-template-columns: minmax(0,1fr) !important; }
  html body[data-page="privacy"] .privacy-toc-nav { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  html body[data-page="privacy"] .privacy-hero-actions > a { flex: 1 1 140px; }
  html body.calendar-page .calendar-journey-bar { padding: 17px 15px; border-radius: 18px; }
  html body.calendar-page .calendar-journey-heading strong { font-size: 17px; }
  html body.calendar-page .calendar-journey-steps { width: 100%; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 6px; }
  html body.calendar-page .calendar-journey-steps a { display: grid; justify-items: center; gap: 6px; min-height: 73px; padding: 9px 4px; text-align: center; font-size: 11px; line-height: 1.35; }
  html[dir="ltr"] body.calendar-page .calendar-journey-steps a { text-align: center !important; }
  html body.calendar-page .calendar-mode-bar { padding: 13px 14px; align-items: stretch; }
  html body.calendar-page .calendar-mode-switch { width: 100%; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  html body.calendar-page .calendar-mode-switch button { padding: 10px 6px; }
  html body.calendar-page .calendar-legend-row { flex-wrap: wrap; }
  html body.calendar-page .professional-calendar-grid { min-width: 735px !important; }
  html body.calendar-page .calendar-grid-scroll { overflow-x: auto; overscroll-behavior-inline: contain; -webkit-overflow-scrolling: touch; }
}
@media (max-width: 420px) {
  html body[data-page="privacy"] .privacy-hero-card { padding-inline: 18px !important; }
  html body[data-page="privacy"] .privacy-hero-meta { align-items: stretch; }
  html body[data-page="privacy"] .privacy-toc-nav { grid-template-columns: 1fr !important; }
  html body.calendar-page .calendar-journey-steps a { font-size: 10px; }
  html body.calendar-page .calendar-mode-copy small { font-size: 11px; }
  html body.calendar-page .calendar-hero-stats { gap: 6px !important; }
  html body.calendar-page .calendar-hero-stats > div { min-width: 0 !important; padding-inline: 7px !important; }
}
@media (prefers-reduced-motion: reduce) {
  html body.calendar-page .calendar-mode-switch button,
  html body.calendar-page .calendar-journey-steps a { transition: none !important; }
}