/**
 * W2S Services — Data Deletion Request form styles.
 *
 * Designed to sit naturally inside any WordPress theme without overriding
 * theme typography or colour variables. All sizing uses relative units.
 */

/* ── Form wrapper ─────────────────────────────────────────────────────────── */

.w2s-deletion-form-wrap {
	max-width: 560px;
	margin: 1.5em 0;
}

/* ── Individual fields ────────────────────────────────────────────────────── */

.w2s-deletion-field {
	margin: 0 0 1.25em;
	padding: 0;
}

.w2s-deletion-field label {
	display: block;
	margin-bottom: 0.35em;
	font-weight: 600;
}

.w2s-deletion-field label span[aria-hidden="true"] {
	color: #c0392b;
	margin-left: 0.15em;
}

.w2s-deletion-field input[type="text"],
.w2s-deletion-field input[type="email"],
.w2s-deletion-field textarea,
.w2s-deletion-field select {
	display: block;
	width: 100%;
	padding: 0.55em 0.75em;
	border: 1px solid #c3c4c7;
	border-radius: 3px;
	font-size: 1em;
	font-family: inherit;
	background: #fff;
	color: inherit;
	box-sizing: border-box;
	transition: border-color 0.15s;
}

.w2s-deletion-field input[type="text"]:focus,
.w2s-deletion-field input[type="email"]:focus,
.w2s-deletion-field textarea:focus,
.w2s-deletion-field select:focus {
	border-color: #2271b1;
	outline: 2px solid transparent;
	box-shadow: 0 0 0 2px rgba( 34, 113, 177, 0.25 );
}

/* ── Submit button ────────────────────────────────────────────────────────── */

.w2s-deletion-submit {
	margin: 0;
	padding: 0;
}

.w2s-deletion-btn {
	display: inline-block;
	padding: 0.6em 1.4em;
	background: #2271b1;
	color: #fff;
	border: none;
	border-radius: 3px;
	font-size: 1em;
	font-family: inherit;
	cursor: pointer;
	transition: background 0.15s;
}

.w2s-deletion-btn:hover,
.w2s-deletion-btn:focus {
	background: #135e96;
}

.w2s-deletion-btn:disabled {
	opacity: 0.65;
	cursor: not-allowed;
}

/* ── Response messages ────────────────────────────────────────────────────── */

.w2s-deletion-response {
	margin-top: 1em;
	padding: 0.75em 1em;
	border-radius: 3px;
	font-size: 0.95em;
	display: none;
}

.w2s-deletion-response:not(:empty) {
	display: block;
}

.w2s-deletion-success {
	background: #edfaef;
	border: 1px solid #4ab866;
	color: #1a6b2e;
}

.w2s-deletion-error {
	background: #fdecea;
	border: 1px solid #d63638;
	color: #8b1a1a;
}

/* ── Do Not Sell / CPRA opt-out button ────────────────────────────────────── */

.w2s-opt-out-btn {
	display: inline-block;
	padding: 0.65em 1.5em;
	background: #d63638;
	color: #fff;
	border: none;
	border-radius: 3px;
	font-size: 1em;
	font-family: inherit;
	font-weight: 600;
	cursor: pointer;
	transition: background 0.15s, opacity 0.15s;
}

.w2s-opt-out-btn:hover,
.w2s-opt-out-btn:focus {
	background: #b02a2c;
	outline: 2px solid transparent;
	box-shadow: 0 0 0 2px rgba( 214, 54, 56, 0.35 );
}

.w2s-opt-out-btn:disabled,
.w2s-opt-out-btn.w2s-opted-out {
	background: #2e7d32;
	opacity: 1;
	cursor: default;
}

.w2s-opt-out-success {
	display: inline-block;
	margin-top: 0.75em;
	padding: 0.65em 1em;
	background: #edfaef;
	border: 1px solid #4ab866;
	border-radius: 3px;
	color: #1a6b2e;
	font-size: 0.95em;
}