/**
 * Signup Form Dark Theme Styles
 * 
 * Styles for signup form fields when body has vssocial-model or istjetztlive-model class
 */

/* -- Signup Form Container -- */
body.vssocial-model #istjetztlive-signup-form,
body.istjetztlive-model #istjetztlive-signup-form,
body.vssocial-model form#istjetztlive-signup-form,
body.istjetztlive-model form#istjetztlive-signup-form {
	width: 100%;
	max-width: 400px;
	margin-bottom: 1.5rem;
}

/* -- Signup Form Input Fields -- */
body.vssocial-model .input__name,
body.vssocial-model .input__email,
body.istjetztlive-model .input__name,
body.istjetztlive-model .input__email,
.mode-istjetztlive .input__name,
.mode-istjetztlive .input__email {
	/* Layout */
	display: block;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 0.75rem;
	
	/* Spacing */
	padding: 14px 16px;
	
	/* Border & Background */
	border: 2px solid rgba(255, 255, 255, 0.2);
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	
	/* Typography */
	font-family: 'Inter', ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: 16px;
	font-weight: 400;
	color: white;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	
	/* Interaction */
	cursor: text;
	outline: none;
	
	/* Transitions */
	transition: border 0.3s ease;
}

/* -- Input Focus State -- */
body.vssocial-model .input__name:focus,
body.vssocial-model .input__email:focus,
body.istjetztlive-model .input__name:focus,
body.istjetztlive-model .input__email:focus,
.mode-istjetztlive .input__name:focus,
.mode-istjetztlive .input__email:focus {
	border-color: #1f93e9;
}

/* -- Input Placeholder -- */
body.vssocial-model .input__name::placeholder,
body.vssocial-model .input__email::placeholder,
body.istjetztlive-model .input__name::placeholder,
body.istjetztlive-model .input__email::placeholder,
.mode-istjetztlive .input__name::placeholder,
.mode-istjetztlive .input__email::placeholder {
	color: rgba(255, 255, 255, 0.6);
	opacity: 1;
}

/* -- Input Invalid State -- */
body.vssocial-model .input__name.invalid,
body.vssocial-model .input__email.invalid,
body.istjetztlive-model .input__name.invalid,
body.istjetztlive-model .input__email.invalid,
.mode-istjetztlive .input__name.invalid,
.mode-istjetztlive .input__email.invalid {
	border-color: #ff4444;
	background-color: rgba(255, 68, 68, 0.2);
}

/* -- Form Field Wrapper Spacing (for both block forms and shortcode forms) -- */
body.vssocial-model #istjetztlive-signup-form > div,
body.istjetztlive-model #istjetztlive-signup-form > div,
body.vssocial-model form#istjetztlive-signup-form > div,
body.istjetztlive-model form#istjetztlive-signup-form > div,
.mode-istjetztlive form > div {
	margin-bottom: 0.75rem;
}

body.vssocial-model #istjetztlive-signup-form > div:last-of-type,
body.istjetztlive-model #istjetztlive-signup-form > div:last-of-type,
body.vssocial-model form#istjetztlive-signup-form > div:last-of-type,
body.istjetztlive-model form#istjetztlive-signup-form > div:last-of-type,
.mode-istjetztlive form > div:last-of-type {
	margin-bottom: 0;
}

/* -- Button Wrapper Spacing (for both block forms and shortcode forms) -- */
body.vssocial-model #istjetztlive-signup-form .wp-block-button,
body.istjetztlive-model #istjetztlive-signup-form .wp-block-button,
body.vssocial-model form#istjetztlive-signup-form .wp-block-button,
body.istjetztlive-model form#istjetztlive-signup-form .wp-block-button,
.mode-istjetztlive .wp-block-button {
	margin-top: 1rem;
	margin-bottom: 0;
}

/* -- Submit Button -- */
body.vssocial-model .input__submit,
body.istjetztlive-model .input__submit,
body.vssocial-model button[type="submit"],
body.istjetztlive-model button[type="submit"],
.mode-istjetztlive .input__submit,
.mode-istjetztlive button[type="submit"] {
	/* Layout */
	display: block;
	width: 100%;
	box-sizing: border-box;
	
	/* Spacing */
	padding: 14px 16px;
	
	/* Border & Background */
	border: none;
	border-radius: 12px;
	background-color: #1f93e9;
	
	/* Typography */
	font-size: 16px;
	font-weight: bold;
	color: white;
	
	/* Visual Effects */
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
	
	/* Interaction */
	cursor: pointer;
	
	/* Transitions */
	transition: background-color 0.3s ease;
}

/* -- Submit Button Hover State -- */
body.vssocial-model .input__submit:hover,
body.istjetztlive-model .input__submit:hover,
body.vssocial-model button[type="submit"]:hover,
body.istjetztlive-model button[type="submit"]:hover,
.mode-istjetztlive .input__submit:hover,
.mode-istjetztlive button[type="submit"]:hover {
	background-color: #1a7bc7;
}

/* -- Submit Button Focus State -- */
body.vssocial-model .input__submit:focus,
body.istjetztlive-model .input__submit:focus,
body.vssocial-model button[type="submit"]:focus,
body.istjetztlive-model button[type="submit"]:focus,
.mode-istjetztlive .input__submit:focus,
.mode-istjetztlive button[type="submit"]:focus {
	outline: none;
}