/**
 * Horizon Login Popup — defensive CSS overrides
 *
 * Fixes layout collisions inside Elementor popup context where WC form-row
 * / WP wp-admin styles override input width and label display.
 *
 * All selectors scoped to #konig-login-form to avoid affecting other forms.
 * !important used defensively because Elementor's scoped CSS often has
 * very specific selectors that win over normal cascade.
 */

/* Form-rows: stack vertically, full width */
#konig-login-form .form-row {
    display: block !important;
    width: 100% !important;
    margin-bottom: 1em;
}

/* Labels for text fields: block above the input */
#konig-login-form .form-row > label {
    display: block !important;
    width: 100% !important;
    margin-bottom: 0.25em;
}

/* Text / password / email inputs: full width, single line */
#konig-login-form input[type="text"],
#konig-login-form input[type="password"],
#konig-login-form input[type="email"] {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Remember-me row: keep checkbox + its label inline */
#konig-login-form .konig-login-remember-row > label {
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    margin-bottom: 0 !important;
    gap: 0.5em;
}

#konig-login-form .konig-login-remember-row input[type="checkbox"] {
    display: inline-block !important;
    width: auto !important;
    margin: 0 !important;
    vertical-align: middle !important;
    position: static !important;
    opacity: 1 !important;
}

/* Submit button: full width inside popup */
#konig-login-form .konig-login-submit {
    display: block !important;
    width: 100% !important;
}

/* Inline error / status message (toggled by JS) */
#konig-login-form .konig-login-message {
    margin: 0.5em 0;
    padding: 0.75em 1em;
    background-color: #fff3f3;
    border: 1px solid #d9534f;
    border-radius: 3px;
    color: #a94442;
    font-size: 0.9em;
}

/* Centered helper links under the form */
#konig-login-form .konig-login-links,
#konig-login-form .konig-login-register-prompt {
    text-align: center;
}