/* Site-level overrides for Aviator Trader (on top of Quark 2) */

/* -------------------------------------------------------------------------- */
/* Brand tokens (logo blue + charcoal)                                         */
/* -------------------------------------------------------------------------- */
:root {
  --at-blue: #0047FF;
  --at-blue-deep: #0036C4;
  --at-blue-soft: #E8EFFF;
  --at-ink: #0B1220;
  --at-muted: #5B6475;
  --at-amber: #F5A623;
  --at-amber-ink: #1A1200;
  --q2-accent: var(--at-blue);
  --q2-link: var(--at-blue);
  --q2-accent-contrast: #ffffff;
}

:root[data-theme='dark'] {
  --at-blue: #4D7CFF;
  --at-blue-deep: #3A66F0;
  --at-blue-soft: rgba(77, 124, 255, 0.16);
  --at-ink: #F3F5F9;
  --at-muted: #A8B0C0;
  --q2-accent: var(--at-blue);
  --q2-link: var(--at-blue);
}

/* Buttons / links that use Pico contrast pick up brand more clearly */
.aviator-theme a:not([role='button']):not(.button):not(.category-tile):not(.listing-card__image) {
  text-decoration-thickness: 1px;
  text-underline-offset: 0.15em;
}

.aviator-theme button.contrast,
.aviator-theme [role='button'].contrast,
.aviator-theme a[role='button'].contrast {
  --pico-background-color: var(--at-blue);
  --pico-border-color: var(--at-blue);
  --pico-color: #fff;
  background-color: var(--at-blue);
  border-color: var(--at-blue);
  color: #fff;
}

.aviator-theme button.contrast:hover,
.aviator-theme [role='button'].contrast:hover,
.aviator-theme a[role='button'].contrast:hover {
  --pico-background-color: var(--at-blue-deep);
  --pico-border-color: var(--at-blue-deep);
  background-color: var(--at-blue-deep);
  border-color: var(--at-blue-deep);
}

/* Brand logo — wordmark + tagline needs more height than Quark's 28px default */
.navbar-brand img {
  height: 44px;
  width: auto;
  max-width: min(220px, 52vw);
  object-fit: contain;
}

.mobile-logo .navbar-brand img {
  height: 36px;
  max-width: 180px;
}

@media (min-width: 1024px) {
  .navbar-brand img {
    height: 48px;
    max-width: 260px;
  }
}

/* Header polish */
#header {
  border-bottom: 1px solid color-mix(in srgb, var(--at-blue) 12%, transparent);
}

#header .navbar a:hover {
  color: var(--at-blue);
}

/* -------------------------------------------------------------------------- */
/* Footer                                                                      */
/* -------------------------------------------------------------------------- */
.at-footer {
  margin-top: 2.5rem;
  border-top: 1px solid color-mix(in oklab, var(--at-muted) 25%, transparent);
  padding-top: 1.5rem;
  padding-bottom: 1.75rem;
}
.at-footer__inner {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.at-footer__brand {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.5rem 0.85rem;
}
.at-footer__tag {
  color: var(--at-muted);
  font-size: 0.9rem;
}
.at-footer__nav {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 1.1rem;
  font-size: 0.95rem;
}
.at-footer__nav a {
  text-decoration: none;
}
.at-footer__nav a:hover {
  text-decoration: underline;
}
.at-footer__fine {
  margin: 0;
  max-width: 52rem;
  font-size: 0.85rem;
  line-height: 1.45;
  color: var(--at-muted);
}
.at-footer__copy {
  margin: 0;
  font-size: 0.8rem;
  color: var(--at-muted);
}

/* Classifieds nav: single caret (Quark ::after only; no Font Awesome chevron) */
.nav-classifieds > a .nav-classifieds__chevron {
  display: none !important;
}
.dropmenu li.nav-classifieds.has-children > a::after {
  /* keep Quark caret */
  opacity: 0.7;
}