/**
 * EU Withdrawal Compliance — Frontend styles.
 *
 * Selectors are scoped under .ayudawp-euw-wrapper / .ayudawp-euw-form to
 * raise specificity above most theme rules (Storefront, Astra, Twenty-X, etc.)
 * and to insulate the form from theme defaults that reach <p>, <input>, etc.
 */

.ayudawp-euw-wrapper {
	max-width: 640px;
	margin: 2rem 0;
	box-sizing: border-box;
	/* Leave a little room when the form is scrolled to via the #ayudawp-euw-form
	   anchor between steps, so it does not land flush under a sticky header. */
	scroll-margin-top: 2rem;
}

/* The success message is much shorter than the form or the confirmation screen.
   Without enough content below it, the browser cannot bring the #ayudawp-euw-form
   anchor up to the top and the page stays scrolled up. Reserving vertical height
   gives it the room to scroll into view, and centring the message turns that
   reserved space into a tidy "request received" screen rather than a blank gap.
   Only the feedback state needs this; the form and confirmation are tall already. */
.ayudawp-euw-wrapper--feedback {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 80vh;
}

.ayudawp-euw-wrapper *,
.ayudawp-euw-wrapper *::before,
.ayudawp-euw-wrapper *::after {
	box-sizing: border-box;
}

.ayudawp-euw-wrapper .ayudawp-euw-intro,
.ayudawp-euw-wrapper .ayudawp-euw-legal-note {
	margin: 0 0 1.5rem;
	color: #4a4a4a;
	font-size: 0.95rem;
	line-height: 1.5;
}

.ayudawp-euw-wrapper .ayudawp-euw-form {
	background: #fff;
	border: 1px solid #e1e1e1;
	border-radius: 6px;
	padding: 1.5rem;
	margin: 0;
}

/* --- Field row ----------------------------------------------------------- */

.ayudawp-euw-wrapper .ayudawp-euw-form .ayudawp-euw-field {
	display: block;
	margin: 0 0 1.25rem;
	padding: 0;
}

.ayudawp-euw-wrapper .ayudawp-euw-form .ayudawp-euw-field > label {
	display: block;
	margin: 0 0 0.4rem;
	padding: 0;
	font-weight: 600;
	font-size: 0.95rem;
	line-height: 1.3;
	color: #1a1a1a;
}

.ayudawp-euw-wrapper .ayudawp-euw-form .ayudawp-euw-field input[type="text"],
.ayudawp-euw-wrapper .ayudawp-euw-form .ayudawp-euw-field input[type="email"],
.ayudawp-euw-wrapper .ayudawp-euw-form .ayudawp-euw-field input[type="date"],
.ayudawp-euw-wrapper .ayudawp-euw-form .ayudawp-euw-field select,
.ayudawp-euw-wrapper .ayudawp-euw-form .ayudawp-euw-field textarea {
	display: block;
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0.6rem 0.75rem;
	border: 1px solid #c8c8c8;
	border-radius: 4px;
	background: #fff;
	color: #1a1a1a;
	font-family: inherit;
	font-size: 1rem;
	line-height: 1.4;
	box-shadow: none;
	min-height: 0;
	height: auto;
}

.ayudawp-euw-wrapper .ayudawp-euw-form .ayudawp-euw-field textarea {
	min-height: 110px;
	resize: vertical;
}

.ayudawp-euw-wrapper .ayudawp-euw-form .ayudawp-euw-field input:focus,
.ayudawp-euw-wrapper .ayudawp-euw-form .ayudawp-euw-field select:focus,
.ayudawp-euw-wrapper .ayudawp-euw-form .ayudawp-euw-field textarea:focus {
	outline: 2px solid #2271b1;
	outline-offset: 1px;
	border-color: #2271b1;
	box-shadow: none;
}

/* Read-only fields (My Account button pre-fill: name, email, order, date come
   from the customer's own order and are locked so they match what we validate). */
.ayudawp-euw-wrapper .ayudawp-euw-form .ayudawp-euw-field input[readonly] {
	background: #f1f1f1;
	color: #50575e;
	cursor: not-allowed;
}

