/* ===== Rent A Car — custom styles ===== */
html { scroll-behavior: smooth; }

/* Hero video-style backdrop */
.hero-bg {
  background-image: linear-gradient(120deg, rgba(11,17,32,.85) 0%, rgba(11,17,32,.65) 40%, rgba(249,115,22,.3) 100%),
                    url('https://images.unsplash.com/photo-1553440569-bcc63803a83d?w=1920&auto=format&fit=crop');
  background-size: cover;
  background-position: center;
}

.shape-blur {
  filter: blur(80px);
  opacity: .55;
  pointer-events: none;
}

/* Car card */
.car-card {
  transition: transform .35s cubic-bezier(.22,1,.36,1), box-shadow .35s;
}
.car-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 25px 50px -15px rgba(249,115,22,.25), 0 10px 20px -10px rgba(0,0,0,.15);
}
.car-card .car-img {
  transition: transform .6s ease;
}
.car-card:hover .car-img {
  transform: scale(1.08);
}

/* Button shimmer on hover */
.btn-shine {
  position: relative; overflow: hidden;
}
.btn-shine::before {
  content: ''; position: absolute; top: 0; left: -75%;
  width: 50%; height: 100%;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,.35), transparent);
  transform: skewX(-25deg);
  transition: left .6s;
}
.btn-shine:hover::before { left: 125%; }

/* Animated gradient text */
.gradient-text {
  background: linear-gradient(90deg, #f97316, #f43f5e, #a855f7, #f97316);
  background-size: 300% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: gradient-shift 6s ease infinite;
}
@keyframes gradient-shift {
  0%,100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}

/* Section divider wave */
.wave-divider {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80' fill='white'%3E%3Cpath d='M0 40 C 360 80 1080 0 1440 40 L1440 80 L0 80 Z'/%3E%3C/svg%3E") center / cover no-repeat;
  height: 80px;
}

/* Input focus ring */
input:focus, select:focus, textarea:focus { outline: none; }
.input-focus:focus { box-shadow: 0 0 0 3px rgba(249,115,22,.25); border-color: #f97316; }

/* Scrollbar (webkit) */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: #f97316; border-radius: 10px; }
::-webkit-scrollbar-track { background: #f1f5f9; }

/* Stats counter */
.stat-num { font-variant-numeric: tabular-nums; }

/* Floating whatsapp */
.float-wa {
  position: fixed; right: 22px; bottom: 22px; z-index: 60;
  width: 56px; height: 56px;
  background: #25D366; color: white;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 26px;
  box-shadow: 0 12px 30px rgba(37,211,102,.4);
  animation: pulse 2s infinite;
}
@keyframes pulse {
  0%,100% { box-shadow: 0 12px 30px rgba(37,211,102,.4); }
  50%     { box-shadow: 0 12px 40px rgba(37,211,102,.7); }
}