/* === SILESIAN ADRIA — ANIMATIONS & DYNAMIC CSS === */

/* HERO ZOOM */
.sa-hero-bg {
  animation: heroZoom 8s ease-out forwards;
  transform-origin: center;
}

@keyframes heroZoom {
  from { transform: scale(1.05); }
  to   { transform: scale(1); }
}

/* HERO FADE IN */
.sa-hero-content-wrap {
  animation: heroFade 1.5s ease-out 0.5s both;
}

@keyframes heroFade {
  from { opacity: 0; transform: translateY(30px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* SCROLL HINT */
.sa-scroll-hint {
  position: absolute;
  bottom: 32px;
  right: 60px;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  opacity: 0;
  animation: heroFade 2s ease-out 2s forwards;
}

.sa-scroll-hint-text {
  font-family: 'Montserrat', sans-serif;
  font-size: 0.55rem;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: #f5f0e8;
  opacity: 0.5;
  writing-mode: vertical-rl;
}

.sa-scroll-line {
  width: 1px;
  height: 60px;
  background: linear-gradient(to bottom, #c9a84c, transparent);
  animation: scrollLine 2s ease-in-out infinite;
  animation-delay: 2.5s;
}

@keyframes scrollLine {
  0%   { transform: scaleY(0); transform-origin: top; }
  50%  { transform: scaleY(1); transform-origin: top; }
  51%  { transform: scaleY(1); transform-origin: bottom; }
  100% { transform: scaleY(0); transform-origin: bottom; }
}

/* SCROLL REVEAL */
.sa-reveal {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

.sa-reveal.visible {
  opacity: 1;
  transform: translateY(0);
}

.sa-reveal-delay-1 { transition-delay: 0.1s; }
.sa-reveal-delay-2 { transition-delay: 0.2s; }
.sa-reveal-delay-3 { transition-delay: 0.3s; }

/* BUTTON HOVER */
.elementor-button:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 25px rgba(201,168,76,0.3) !important;
}

/* PARALLAX CINEMATIC */
.sa-parallax-bg {
  background-attachment: fixed !important;
  background-size: cover !important;
  background-position: center center !important;
}

/* GOLD DIVIDER ANIMATED */
.elementor-divider {
  position: relative;
  overflow: hidden;
}

/* IMAGE HOVER ZOOM */
.elementor-widget-image img {
  transition: transform 0.6s ease !important;
}

.elementor-widget-image:hover img {
  transform: scale(1.03) !important;
}

/* NAV SCROLL EFFECT */
.sa-nav-scrolled {
  background: rgba(10,22,40,0.97) !important;
  backdrop-filter: blur(10px);
  box-shadow: 0 2px 30px rgba(0,0,0,0.3);
}

/* MOBILE */
@media (max-width: 768px) {
  .sa-scroll-hint { display: none; }
  .sa-parallax-bg { background-attachment: scroll !important; }
}