/* Der Wiener Hof — premium restaurant static styles */

:root {
  --burgundy: #5c1620;
  --burgundy-dark: #3d0f16;
  --gold: #c9a962;
  --gold-light: #e4d4a8;
  --cream: #f5f0e8;
  --cocoa: #2c1810;
  --sand: #e8dfd4;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
}

html {
  scroll-behavior: smooth;
}

body {
  -webkit-font-smoothing: antialiased;
}

/* Parallax hero layers */
.parallax-hero {
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
}

@media (max-width: 768px), (prefers-reduced-motion: reduce) {
  .parallax-hero {
    background-attachment: scroll;
  }
}

.fade-up {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 0.85s var(--ease-out), transform 0.85s var(--ease-out);
}

.fade-up.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.img-hover {
  transition: transform 0.55s var(--ease-out), box-shadow 0.55s var(--ease-out);
}

.img-hover:hover {
  transform: scale(1.02);
  box-shadow: 0 24px 48px rgba(44, 24, 16, 0.35);
}

.gold-line {
  height: 2px;
  width: 72px;
  background: linear-gradient(90deg, transparent, var(--gold), transparent);
}

/* Cart drawer */
#cart-drawer {
  transition: transform 0.4s var(--ease-out);
}

#cart-drawer.is-open {
  transform: translateX(0);
}

#cart-overlay {
  transition: opacity 0.35s ease;
}

/* Cookie banner */
#cookie-banner {
  box-shadow: 0 -8px 32px rgba(44, 24, 16, 0.2);
}

/* Form focus */
input:focus,
select:focus,
textarea:focus {
  outline: 2px solid var(--gold);
  outline-offset: 2px;
}