/* Arabids 1.2.94 — carefully scoped contrast and vertical alignment.
   Core palette: maroon #420b07; deep green #143328; gold #a4865d;
   ivory #efe6d8. Keep the established light theme and original page layout. */

/* Login/Register: fixed site-wide body spacing must not precede the new
   in-flow auth header. Other pages retain their original header offsets. */
html body:is(.login-page,.register-page,[data-page="login"],[data-page="register"]) {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
html body:is(.login-page,.register-page,[data-page="login"],[data-page="register"]) > .arabids-auth-global-nav {
  margin-block-start: 0 !important;
  top: 0;
}
html body:is(.login-page,.register-page,[data-page="login"],[data-page="register"]) .entry-auth-wrap {
  padding-top: 24px !important;
}
html body.admin-bar:is(.login-page,.register-page,[data-page="login"],[data-page="register"]) {
  padding-top: 32px !important;
}

/* Desktop website links: improved legibility without making the site harsh.
   Do not change links inside the mobile app screenshots or mobile interface. */
@media (min-width: 992px) {
  html body :is(.auth-page-footer-links,.footer-nav,.arabids-footer-links) a:not(.btn):not(.button) {
    color: #264534 !important;
    opacity: 1 !important;
    font-weight: 650 !important;
    text-decoration: none !important;
    text-shadow: none !important;
    transition: color .17s ease !important;
  }
  html body :is(.auth-page-footer-links,.footer-nav,.arabids-footer-links) a:hover,
  html body :is(.auth-page-footer-links,.footer-nav,.arabids-footer-links) a:focus-visible,
  html body :is(.auth-page-footer-links,.footer-nav,.arabids-footer-links) a[aria-current="page"] {
    color: #420b07 !important;
    text-decoration: underline !important;
    text-decoration-color: #a4865d !important;
    text-decoration-thickness: 2px !important;
    text-underline-offset: 6px !important;
  }
  html body .auth-page-footer-links a.auth-footer-delete,
  html body .footer-nav a.footer-delete-link { color: #420b07 !important; }

  /* Preserve gentle icon tiles; strengthen only their foreground contrast. */
  html body[data-page="auctions"] .auctions-control-icon,
  html body[data-page="auctions"] .auctions-gavel-icon,
  html body[data-page="delete-account"] .deletion-impact-icon,
  html body:is([data-page="login"],[data-page="register"]) .entry-auth-card .recovery-input-icon {
    color: #420b07 !important;
  }
  html body.calendar-page .calendar-side-icon,
  html body.calendar-page .calendar-empty-selection > span,
  html body.calendar-page .agenda-count {
    color: #420b07 !important;
    background: #efe2cf !important;
  }
  html body.calendar-page .calendar-toolbar-actions button:focus-visible,
  html body[data-page="auctions"] .auctions-premium-filters :is(input,select,button):focus-visible {
    outline: 2px solid #a4865d !important;
    outline-offset: 3px !important;
  }
}

/* Calendar: move the feature box up a little, simplify its corner art,
   and carry the official ivory/green/gold across the month surface. */
html body.calendar-page .calendar-page-hero {
  padding-top: 14px !important;
  padding-bottom: 24px !important;
  background: linear-gradient(155deg,#fbf9f5 5%,#f5ede1 100%) !important;
}
html body.calendar-page .calendar-hero-inner {
  min-height: 205px !important;
  padding: 23px 28px !important;
  border: 1px solid #decdb6 !important;
  border-radius: 25px !important;
  background: radial-gradient(ellipse at 90% 8%,rgba(164,134,93,.14),transparent 37%),
    linear-gradient(125deg,#fffdfa,#f7efe3 66%,#f0e4d3) !important;
  box-shadow: 0 14px 35px rgba(20,51,40,.075) !important;
}
html body.calendar-page .calendar-hero-inner::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 0 auto 0 !important;
  width: 100% !important;
  height: 4px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: linear-gradient(90deg,#143328,#a4865d 52%,#420b07) !important;
  box-shadow: none !important;
  z-index: 2 !important;
}
html body.calendar-page .calendar-hero-inner::after {
  content: "" !important;
  position: absolute !important;
  inset: auto -65px -100px auto !important;
  width: 190px !important;
  height: 190px !important;
  border: 1px solid rgba(164,134,93,.12) !important;
  border-radius: 50% !important;
  background: rgba(164,134,93,.045) !important;
  box-shadow: 0 0 0 21px rgba(164,134,93,.027) !important;
  z-index: -1 !important;
}
html body.calendar-page .calendar-hero-copy { position: relative; z-index: 3; }
html body.calendar-page .calendar-hero-copy h1 { margin: 5px 0 6px !important; color: #143328 !important; }
html body.calendar-page .calendar-hero-copy p { color: #536a5d !important; }
html body.calendar-page .calendar-hero-stats { gap: 10px !important; position: relative; z-index: 3; }
html body.calendar-page .calendar-hero-stats > div {
  background: #fffdfa !important;
  border-color: #e0d2bf !important;
  box-shadow: 0 7px 17px rgba(20,51,40,.055) !important;
}
html body.calendar-page .calendar-workspace-section {
  padding-top: 18px !important;
  background: #faf6ef !important;
}
html body.calendar-page .professional-calendar-card { background: #fffdfa !important; }
html body.calendar-page .calendar-legend-row { background: #f6ecdd !important; }
html body.calendar-page .calendar-grid-scroll { background: #fffdfa !important; }
html body.calendar-page .professional-calendar-grid { background: #e7dccb !important; }
html body.calendar-page .professional-calendar-grid .day { background: #fffdfa !important; }
html body.calendar-page .professional-calendar-grid .day:hover { background: #f9f1e5 !important; }
html body.calendar-page .professional-calendar-grid .day.other { background: #f8f5ef !important; }
html body.calendar-page .professional-calendar-grid .day.today { background: #f2e7d7 !important; }
html body.calendar-page .professional-calendar-grid .weekday { background: #efe2d0 !important; color: #143328 !important; }

@media (max-width: 991px) {
  html body:is(.login-page,.register-page,[data-page="login"],[data-page="register"]) { padding-top: 0 !important; }
  html body.calendar-page .calendar-page-hero { padding-top: 13px !important; padding-bottom: 19px !important; }
  html body.calendar-page .calendar-workspace-section { padding-top: 15px !important; }
}
@media (max-width: 760px) {
  html body.calendar-page .calendar-hero-inner { padding: 21px 17px !important; border-radius: 20px !important; }
  html body.calendar-page .calendar-hero-inner::after { width: 125px !important; height: 125px !important; bottom: -75px !important; }
  html body:is(.login-page,.register-page,[data-page="login"],[data-page="register"]) .entry-auth-wrap { padding-top: 16px !important; }
  html body.admin-bar:is(.login-page,.register-page,[data-page="login"],[data-page="register"]) { padding-top: 46px !important; }
}
