/* =========================================================
   RESTO NADIA — Revolution-Style Full Page Slider
   ========================================================= */

#hero-slider {
  position:relative;
  width:100%; height:100vh; min-height:640px;
  overflow:hidden;
  background:var(--black);
}

/* ─── Slides wrapper ─── */
.slides-track { position:absolute; inset:0; }

/* ─── Individual Slide ─── */
.slide {
  position:absolute; inset:0;
  display:flex; align-items:center;
  opacity:0; visibility:hidden;
  z-index:1;
  transition:opacity 1s ease, visibility 1s ease;
}
.slide.active      { opacity:1; visibility:visible; z-index:2; }
.slide.leaving     { opacity:0; z-index:1; }

/* ─── Ken Burns Background ─── */
.slide-bg {
  position:absolute; inset:-6%;
  background-size:cover !important;
  background-position:center !important;
  z-index:0;
  will-change:transform;
}
.slide.active .slide-bg {
  animation:kenBurns 7s ease forwards;
}
@keyframes kenBurns {
  from { transform:scale(1.10); }
  to   { transform:scale(1.01); }
}

/* ─── Overlay gradient ─── */
.slide-overlay {
  position:absolute; inset:0; z-index:1;
  background:linear-gradient(
    115deg,
    rgba(26,26,26,0.82) 0%,
    rgba(26,26,26,0.55) 45%,
    rgba(184,134,11,0.20) 100%
  );
}

/* ─── Slide Content ─── */
.slide-content {
  position:relative; z-index:3;
  max-width:800px;
  padding:calc(var(--nav-height) + 2rem) 2rem 2rem;
  margin-left:clamp(1.5rem, 8vw, 9rem);
}

/* ─── Text Layer Animations ─── */
[data-animate] {
  opacity:0;
  transform:translateY(48px);
}
[data-animate].animated {
  animation:layerIn 0.75s var(--ease) forwards;
}
.slide-tag[data-animate].animated     { animation-delay:0.10s; }
.slide-title[data-animate].animated   { animation-delay:0.28s; }
.slide-sub[data-animate].animated     { animation-delay:0.46s; }
.slide-btns[data-animate].animated    { animation-delay:0.62s; }

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

/* ─── Slide Tag ─── */
.slide-tag {
  display:inline-flex; align-items:center; gap:0.5rem;
  background:rgba(212,160,23,0.18);
  border:1px solid rgba(212,160,23,0.55);
  color:var(--gold-light);
  font-size:0.82rem; font-weight:700;
  letter-spacing:1.5px; text-transform:uppercase;
  padding:0.48rem 1.25rem; border-radius:50px;
  backdrop-filter:blur(8px);
  margin-bottom:1.4rem;
}

/* ─── Slide Title ─── */
.slide-title {
  font-family:'Playfair Display',serif;
  font-size:clamp(2.8rem,7vw,5.5rem);
  font-weight:800; color:#fff; line-height:1.08;
  text-shadow:0 6px 40px rgba(0,0,0,0.45);
  margin-bottom:1.4rem;
}
.slide-title .gold  { color:var(--gold-light); }
.slide-title .block { display:block; }

/* ─── Slide Subtitle ─── */
.slide-sub {
  font-size:clamp(1rem,2vw,1.2rem);
  color:rgba(255,255,255,0.82);
  max-width:560px; line-height:1.75;
  margin-bottom:2.5rem;
}

/* ─── Slide Buttons ─── */
.slide-btns {
  display:flex; flex-wrap:wrap; gap:1rem;
  align-items:center;
}
.btn-outline-white {
  background:transparent;
  border:2px solid rgba(255,255,255,0.65);
  color:#fff; border-radius:50px;
  padding:0.85rem 2rem; font-weight:600; font-size:0.95rem;
  transition:var(--transition); display:inline-flex;
  align-items:center; gap:0.5rem; cursor:pointer;
}
.btn-outline-white:hover {
  background:rgba(255,255,255,0.15);
  border-color:#fff; transform:translateY(-3px);
}

