/* Choice1-3D Auto-Updating Elementor Nav Menu Buttons */

.choice1-live-menu .elementor-nav-menu {
  display: flex;
  flex-wrap: wrap;
  gap: 13px;
  align-items: center;
}

.choice1-live-menu .elementor-nav-menu > li {
  margin: 0 !important;
}

.choice1-live-menu .elementor-nav-menu a {
  position: relative;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 13px 20px !important;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.72);
  color: #ffffff !important;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 900;
  letter-spacing: 0.2px;
  text-shadow: 0 2px 2px rgba(0,0,0,0.65);
  text-decoration: none !important;
  overflow: hidden;
  transition: all 0.18s ease-in-out;
}

/* Gloss shine */
.choice1-live-menu .elementor-nav-menu a::after {
  content: "";
  position: absolute;
  top: 6px;
  left: 14%;
  width: 62%;
  height: 32%;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255,255,255,0.7), rgba(255,255,255,0.05));
  pointer-events: none;
}

/* Button colors rotate automatically based on menu order */
.choice1-live-menu .elementor-nav-menu > li:nth-child(1) > a {
  background: linear-gradient(180deg, #42d9ff 0%, #0077ff 50%, #003b9c 100%);
  box-shadow: 0 7px 0 #00245f, 0 12px 18px rgba(0,0,0,0.65), inset 0 3px 6px rgba(255,255,255,0.5), inset 0 -5px 8px rgba(0,0,0,0.28);
}

.choice1-live-menu .elementor-nav-menu > li:nth-child(2) > a {
  background: linear-gradient(180deg, #ffe27a 0%, #ff9f1c 50%, #b95500 100%);
  box-shadow: 0 7px 0 #713400, 0 12px 18px rgba(0,0,0,0.65), inset 0 3px 6px rgba(255,255,255,0.55), inset 0 -5px 8px rgba(0,0,0,0.28);
}

.choice1-live-menu .elementor-nav-menu > li:nth-child(3) > a {
  background: linear-gradient(180deg, #ff6f8d 0%, #e60039 50%, #85001f 100%);
  box-shadow: 0 7px 0 #510014, 0 12px 18px rgba(0,0,0,0.65), inset 0 3px 6px rgba(255,255,255,0.5), inset 0 -5px 8px rgba(0,0,0,0.28);
}

.choice1-live-menu .elementor-nav-menu > li:nth-child(4) > a {
  background: linear-gradient(180deg, #5cff9d 0%, #00b86b 50%, #006c42 100%);
  box-shadow: 0 7px 0 #003b25, 0 12px 18px rgba(0,0,0,0.65), 0 0 15px rgba(92,255,157,0.45), inset 0 3px 6px rgba(255,255,255,0.5), inset 0 -5px 8px rgba(0,0,0,0.28);
}

.choice1-live-menu .elementor-nav-menu > li:nth-child(5) > a {
  background: linear-gradient(180deg, #ffbd57 0%, #ff6b00 50%, #a93600 100%);
  box-shadow: 0 7px 0 #662100, 0 12px 18px rgba(0,0,0,0.65), inset 0 3px 6px rgba(255,255,255,0.5), inset 0 -5px 8px rgba(0,0,0,0.28);
}

.choice1-live-menu .elementor-nav-menu > li:nth-child(6) > a {
  background: linear-gradient(180deg, #8affff 0%, #00bcd4 50%, #006b7a 100%);
  box-shadow: 0 7px 0 #00424b, 0 12px 18px rgba(0,0,0,0.65), inset 0 3px 6px rgba(255,255,255,0.5), inset 0 -5px 8px rgba(0,0,0,0.28);
}

.choice1-live-menu .elementor-nav-menu > li:nth-child(7) > a {
  background: linear-gradient(180deg, #b7ff73 0%, #43b800 50%, #246900 100%);
  box-shadow: 0 7px 0 #163f00, 0 12px 18px rgba(0,0,0,0.65), inset 0 3px 6px rgba(255,255,255,0.5), inset 0 -5px 8px rgba(0,0,0,0.28);
}

.choice1-live-menu .elementor-nav-menu > li:nth-child(8) > a {
  background: linear-gradient(180deg, #ff8df3 0%, #d100b8 50%, #760067 100%);
  box-shadow: 0 7px 0 #44003c, 0 12px 18px rgba(0,0,0,0.65), inset 0 3px 6px rgba(255,255,255,0.5), inset 0 -5px 8px rgba(0,0,0,0.28);
}

.choice1-live-menu .elementor-nav-menu > li:nth-child(n+9) > a {
  background: linear-gradient(180deg, #9c8cff 0%, #5b35d8 50%, #2d166f 100%);
  box-shadow: 0 7px 0 #1e0e4d, 0 12px 18px rgba(0,0,0,0.65), inset 0 3px 6px rgba(255,255,255,0.5), inset 0 -5px 8px rgba(0,0,0,0.28);
}

.choice1-live-menu .elementor-nav-menu a:hover {
  transform: translateY(-3px) scale(1.05);
  filter: brightness(1.18) saturate(1.15);
}

/* Mobile */
@media (max-width: 768px) {
  .choice1-live-menu .elementor-nav-menu {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }

  .choice1-live-menu .elementor-nav-menu a {
    width: 100%;
    text-align: center;
    font-size: 16px;
  }
}