/**
 * StatsBet Auth Popup Styles
 *
 * Auth-specific styles with high specificity to override theme/Elementor styles.
 * Uses !important and unique selectors to avoid conflicts.
 */

/* ==========================================================================
   Auth Popup Container
   ========================================================================== */

.statsbet-auth-popup .statsbet-auth-popup__container {
    max-width: 420px;
    max-height: 90vh;
    overflow-y: auto;
    overflow-x: hidden;
}

/* ==========================================================================
   Auth Content Area
   ========================================================================== */

.statsbet-auth-popup .statsbet-auth-popup__content {
    max-height: calc(90vh - 60px);
}

/* ==========================================================================
   FORCE ALL ELEMENTS - Nuclear override for theme/Elementor conflicts
   ========================================================================== */

.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content,
.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content *,
.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content *::before,
.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content *::after {
    color: #ffffff !important;
    background-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

/* ==========================================================================
   Input Fields
   ========================================================================== */

.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content input[type="text"],
.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content input[type="email"],
.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content input[type="password"],
.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content input[type="tel"] {
    width: 100% !important;
    padding: 14px 16px !important;
    font-size: 16px !important;
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 8px !important;
    outline: none !important;
    box-shadow: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}

.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content input[type="text"]:focus,
.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content input[type="email"]:focus,
.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content input[type="password"]:focus,
.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content input[type="tel"]:focus {
    border-color: #FFCC00 !important;
    box-shadow: 0 0 0 3px rgba(255, 204, 0, 0.2) !important;
    background: rgba(255, 255, 255, 0.15) !important;
}

.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content input::placeholder {
    color: #a0a0a0 !important;
    opacity: 1 !important;
}

/* ==========================================================================
   Labels
   ========================================================================== */

.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content label {
    display: block !important;
    margin-bottom: 8px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #ffffff !important;
}

/* ==========================================================================
   Buttons - Submit, Profile, All buttons
   ========================================================================== */

.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content button,
.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content button[type="submit"],
.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content button[type="button"],
.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content input[type="submit"],
.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content input[type="button"],
.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content .btn,
.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content .button,
.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content .elementor-button,
.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content [class*="btn"],
.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content [class*="button"] {
    width: 100% !important;
    padding: 14px 20px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #000000 !important;
    background: #FFCC00 !important;
    border: none !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    text-align: center !important;
    text-decoration: none !important;
    display: block !important;
    transition: background 0.2s ease, transform 0.1s ease !important;
}

.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content button:hover,
.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content button[type="submit"]:hover,
.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content button[type="button"]:hover,
.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content input[type="submit"]:hover,
.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content input[type="button"]:hover,
.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content .btn:hover,
.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content .button:hover,
.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content .elementor-button:hover,
.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content [class*="btn"]:hover,
.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content [class*="button"]:hover {
    background: #e6b800 !important;
    color: #000000 !important;
}

.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content button:active,
.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content input[type="submit"]:active {
    transform: scale(0.98) !important;
}

/* Button text/spans inside buttons */
.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content button span,
.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content .btn span,
.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content .button span,
.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content .elementor-button span,
.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content .elementor-button-text,
.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content [class*="btn"] span,
.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content [class*="button"] span {
    color: #000000 !important;
    background: transparent !important;
}

/* ==========================================================================
   Links
   ========================================================================== */

.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content a {
    color: #FFCC00 !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    transition: color 0.2s ease !important;
}

.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content a:hover,
.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content a:focus {
    color: #ffffff !important;
    text-decoration: underline !important;
}

/* Links that are styled as buttons */
.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content a.btn,
.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content a.button,
.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content a.elementor-button,
.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content a[class*="btn"],
.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content a[class*="button"] {
    color: #000000 !important;
    background: #FFCC00 !important;
}

.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content a.btn:hover,
.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content a.button:hover,
.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content a.elementor-button:hover,
.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content a[class*="btn"]:hover,
.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content a[class*="button"]:hover {
    color: #000000 !important;
    background: #e6b800 !important;
    text-decoration: none !important;
}

/* ==========================================================================
   Headings
   ========================================================================== */

.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content h1,
.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content h2,
.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content h3,
.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content h4,
.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content h5,
.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content h6 {
    color: #ffffff !important;
    margin: 0 0 16px 0 !important;
    padding: 0 !important;
    line-height: 1.4 !important;
}

/* ==========================================================================
   Paragraphs/Text
   ========================================================================== */

.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content p {
    color: #a0a0a0 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    margin: 0 0 12px 0 !important;
}

/* ==========================================================================
   Form Layout
   ========================================================================== */

.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content form {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
}

.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content .form-group,
.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content .form-row {
    margin-bottom: 16px !important;
}

/* ==========================================================================
   Error Messages
   ========================================================================== */

.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content .error,
.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content .woocommerce-error,
.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content .alert-error,
.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content [class*="error"] {
    padding: 12px 16px !important;
    margin-bottom: 16px !important;
    font-size: 14px !important;
    color: #ffffff !important;
    background: rgba(239, 68, 68, 0.2) !important;
    border: 1px solid rgba(239, 68, 68, 0.4) !important;
    border-radius: 8px !important;
}

/* ==========================================================================
   Success Messages
   ========================================================================== */

.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content .success,
.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content .woocommerce-message,
.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content .alert-success,
.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content [class*="success"] {
    padding: 12px 16px !important;
    margin-bottom: 16px !important;
    font-size: 14px !important;
    color: #ffffff !important;
    background: rgba(34, 197, 94, 0.2) !important;
    border: 1px solid rgba(34, 197, 94, 0.4) !important;
    border-radius: 8px !important;
}

/* ==========================================================================
   Lists
   ========================================================================== */

.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content ul,
.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content ol {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content li {
    color: #ffffff !important;
    margin-bottom: 8px !important;
}

/* ==========================================================================
   Hide screen reader text
   ========================================================================== */

.statsbet-auth-popup .statsbet-auth-popup__container .statsbet-auth-popup__content .screen-reader-text {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* ==========================================================================
   Responsive - Tablet and up (centered)
   ========================================================================== */

@media screen and (min-width: 768px) {
    .statsbet-auth-popup {
        align-items: center !important;
        padding-top: 20px !important;
    }
}