/* Remove underlines from ALL anchor tags on hover - apply globally first */
a:hover,
a:focus,
a:active {
  text-decoration: none !important;
}

html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

/* Game completion enhancements */
.score-celebration {
  animation: scoreHighlight 2s ease-in-out;
}

@keyframes scoreHighlight {
  0% { transform: scale(1); }
  50% { transform: scale(1.1); color: #28a745; }
  100% { transform: scale(1); }
}

html #confetti-canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1000;
}

#summary-container {
  position: relative;
  overflow: hidden;
}

#purchase-prompt {
  animation: slideInUp 1s ease-out;
}

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

.quest-complete-header {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

/* Logo styling enhancements */
.navbar .logo-container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.navbar .logo-img {
  width: 56px; /* Increased by 25% from 45px */
  position: relative;
  top: -7px; /* Slightly adjusted for larger size */
  z-index: 2;
}

/* Navigation menu item styling and hover effects */
.ecommerce-navbar .text-body-emphasis {
  text-transform: uppercase;
  font-weight: 700 !important; /* Use stronger value for boldness */
}

.ecommerce-navbar .text-body-emphasis:hover {
  text-decoration: none !important; /* Remove underline */
  color: #007bff !important; /* Change to blue on hover (same as previous logo) */
  transition: color 0.3s ease;
}

.dropdown-menu .text-body-emphasis {
  text-transform: uppercase;
  font-weight: 700 !important; /* Use stronger value for boldness */
}

.dropdown-menu .text-body-emphasis:hover {
  text-decoration: none !important;
  color: #007bff !important; /* Match the blue color */
  transition: color 0.3s ease;
}

/* Global button hover styles - remove underlines site-wide */
.btn:hover,
.btn:focus,
button:hover,
button:focus,
a.btn:hover,
a.btn:focus,
.demo-cta-button:hover,
.demo-cta-button:focus {
  text-decoration: none !important;
}

/* Remove underline from all anchor tags that look like buttons */
a[class*="btn"]:hover,
a[class*="btn"]:focus,
a[role="button"]:hover,
a[role="button"]:focus {
  text-decoration: none !important;
}

/* Remove underline from gaming-themed buttons */
.gaming-cta-primary:hover,
.gaming-cta-primary:focus,
.gaming-cta-secondary:hover,
.gaming-cta-secondary:focus,
.gaming-btn:hover,
.gaming-btn:focus,
.gaming-quest-btn:hover,
.gaming-quest-btn:focus,
.gaming-social-btn:hover,
.gaming-social-btn:focus,
.gaming-submit-btn:hover,
.gaming-submit-btn:focus,
.game-btn:hover,
.game-btn:focus,
a[class*="gaming-"]:hover,
a[class*="gaming-"]:focus,
a[class*="game-"]:hover,
a[class*="game-"]:focus {
  text-decoration: none !important;
}