/* ============================================
   JHONLBF Law Firm - Custom Styles (Tailwind Supplement)
   ============================================ */

/* ===== IMPORTS ===== */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600;700;800&display=swap');

/* ===== SCROLLBAR ===== */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background: #3B82F6;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #60A5FA;
}

/* ===== SELECTION ===== */
::selection {
  background-color: #3B82F6;
  color: white;
}

/* ===== CUSTOM COLORS (Tailwind CDN config) ===== */
/* We configure these via tailwind.config in the CDN script */

/* ===== LENIS SMOOTH SCROLL ===== */
html.lenis,
html.lenis body {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

/* ===== WHY CHOOSE PATTERN ===== */
.why-choose-pattern {
  background-image: radial-gradient(circle at 2px 2px, #3B82F6 1px, transparent 0);
  background-size: 40px 40px;
}

/* ===== CHEVRON ROTATION ===== */
.chevron-rotated {
  transform: rotate(180deg);
}

/* ===== HERO DROPDOWN ANIMATION ===== */
@keyframes slideInFromBottom {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-slide-in {
  animation: slideInFromBottom 0.2s ease-out;
}

/* ===== MOBILE MENU TRANSITION ===== */
.mobile-menu-transition {
  transition: max-height 0.3s ease;
  max-height: 0;
  overflow: hidden;
}

.mobile-menu-transition.open {
  max-height: 400px;
}

/* ===== AOS CUSTOMIZATION ===== */
[data-aos] {
  transition-duration: 800ms;
}