.ayudawp-euw-wrapper .ayudawp-euw-form .ayudawp-euw-help {
	display: block;
	margin: 0.35rem 0 0;
	color: #6b6b6b;
	font-size: 0.85rem;
	line-height: 1.4;
}

.ayudawp-euw-wrapper .ayudawp-euw-form .ayudawp-euw-required {
	color: #d63638;
	font-weight: 700;
}

/* --- Privacy checkbox ---------------------------------------------------- */

.ayudawp-euw-wrapper .ayudawp-euw-form .ayudawp-euw-field--checkbox > label {
	display: flex;
	align-items: flex-start;
	gap: 0.5rem;
	margin: 0;
	font-weight: 400;
	font-size: 0.95rem;
	cursor: pointer;
}

.ayudawp-euw-wrapper .ayudawp-euw-form .ayudawp-euw-field--checkbox input[type="checkbox"] {
	flex: 0 0 auto;
	width: 1rem;
	height: 1rem;
	margin: 0.25rem 0 0;
	accent-color: #2271b1;
}

.ayudawp-euw-wrapper .ayudawp-euw-form .ayudawp-euw-field--checkbox > label > span {
	flex: 1 1 auto;
	line-height: 1.4;
}

/* --- Validation errors (highlight only the field that failed) ------------ */

.ayudawp-euw-wrapper .ayudawp-euw-form .ayudawp-euw-field--error input[type="text"],
.ayudawp-euw-wrapper .ayudawp-euw-form .ayudawp-euw-field--error input[type="email"],
.ayudawp-euw-wrapper .ayudawp-euw-form .ayudawp-euw-field--error input[type="date"],
.ayudawp-euw-wrapper .ayudawp-euw-form .ayudawp-euw-field--error select,
.ayudawp-euw-wrapper .ayudawp-euw-form .ayudawp-euw-field--error textarea {
	border-color: #d63638;
	box-shadow: 0 0 0 1px #d63638;
}

.ayudawp-euw-wrapper .ayudawp-euw-form .ayudawp-euw-field--error input:focus,
.ayudawp-euw-wrapper .ayudawp-euw-form .ayudawp-euw-field--error select:focus,
.ayudawp-euw-wrapper .ayudawp-euw-form .ayudawp-euw-field--error textarea:focus {
	outline-color: #d63638;
	border-color: #d63638;
}

.ayudawp-euw-wrapper .ayudawp-euw-form .ayudawp-euw-field--checkbox.ayudawp-euw-field--error > label {
	color: #d63638;
}

.ayudawp-euw-wrapper .ayudawp-euw-form .ayudawp-euw-field--checkbox.ayudawp-euw-field--error input[type="checkbox"] {
	outline: 2px solid #d63638;
	outline-offset: 2px;
	accent-color: #d63638;
}

.ayudawp-euw-wrapper .ayudawp-euw-form .ayudawp-euw-field-error {
	display: block;
	margin: 0.35rem 0 0;
	color: #d63638;
	font-size: 0.85rem;
	font-weight: 600;
	line-height: 1.4;
}

/* --- Submit -------------------------------------------------------------- */

.ayudawp-euw-wrapper .ayudawp-euw-form .ayudawp-euw-submit {
	margin: 1.5rem 0 0;
	padding: 0;
	text-align: right;
}

.ayudawp-euw-wrapper .ayudawp-euw-form .ayudawp-euw-button {
	display: inline-block;
	margin: 0;
	padding: 0.75rem 1.75rem;
	background: #2271b1;
	color: #fff;
	border: 1px solid transparent;
	border-radius: 4px;
	font-family: inherit;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.2;
	cursor: pointer;
	text-decoration: none;
	transition: background 0.15s ease-in-out;
	min-height: 0;
	height: auto;
}

.ayudawp-euw-wrapper .ayudawp-euw-form .ayudawp-euw-button:hover,
.ayudawp-euw-wrapper .ayudawp-euw-form .ayudawp-euw-button:focus {
	background: #135e96;
	color: #fff;
	border-color: #135e96;
}

/* Secondary button (e.g. "Edit data" on the confirmation screen): styled as a
   real button so it reads as an action, but visually subordinate to the
   primary "Confirm withdrawal" button next to it. */
