/* Custom styles for Auto-sales Trucks-cars */

/* Smooth scroll offset for fixed nav */
html {
  scroll-padding-top: 80px;
}

/* Selection color */
::selection {
  background-color: rgba(85, 133, 57, 0.3);
  color: #1a3a14;
}

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #f5f3ed;
}
::-webkit-scrollbar-thumb {
  background: #c5dbb3;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #9cc182;
}

/* Nav transition states */
.nav-scrolled {
  background: rgba(250, 249, 246, 0.95) !important;
  box-shadow: 0 1px 20px rgba(34, 55, 25, 0.08);
}

.nav-scrolled .nav-text-color {
  color: #1a3a14 !important;
}

.nav-scrolled .nav-link {
  color: #2a431e !important;
}

/* Mobile menu transition */
#mobile-menu {
  animation: slideDown 0.3s ease;
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Button focus states */
button:focus-visible,
a:focus-visible {
  outline: 2px solid #558539;
  outline-offset: 2px;
  border-radius: 4px;
}

/* Image loading placeholder */
img {
  background-color: #e3ecd9;
}

/* Print styles */
@media print {
  nav, #process, #location iframe {
    display: none;
  }
  body {
    color: #000;
    background: #fff;
  }
}