/* 
 * WELCOME RACK - New design with dropdown navigation + BOOK NOW
 * Top dropdown section: HOME, ABOUT, WORKSHOP CAFE, CONTACT
 * Right side: BOOK NOW button
 */

.welcome-rack-container {
  position: relative;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
}

.welcome-hotspots {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

/* Individual button hotspots */
.welcome-button {
  position: absolute;
  pointer-events: auto;
  cursor: pointer;
  
  /* Invisible by default */
  background: transparent;
  border: none;
  
  /* Smooth transitions */
  transition: 
    background 0.3s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

/* DROPDOWN NAVIGATION BUTTONS (Top section) */

/* HOME button */
.welcome-button-home {
  top: 8%;
  left: 8%;
  width: 15%;
  height: 8%;
}

/* ABOUT button */
.welcome-button-about {
  top: 8%;
  left: 25%;
  width: 15%;
  height: 8%;
}

/* WORKSHOP CAFE button */
.welcome-button-cafe {
  top: 8%;
  left: 42%;
  width: 18%;
  height: 8%;
}

/* CONTACT button */
.welcome-button-contact {
  top: 8%;
  right: 8%;
  width: 15%;
  height: 8%;
}

/* BOOK NOW button (right side of rack) */
.welcome-button-booknow {
  top: 45%;
  right: 10%;
  width: 16%;
  height: 12%;
}

/* Hover effects - DISABLED to prevent yellow overlays */
.welcome-button:hover {
  background: transparent;
  transform: translateY(-1px);
  cursor: pointer;
}

/* Press feedback - DISABLED */
.welcome-button:active,
.welcome-button.button-pressed {
  background: transparent;
  transform: translateY(0) scale(0.98);
}

/* Focus state for keyboard navigation - DISABLED */
.welcome-button:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.5);
  outline-offset: -2px;
  background: transparent;
}

/* Mobile adjustments */
@media (max-width: 768px) {
  /* Dropdown buttons */
  .welcome-button-home {
    top: 6%;
    left: 5%;
    width: 20%;
    height: 10%;
    min-height: 50px;
  }
  
  .welcome-button-about {
    top: 6%;
    left: 27%;
    width: 20%;
    height: 10%;
    min-height: 50px;
  }
  
  .welcome-button-cafe {
    top: 6%;
    left: 49%;
    width: 22%;
    height: 10%;
    min-height: 50px;
  }
  
  .welcome-button-contact {
    top: 6%;
    right: 5%;
    width: 20%;
    height: 10%;
    min-height: 50px;
  }
  
  /* BOOK NOW button */
  .welcome-button-booknow {
    top: 42%;
    right: 8%;
    width: 25%;
    height: 15%;
    min-height: 60px;
  }
}

@media (max-width: 640px) {
  .welcome-button-home,
  .welcome-button-about,
  .welcome-button-cafe,
  .welcome-button-contact {
    min-height: 60px;
  }
  
  .welcome-button-booknow {
    min-height: 70px;
  }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
  .welcome-button {
    transition: none;
  }
}

/* High contrast mode - DISABLED */
@media (prefers-contrast: high) {
  .welcome-button:hover {
    background: transparent;
  }
  
  .welcome-button:focus-visible {
    outline: 2px solid rgba(255, 255, 255, 0.8);
  }
}