/* ==========================================================================
   CarTop.ro — custom.css
   Only things Tailwind / DaisyUI cannot handle natively.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Smooth scroll + offset for fixed navbar
   -------------------------------------------------------------------------- */
html {
  scroll-behavior: smooth;
  scroll-padding-top: 80px;
}

/* --------------------------------------------------------------------------
   Text selection highlight
   -------------------------------------------------------------------------- */
::selection {
  background: #11fb34;
  color: #1d2841;
}

/* --------------------------------------------------------------------------
   Custom scrollbar (WebKit)
   -------------------------------------------------------------------------- */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: #11fb34;
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
  background: #0dd42b;
}

/* --------------------------------------------------------------------------
   Scroll progress bar
   -------------------------------------------------------------------------- */
.scroll-progress {
  position: fixed;
  top: 0;
  left: 0;
  height: 3px;
  background: #11fb34;
  z-index: 9999;
  width: 0%;
  transition: width 0.1s linear;
}

/* --------------------------------------------------------------------------
   @keyframes — WhatsApp button pulse glow
   -------------------------------------------------------------------------- */
@keyframes pulse-whatsapp {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.6);
  }
  50% {
    box-shadow: 0 0 0 12px rgba(37, 211, 102, 0);
  }
}

.whatsapp-float {
  animation: pulse-whatsapp 2.4s ease-in-out infinite;
}

/* --------------------------------------------------------------------------
   @keyframes — scroll progress bar indeterminate (loading state)
   -------------------------------------------------------------------------- */
@keyframes progress-bar {
  0%   { transform: translateX(-100%); }
  100% { transform: translateX(400%); }
}

.progress-bar-indeterminate::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.35);
  animation: progress-bar 1.4s ease-in-out infinite;
}

/* --------------------------------------------------------------------------
   Cookie banner transition
   -------------------------------------------------------------------------- */
#cookieBanner {
  transform: translateY(100%);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

#cookieBanner.is-visible {
  transform: translateY(0);
}

/* --------------------------------------------------------------------------
   Card image hover zoom
   -------------------------------------------------------------------------- */
.card-img-zoom {
  overflow: hidden;
}

.card-img-zoom img {
  transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
}

.card-img-zoom:hover img {
  transform: scale(1.06);
}

/* --------------------------------------------------------------------------
   AOS — prevent flash on page load before JS fires
   -------------------------------------------------------------------------- */
[data-aos] {
  pointer-events: none;
}

[data-aos].aos-animate {
  pointer-events: auto;
}