/* ========================================
   AUTH BUTTON FIX — Clean gold button
   Supprime le rectangle ::before visible
   ======================================== */

/* Remove the ugly shine sweep rectangle */
.auth-btn::before {
    display: none !important;
}

/* Remove the glow blur border */
.auth-btn::after {
    display: none !important;
}

/* Clean button — just gold gradient, no tricks */
.auth-btn {
    background: linear-gradient(135deg, #f0d265 0%, #d4af37 50%, #c49b2e 100%) !important;
    background-size: 100% 100% !important;
    animation: none !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
    transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease !important;
}

/* Text always on top and visible */
.auth-btn-text {
    z-index: 3 !important;
    position: relative !important;
}

/* Hover — subtle lift + brighter */
.auth-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.45) !important;
    filter: brightness(1.08) !important;
}

.auth-btn:active {
    transform: translateY(0) scale(0.98) !important;
}

/* Spinner during loading */
.auth-btn-spinner {
    width: 20px !important;
    height: 20px !important;
    border: 2.5px solid rgba(10, 8, 0, 0.2) !important;
    border-top-color: #0a0800 !important;
    border-radius: 50% !important;
    animation: authSpin 0.6s linear infinite !important;
}

@keyframes authSpin {
    to { transform: rotate(360deg); }
}