/**
 * 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;
}

.ayudawp-euw-wrapper .ayudawp-euw-notice--warning {
	background: #fcf9e8;
	border-color: #dba617;
	color: #6c5700;
}

/* --- 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;
	}
}
/* --- Customer's own requests in My Account ------------------------------- */

.ayudawp-euw-requests {
	margin: 0 0 2rem;
}

.ayudawp-euw-account-heading {
	margin: 0 0 1rem;
	font-size: 1.25rem;
	line-height: 1.3;
}

.ayudawp-euw-requests-table {
	width: 100%;
	margin: 0;
	border-collapse: collapse;
	font-size: 0.95rem;
}

.ayudawp-euw-requests-table th,
.ayudawp-euw-requests-table td {
	padding: 0.75rem 0.75rem 0.75rem 0;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid #e1e1e1;
}

.ayudawp-euw-requests-table th {
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: #50575e;
	border-bottom-width: 2px;
}

.ayudawp-euw-request-status {
	display: inline-block;
	padding: 0.2rem 0.5rem;
	border-radius: 3px;
	font-size: 0.85rem;
	font-weight: 600;
	line-height: 1.4;
	background: #f0f0f1;
	color: #1d2327;
}

.ayudawp-euw-request-status--pending {
	background: #fcf9e8;
	color: #6c5700;
}

.ayudawp-euw-request-status--accepted {
	background: #edfaef;
	color: #14532d;
}

.ayudawp-euw-request-status--rejected {
	background: #fcf0f1;
	color: #7a1d1f;
}

.ayudawp-euw-request-status--completed {
	background: #f0f6fb;
	color: #1c4966;
}

.ayudawp-euw-request-detail {
	display: block;
	margin-top: 0.4rem;
	font-size: 0.85rem;
	line-height: 1.5;
	color: #50575e;
}

.ayudawp-euw-request-note,
.ayudawp-euw-request-hash {
	display: block;
	margin-top: 0.25rem;
}

.ayudawp-euw-request-hash {
	font-family: Menlo, Consolas, monospace;
	font-size: 0.75rem;
	word-break: break-all;
	color: #6c7781;
}

/* The contest link lives outside .ayudawp-euw-form, so it repeats the secondary
   button rules of the confirmation screen instead of inheriting them. */
.ayudawp-euw-requests .ayudawp-euw-button--secondary,
.ayudawp-euw-requests .ayudawp-euw-button--secondary:visited {
	display: inline-block;
	margin-top: 0.6rem;
	padding: 0.4rem 0.9rem;
	background: #fff;
	color: #2271b1;
	border: 1px solid #2271b1;
	border-radius: 4px;
	font-size: 0.85rem;
	font-weight: 600;
	line-height: 1.3;
	text-decoration: none;
}

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

/* Stack each row into its own block on narrow screens: four columns with a
   status that carries dates, a note and a 64-character code do not survive a
   phone width, and My Account is where customers read this on a phone. */

@media (max-width: 600px) {

	.ayudawp-euw-requests-table thead {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(1px, 1px, 1px, 1px);
		clip-path: inset(50%);
		white-space: nowrap;
	}

	.ayudawp-euw-requests-table tr {
		display: block;
		margin-bottom: 1.25rem;
		padding-bottom: 0.5rem;
		border-bottom: 2px solid #e1e1e1;
	}

	.ayudawp-euw-requests-table td {
		display: block;
		padding: 0.35rem 0;
		border-bottom: 0;
	}

	.ayudawp-euw-requests-table td::before {
		content: attr(data-title) ": ";
		font-weight: 700;
	}
}