/* Custom fixes for Helgevin landing page */

/* Fade-in animation with upward drift */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.framer-1f2e0j9-container {
  animation: fadeInUp 0.4s ease-out !important;
}

/* Better contrast for input field */
.framer-1f2e0j9-container input[type="email"] {
  background: #ffffff !important;
}

/* Fix z-index for email form on mobile to appear above hero graphics */
@media (max-width: 809.98px) {
  /* Hero content wrapper - needs to be above decorative elements since form is inside it */
  .framer-1kxjvbs {
    z-index: 10 !important;
  }

  /* Email form container - ensure it's above decorative elements within its parent */
  .framer-1f2e0j9-container {
    z-index: 10 !important;
  }

  /* Decorative wine bottle images and tags - lower z-index */
  .framer-nsw4mr-container,
  .framer-3g3jxh-container,
  .framer-2udjwr-container,
  .framer-17k91qk-container,
  .framer-1e84t9s-container,
  .framer-1605aoq-container {
    z-index: 1 !important;
  }
}

/* Fix centering and tag overlap on tablet/medium screens */
@media (min-width: 810px) and (max-width: 1199.98px) {
  /* Hero content wrapper - needs to be above decorative elements */
  .framer-1kxjvbs {
    z-index: 10 !important;
  }

  /* Email form - keep above decorative elements */
  .framer-1f2e0j9-container {
    z-index: 10 !important;
  }

  /* Main title and tagline - ensure they're on top */
  .framer-1xc6b6l,
  .framer-1dil497,
  .framer-i0da08 {
    z-index: 8 !important;
  }

  /* "Vin først, mat etterpå" section container - must be above decorative tags */
  .framer-17x00kj {
    z-index: 10 !important;
    isolation: isolate !important;
  }

  /* Decorative tags section - behind text content, balanced whitespace */
  .framer-1ocljq5 {
    z-index: 1 !important;
    left: 50% !important;
    transform: translateX(calc(-50% - 280px)) !important;
  }

  /* "Vin først, mat etterpå" text content - above decorative tags */
  .framer-x1gybl,
  .framer-13fea1x {
    z-index: 8 !important;
  }

  /* Wine name decorative tags - behind text content */
  .framer-1ujrfwr,
  .framer-17tzp8l-container,
  .framer-1a4wv07-container,
  .framer-rirk5r-container,
  .framer-ju954r-container,
  .framer-1voo75e-container,
  .framer-17p6hcc-container,
  .framer-1m6nh4i-container,
  .framer-yt33n0-container,
  .framer-4kmu1e-container,
  .framer-3xq5qc-container,
  .framer-yjhacb-container,
  .framer-o1ilvr-container,
  .framer-qen4ky-container {
    z-index: 1 !important;
  }

  /* Move "Skål!" up and center it above the heading */
  .framer-o1ilvr-container {
    top: -80px !important;
    left: calc(50% + 280px) !important;
    transform: translateX(-50%) scale(1.3) !important;
  }

  /* Move "Fårikålvin?" up to avoid overlap with heading */
  .framer-ju954r-container {
    top: 50px !important;
  }

  /* Move "Sider?" down below text and center it */
  .framer-4kmu1e-container {
    top: 640px !important;
    left: calc(50% + 280px) !important;
    transform: translateX(-50%) scale(1.3) !important;
  }

  /* Decorative tags - keep behind content */
  .framer-1605aoq-container {
    z-index: 1 !important;
  }

  /* Decorative wine bottle images - lower z-index */
  .framer-nsw4mr-container,
  .framer-3g3jxh-container,
  .framer-2udjwr-container,
  .framer-17k91qk-container,
  .framer-1e84t9s-container {
    z-index: 2 !important;
  }
}