/* ===== SCROLL ANIMATIONS ===== */
.animate-on-scroll { opacity: 0; transform: translateY(25px); transition: opacity 0.7s ease, transform 0.7s ease; }
.animate-visible { opacity: 1; transform: translateY(0); }
.stagger > *:nth-child(1) { transition-delay: 0s; }
.stagger > *:nth-child(2) { transition-delay: 0.08s; }
.stagger > *:nth-child(3) { transition-delay: 0.14s; }
.stagger > *:nth-child(4) { transition-delay: 0.2s; }
.stagger > *:nth-child(5) { transition-delay: 0.24s; }
.stagger > *:nth-child(6) { transition-delay: 0.28s; }

/* ===== CARD HOVER ===== */
.card-hover { transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; }
.card-hover:hover { transform: translateY(-4px); box-shadow: 0 12px 40px rgba(200,151,62,0.08); border-color: rgba(200,151,62,0.3) !important; }

/* ===== IMAGE ZOOM ===== */
.img-zoom { overflow: hidden; }
.img-zoom img { transition: transform 0.5s ease; }
.img-zoom:hover img { transform: scale(1.05); }

/* ===== SMOOTH SCROLL ===== */
html { scroll-behavior: smooth; scroll-padding-top: 80px; }

/* ===== SELECTION ===== */
::selection { background: rgba(200,151,62,0.3); color: #e8e0d6; }

/* ===== SCROLLBAR ===== */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #0f0d0a; }
::-webkit-scrollbar-thumb { background: #2a2118; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #c8973e; }

/* ===== FORM FOCUS ===== */
input:focus, textarea:focus { box-shadow: 0 0 0 2px rgba(200,151,62,0.15); }

/* ===== NAVBAR SCROLLED STATE ===== */
.navbar-scrolled {
  background: rgba(15, 13, 10, 0.98) !important;
  backdrop-filter: blur(12px) !important;
  box-shadow: 0 4px 20px rgba(200, 151, 62, 0.08), 0 1px 0 rgba(200, 151, 62, 0.1) !important;
}

/* ===== COUNTER ANIMATION ===== */
.count-up { font-variant-numeric: tabular-nums; }

/* ===== PARALLAX CONTAINER ===== */
.parallax-bg {
  will-change: transform;
  transition: transform 0.1s linear;
}

/* ===== GALLERY FILTER TRANSITIONS ===== */
.gallery-item { transition: opacity 0.4s ease, transform 0.4s ease; }
.gallery-filter { cursor: pointer; transition: all 0.3s ease; }
.gallery-filter.active { box-shadow: 0 4px 15px rgba(200, 151, 62, 0.3); }

/* ===== LIGHTBOX ===== */
#lightbox img { animation: lightbox-in 0.3s ease; }
@keyframes lightbox-in {
  from { opacity: 0; transform: scale(0.92); }
  to { opacity: 1; transform: scale(1); }
}

/* ===== SCROLLBAR HIDE (filter tabs) ===== */
.scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }
.scrollbar-hide::-webkit-scrollbar { display: none; }

/* ===== MOBILE: GALLERY OVERLAYS ALWAYS VISIBLE ===== */
@media (max-width: 640px) {
  .gallery-item .absolute {
    background: linear-gradient(to top, rgba(15,13,10,0.85) 0%, rgba(15,13,10,0) 55%) !important;
  }
  .gallery-item .translate-y-full {
    transform: translateY(0) !important;
  }
}

/* ===== MOBILE: LIGHTBOX CLOSE BUTTON ===== */
@media (max-width: 640px) {
  #lightbox > div:first-child {
    font-size: 40px !important;
    top: 10px !important;
    right: 14px !important;
    min-width: 44px;
    min-height: 44px;
    display: flex !important;
    align-items: center;
    justify-content: center;
  }
  #lightbox img {
    max-width: 95vw !important;
    max-height: 85vh !important;
  }
}

/* ===== MOBILE: PROCESS STEPS ===== */
@media (max-width: 640px) {
  .gallery-filter { padding-left: 14px; padding-right: 14px; }
}