/* Universal button hover animations for Playora */
/* Use this for consistent, minimalistic button effects across the site */
/* This file should load AFTER menu-effects.css to override neon animations */

/* Unified button class: gray by default, colored on hover */
.playora-btn,
a.playora-btn,
button.playora-btn {
    padding: 1rem 2rem;
    font-size: 1.2rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none;
    color: white;
    font-family: 'Bungee', 'Roboto', sans-serif;
    background: #2a2a2a;
    border: 1px solid transparent;
    border-radius: 25px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.38);
    cursor: pointer;
    position: relative;
    will-change: transform, box-shadow;
    transition: background 0.3s ease, border 0.3s ease, text-shadow 0.3s ease, box-shadow 0.3s ease;
}

/* Override jelly animation with glow effect (no transform to prevent layout shift) */
.playora-btn:hover,
a.playora-btn:hover,
button.playora-btn:hover {
    animation: none !important;
    background: var(--primary-color);
    border-color: transparent;
    text-shadow: 0 0 2px rgba(255, 255, 255, 0.22);
    box-shadow: 0 3px 10px rgba(59, 109, 181, 0.22), 0 2px 8px rgba(0, 0, 0, 0.35);
}

/* Secondary button variant (coral color on hover) */
.playora-btn.alt:hover,
a.playora-btn.alt:hover,
button.playora-btn.alt:hover {
    background: var(--secondary-color);
    box-shadow: 0 3px 10px rgba(214, 103, 103, 0.2), 0 2px 8px rgba(0, 0, 0, 0.35);
}

/* Small button variant */
.playora-btn.small {
    font-size: 1rem;
    padding: 0.8rem 1.4rem;
}

/* Active state */
.playora-btn:active,
a.playora-btn:active,
button.playora-btn:active {
    transform: scale(0.98);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}

/* Disabled state */
.playora-btn.disabled,
a.playora-btn.disabled,
button.playora-btn.disabled,
.playora-btn:disabled,
button.playora-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

.playora-btn.disabled:hover,
a.playora-btn.disabled:hover,
.playora-btn:disabled:hover {
    background: #2a2a2a;
    transform: none;
    filter: none;
    border: none;
    text-shadow: none;
}