/**
 * IAM Gatekeepers - User Registration Plugin Custom Styling
 * Terminal/MS-DOS theme for User Registration forms
 */

/* Remove white background box from login/registration forms */
.user-registration-form-wrapper,
.user-registration .ur-frontend-form,
.user-registration-MyAccount-content,
#ur-form-wrap {
    background: transparent !important;
    border: 2px solid #00ff00 !important;
    box-shadow: 0 0 20px rgba(0, 255, 0, 0.3) !important;
    padding: 30px !important;
}

/* Form container styling */
.user-registration form.register,
.user-registration form.login,
form.user-registration-form {
    background: #000000 !important;
    border: 2px solid #00ff00 !important;
    box-shadow: 0 0 20px rgba(0, 255, 0, 0.3) !important;
    padding: 30px !important;
}

/* Input fields - terminal style */
.user-registration input[type="text"],
.user-registration input[type="password"],
.user-registration input[type="email"],
.user-registration input[type="url"],
.user-registration input[type="number"],
.user-registration input[type="tel"],
.user-registration textarea,
.user-registration select {
    background: #000000 !important;
    border: 1px solid #00ff00 !important;
    color: #00ff00 !important;
    font-family: 'VT323', 'Share Tech Mono', monospace !important;
    font-size: 18px !important;
    padding: 12px !important;
}

.user-registration input:focus,
.user-registration textarea:focus,
.user-registration select:focus {
    border-color: #00ffff !important;
    box-shadow: 0 0 10px rgba(0, 255, 255, 0.5) !important;
    outline: none !important;
}

/* Input placeholders */
.user-registration input::placeholder,
.user-registration textarea::placeholder {
    color: #006600 !important;
}

/* Labels */
.user-registration label,
.user-registration .ur-label {
    color: #00ff00 !important;
    font-family: 'VT323', 'Share Tech Mono', monospace !important;
    font-size: 16px !important;
}

/* Submit buttons */
.user-registration input[type="submit"],
.user-registration button[type="submit"],
.user-registration .ur-submit-button {
    background: #000000 !important;
    border: 2px solid #00ff00 !important;
    color: #00ff00 !important;
    font-family: 'VT323', 'Share Tech Mono', monospace !important;
    font-size: 20px !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    transition: all 0.3s ease !important;
    text-shadow: none !important;
    box-shadow: none !important;
    padding: 12px 24px !important;
    height: auto !important;
}

.user-registration input[type="submit"]:hover,
.user-registration button[type="submit"]:hover {
    background: #00ff00 !important;
    color: #000000 !important;
    box-shadow: 0 0 15px rgba(0, 255, 0, 0.6) !important;
}

/* Links */
.user-registration a {
    color: #00ffff !important;
    text-decoration: none !important;
    font-family: 'VT323', 'Share Tech Mono', monospace !important;
    font-size: 16px !important;
}

.user-registration a:hover {
    color: #00ff00 !important;
}

/* Form headings */
.user-registration h2,
.user-registration h3,
.user-registration .ur-form-heading {
    color: #00ff00 !important;
    font-family: 'VT323', 'Share Tech Mono', monospace !important;
    font-size: 32px !important;
    text-transform: uppercase !important;
}

/* Error messages */
.user-registration .user-registration-error,
.user-registration .woocommerce-error,
.user-registration .error {
    background: rgba(255, 0, 0, 0.1) !important;
    border-left: 4px solid #ff0000 !important;
    color: #ff0000 !important;
    font-family: 'VT323', 'Share Tech Mono', monospace !important;
    padding: 15px !important;
}

/* Success messages */
.user-registration .user-registration-message,
.user-registration .woocommerce-message,
.user-registration .success {
    background: rgba(0, 255, 0, 0.1) !important;
    border-left: 4px solid #00ff00 !important;
    color: #00ff00 !important;
    font-family: 'VT323', 'Share Tech Mono', monospace !important;
    padding: 15px !important;
}

/* Checkbox styling */
.user-registration input[type="checkbox"],
.user-registration input[type="radio"] {
    border: 1px solid #00ff00 !important;
}

/* Remove any default WordPress styling */
.user-registration .ur-form-row,
.user-registration .ur-form-grid {
    background: transparent !important;
}

/* Description text */
.user-registration .description,
.user-registration .ur-field-description {
    color: #00ff00 !important;
    font-family: 'VT323', 'Share Tech Mono', monospace !important;
    font-size: 14px !important;
}

/* Social login buttons (if Nextend is on this page) */
.user-registration .nsl-container {
    margin: 20px 0 !important;
    padding: 20px 0 !important;
    border-top: 1px solid #00ff00 !important;
    border-bottom: 1px solid #00ff00 !important;
}

.user-registration .nsl-button {
    background: #000000 !important;
    border: 2px solid #00ff00 !important;
    color: #00ff00 !important;
    font-family: 'VT323', 'Share Tech Mono', monospace !important;
    font-size: 18px !important;
    text-transform: uppercase !important;
    padding: 12px 20px !important;
    transition: all 0.3s ease !important;
}

.user-registration .nsl-button:hover {
    background: #00ff00 !important;
    color: #000000 !important;
    box-shadow: 0 0 15px rgba(0, 255, 0, 0.6) !important;
}

/* Specific targeting for white box issues */
.ur-form-container,
.user-registration-form,
#ur-submit-message-node {
    background: transparent !important;
}

/* Additional white box removal - target all possible containers */
.user-registration .ur-frontend-form .ur-form-row,
.user-registration .ur-frontend-form form,
.user-registration-page,
.user-registration-content,
div.user-registration,
.woocommerce-page .user-registration,
#content .user-registration,
.entry-content .user-registration,
.page .user-registration {
    background: transparent !important;
    background-color: transparent !important;
}

/* Target the white rounded box specifically */
.user-registration .user-registration-form,
.user-registration-form-wrapper .user-registration-form,
div[class*="user-registration"] form {
    background: #000000 !important;
    background-color: #000000 !important;
}

/* Override any Astra theme white backgrounds */
.ast-container .user-registration,
.site-content .user-registration {
    background: transparent !important;
}

/* Remove white bars at top and bottom - more specific targeting */
.ast-separate-container .ast-article-single,
.ast-separate-container .ast-article-post,
.ast-container {
    background: transparent !important;
}

/* Ensure body and html have black background */
html,
body {
    background: #000000 !important;
    background-color: #000000 !important;
}

/* Remove any white padding from site wrapper */
#page,
.site {
    background: #000000 !important;
}

/* Target Astra theme specific containers */
.ast-separate-container #primary,
.ast-separate-container #secondary {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Fix admin bar spacing when logged in as admin */
body.admin-bar {
    margin-top: 32px !important;
}

@media screen and (max-width: 782px) {
    body.admin-bar {
        margin-top: 46px !important;
    }
}

/* Ensure navigation doesn't overlap with admin bar */
body.admin-bar .site-header,
body.admin-bar nav {
    margin-top: 0 !important;
}

/* Hide admin bar completely for non-admins (backup CSS) */
body:not(.role-administrator) #wpadminbar {
    display: none !important;
}