/* ─── Navigation Arrows ─── */
.slider-prev,
.slider-next {
  position:absolute; top:50%; transform:translateY(-50%);
  z-index:20; width:58px; height:58px; border-radius:50%;
  border:2px solid rgba(255,255,255,0.28);
  background:rgba(255,255,255,0.08);
  color:#fff; font-size:1.3rem;
  cursor:pointer; transition:var(--transition);
  display:flex; align-items:center; justify-content:center;
  backdrop-filter:blur(10px);
}
.slider-prev { left:2rem; }
.slider-next { right:2rem; }
.slider-prev:hover,
.slider-next:hover {
  background:linear-gradient(135deg,var(--gold),var(--gold-light));
  border-color:transparent; color:var(--black);
  transform:translateY(-50%) scale(1.07);
  box-shadow:0 6px 28px rgba(212,160,23,0.5);
}

/* ─── Dots Navigation ─── */
.slider-dots {
  position:absolute; bottom:2.5rem; left:50%; transform:translateX(-50%);
  z-index:20; display:flex; gap:0.6rem; align-items:center;
}
.slider-dot {
  width:8px; height:8px; border-radius:50px;
  background:rgba(255,255,255,0.38); cursor:pointer;
  border:none; display:block;
  transition:all 0.35s ease; padding:0;
}
.slider-dot.active {
  background:var(--gold-light); width:30px; border-radius:4px;
}

/* ─── Progress Bar ─── */
.slider-progress {
  position:absolute; bottom:0; left:0; right:0;
  height:3px; background:rgba(255,255,255,0.12); z-index:20;
}
.slider-progress-bar {
  height:100%; width:0%;
  background:linear-gradient(90deg,var(--gold),var(--gold-light));
}

/* ─── Counter ─── */
.slider-counter {
  position:absolute; bottom:2rem; right:2.5rem;
  z-index:20; display:flex; align-items:center; gap:0.3rem;
  color:rgba(255,255,255,0.55); font-size:0.82rem;
  font-weight:600; letter-spacing:2px;
}
.slider-counter-current {
  font-size:1.65rem; font-weight:800;
  color:var(--gold-light);
  font-family:'Playfair Display',serif;
  line-height:1;
}
.slider-counter-sep { margin:0 0.25rem; }

/* ─── Scroll Indicator ─── */
.scroll-indicator {
  position:absolute; bottom:2.5rem; left:2.5rem;
  z-index:20; display:flex; flex-direction:column;
  align-items:center; gap:0.5rem;
  color:rgba(255,255,255,0.5); font-size:0.7rem;
  letter-spacing:2px; text-transform:uppercase;
}
.scroll-line {
  width:1px; height:52px;
  background:linear-gradient(to bottom,transparent,var(--gold-light));
  animation:scrollLine 1.8s ease infinite;
}
@keyframes scrollLine {
  0%   { transform:scaleY(0); transform-origin:top; opacity:1; }
  50%  { transform:scaleY(1); transform-origin:top; opacity:1; }
  51%  { transform:scaleY(1); transform-origin:bottom; }
  100% { transform:scaleY(0); transform-origin:bottom; opacity:0; }
}

/* ─── Slide-specific color accents ─── */
.slide:nth-child(1) .slide-overlay {
  background:linear-gradient(115deg,rgba(26,26,26,0.85) 0%,rgba(26,26,26,0.5) 55%,rgba(26,26,26,0.2) 100%);
}
.slide:nth-child(2) .slide-overlay {
  background:linear-gradient(115deg,rgba(26,26,26,0.82) 0%,rgba(26,26,26,0.48) 60%,rgba(184,134,11,0.15) 100%);
}

/* ─── Responsive ─── */
@media (max-width:768px){
  #hero-slider { height:100svh; min-height:560px; }
  .slide-content { margin-left:0; padding-left:1.5rem; padding-right:1.5rem; max-width:100%; }
  .slide-title { font-size:2.3rem; }
  .slider-prev { left:1rem; width:44px; height:44px; font-size:1rem; }
  .slider-next { right:1rem; width:44px; height:44px; font-size:1rem; }
  .slider-counter { display:none; }
  .scroll-indicator { display:none; }
  .slide-btns { gap:0.75rem; }
  .btn-outline-white { padding:0.7rem 1.4rem; font-size:0.88rem; }
}
@media (max-width:480px){
  .slide-tag { font-size:0.72rem; }
  .slide-title { font-size:1.95rem; }
}