.ayudawp-euw-wrapper .ayudawp-euw-form .ayudawp-euw-button--secondary,
.ayudawp-euw-wrapper .ayudawp-euw-form .ayudawp-euw-button--secondary:visited {
	background: #fff;
	color: #2271b1;
	border-color: #2271b1;
}

.ayudawp-euw-wrapper .ayudawp-euw-form .ayudawp-euw-button--secondary:hover,
.ayudawp-euw-wrapper .ayudawp-euw-form .ayudawp-euw-button--secondary:focus {
	background: #f0f6fb;
	color: #135e96;
	border-color: #135e96;
}

/* Confirmation screen: lay the "Edit data" and "Confirm withdrawal" buttons
   side by side, right-aligned like the single-button submit row. */
.ayudawp-euw-wrapper .ayudawp-euw-form .ayudawp-euw-confirm-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 0.75rem;
}

/* --- Notices ------------------------------------------------------------- */

.ayudawp-euw-wrapper .ayudawp-euw-notice {
	margin: 0 0 1.5rem;
	padding: 1rem 1.25rem;
	border-left: 4px solid;
	border-radius: 4px;
}

.ayudawp-euw-wrapper .ayudawp-euw-notice p {
	margin: 0;
}

.ayudawp-euw-wrapper .ayudawp-euw-notice--success {
	background: #edfaef;
	border-color: #00a32a;
	color: #14532d;
}

.ayudawp-euw-wrapper .ayudawp-euw-notice--error {
	background: #fcf0f1;
	border-color: #d63638;
	color: #7a1d1f;
}

/* --- Honeypot (hidden visually but accessible to bots) ------------------- */

.ayudawp-euw-wrapper .ayudawp-euw-hp {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* --- Annex I.B collapsible block ----------------------------------------- */

.ayudawp-euw-wrapper .ayudawp-euw-annex-b {
	margin: 1.5rem 0 0;
	border: 1px solid #e1e1e1;
	border-radius: 6px;
	background: #fafafa;
}

.ayudawp-euw-wrapper .ayudawp-euw-annex-b > summary {
	cursor: pointer;
	padding: 0.9rem 1.25rem;
	font-weight: 600;
	color: #1a1a1a;
	font-size: 0.95rem;
	list-style: revert;
}

.ayudawp-euw-wrapper .ayudawp-euw-annex-b[open] > summary {
	border-bottom: 1px solid #e1e1e1;
	background: #f0f0f1;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.ayudawp-euw-wrapper .ayudawp-euw-annex-b__article {
	padding: 1.25rem 1.5rem;
	color: #1a1a1a;
	line-height: 1.55;
	font-size: 0.95rem;
}

.ayudawp-euw-wrapper .ayudawp-euw-annex-b__article p {
	margin: 0 0 0.85rem;
}

.ayudawp-euw-wrapper .ayudawp-euw-annex-b__intro em {
	color: #4a4a4a;
}

.ayudawp-euw-wrapper .ayudawp-euw-annex-b__trader {
	background: #fff;
	border: 1px solid #e1e1e1;
	border-radius: 4px;
	padding: 0.75rem 1rem;
	margin: 0 0 1rem;
	font-style: normal;
	line-height: 1.5;
}

.ayudawp-euw-wrapper .ayudawp-euw-annex-b__field {
	font-family: monospace;
	color: #4a4a4a;
	letter-spacing: 0.05em;
	word-break: break-all;
}

.ayudawp-euw-wrapper .ayudawp-euw-annex-b__source {
	margin-top: 1rem;
	color: #6b6b6b;
}

.ayudawp-euw-wrapper .ayudawp-euw-annex-b__print a {
	display: inline-block;
	margin-top: 0.25rem;
	font-weight: 600;
}

/* Printable view (when ?ayudawp_euw_annex_b=1 replaces the page content). */

.ayudawp-euw-annex-b--print {
	max-width: 720px;
	margin: 1.5rem auto;
	padding: 1.25rem 1.5rem;
	color: #1a1a1a;
	line-height: 1.55;
	font-size: 1rem;
}

@media print {

	.ayudawp-euw-annex-b--print {
		max-width: none;
		margin: 0;
		padding: 0;
		font-size: 12pt;
	}
}