/**
 * ThrillComps – Login & Sign up (My Account) page styles
 *
 * Dark theme + white inputs + red LOG IN / REGISTER buttons.
 * Matches the login form screenshot.
 */

body.woocommerce-account,
body.page-slug-login,
body.page-slug-signup,
body.page-slug-register {
    background: var(--bg-obsidian, #050608) !important;
}

body.woocommerce-account .woocommerce,
body.page-slug-login .entry-content,
body.page-slug-signup .entry-content {
    color: #fff !important;
}

/* Page header */
body.woocommerce-account .entry-header,
body.woocommerce-account .page-header,
body.page-slug-login .entry-header,
body.page-slug-signup .entry-header {
    padding: 48px 0 24px !important;
    text-align: center !important;
    background: transparent !important;
}

body.woocommerce-account .entry-title,
body.woocommerce-account h1.page-title,
body.page-slug-login .entry-title,
body.page-slug-signup .entry-title {
    color: #fff !important;
    font-family: 'Anton', sans-serif !important;
    font-size: 28px !important;
    text-transform: uppercase !important;
}

/* Form labels – light grey */
body.woocommerce-account .woocommerce-form-row label,
body.woocommerce-account .form-row label,
body.page-slug-login label,
body.page-slug-signup label {
    color: rgba(255, 255, 255, 0.8) !important;
}

body.woocommerce-account .required,
body.page-slug-login .required,
body.page-slug-signup .required {
    color: var(--primary-red, #a02223) !important;
}

/* Input fields – white (per screenshot) */
body.woocommerce-account input[type="text"],
body.woocommerce-account input[type="email"],
body.woocommerce-account input[type="password"],
body.page-slug-login input[type="text"],
body.page-slug-login input[type="email"],
body.page-slug-login input[type="password"],
body.page-slug-signup input[type="text"],
body.page-slug-signup input[type="email"],
body.page-slug-signup input[type="password"] {
    background: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    color: #1a1a1a !important;
    border-radius: 4px !important;
    padding: 12px 16px !important;
}

body.woocommerce-account input:focus,
body.page-slug-login input:focus,
body.page-slug-signup input:focus {
    border-color: var(--primary-red) !important;
    outline: none !important;
    box-shadow: 0 0 0 1px var(--primary-red) !important;
}

/* Remember me + Lost password – light grey */
body.woocommerce-account .woocommerce-form__label-for-checkbox,
body.woocommerce-account .woocommerce-LostPassword,
body.woocommerce-account .lost_password a,
body.page-slug-login .lost_password a,
body.page-slug-signup a {
    color: rgba(255, 255, 255, 0.7) !important;
}

body.woocommerce-account .lost_password a:hover,
body.page-slug-login .lost_password a:hover,
body.page-slug-signup a:hover {
    color: #fff !important;
}

/* LOG IN / REGISTER button – red */
body.woocommerce-account .woocommerce-form-login__submit,
body.woocommerce-account .woocommerce-form-register__submit,
body.woocommerce-account .button[type="submit"],
body.page-slug-login .button[type="submit"],
body.page-slug-login input[type="submit"],
body.page-slug-signup .button[type="submit"],
body.page-slug-signup input[type="submit"] {
    background: var(--primary-red, #a02223) !important;
    color: #fff !important;
    border: none !important;
    padding: 16px 32px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border-radius: 6px !important;
    width: 100% !important;
}

body.woocommerce-account .woocommerce-form-login__submit:hover,
body.woocommerce-account .woocommerce-form-register__submit:hover,
body.woocommerce-account .button[type="submit"]:hover,
body.page-slug-login .button[type="submit"]:hover,
body.page-slug-login input[type="submit"]:hover,
body.page-slug-signup .button[type="submit"]:hover,
body.page-slug-signup input[type="submit"]:hover {
    filter: brightness(1.1) !important;
    color: #fff !important;
}

/* Form container – subtle outline on dark bg */
body.woocommerce-account .woocommerce-form,
body.woocommerce-account .u-column1,
body.woocommerce-account .u-column2 {
    background: transparent !important;
    border: none !important;
}

/* Remove white boxes */
body.woocommerce-account .woocommerce-form-login,
body.woocommerce-account .woocommerce-form-register {
    padding: 24px 0 !important;
}

/* Password visibility toggle (eye button) – white icon on dark theme */
body.woocommerce-account .show-password-input,
body.page-slug-login .show-password-input,
body.page-slug-signup .show-password-input {
    color: #fff !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    padding: 0.5em !important;
    position: absolute !important;
    right: 0.5em !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

body.woocommerce-account .show-password-input::before,
body.woocommerce-account .show-password-input::after,
body.page-slug-login .show-password-input::before,
body.page-slug-login .show-password-input::after,
body.page-slug-signup .show-password-input::before,
body.page-slug-signup .show-password-input::after {
    color: #fff !important;
    opacity: 0.9 !important;
}

/* WooCommerce uses SVG in ::before – override fill via filter for white icon */
body.woocommerce-account .show-password-input::before,
body.page-slug-login .show-password-input::before,
body.page-slug-signup .show-password-input::before {
    filter: brightness(0) invert(1) !important;
}

body.woocommerce-account .show-password-input:hover::before,
body.page-slug-login .show-password-input:hover::before,
body.page-slug-signup .show-password-input:hover::before {
    opacity: 1 !important;
}

/* Ensure password field wrapper has position for absolute eye button */
body.woocommerce-account .woocommerce-form-row--wide.password-input,
body.woocommerce-account .password-input,
body.page-slug-login .password-input,
body.page-slug-signup .password-input {
    position: relative !important;
}