/* EU One Click Return — Frontend Styles
   Minimal, inherits theme fonts/sizes, no border-radius, black buttons */

/* ── Notices ── */
.eocr-notice {
	padding: 12px 16px;
	margin-bottom: 20px;
	border-left: 4px solid transparent;
}
.eocr-notice p { margin: 0; }
.eocr-success { background: #f0fdf4; border-color: #22c55e; color: #166534; }
.eocr-error   { background: #fef2f2; border-color: #ef4444; color: #991b1b; }
.eocr-info    { background: #eff6ff; border-color: #3b82f6; color: #1e40af; }

/* ── Form wrapper ── */
.eocr-form-wrap  { max-width: 560px; }
.eocr-confirm-wrap { max-width: 680px; }

/* ── Fields ── */
.eocr-form .eocr-field { margin-bottom: 20px; }

.eocr-form label {
	display: block;
	font-weight: 600;
	margin-bottom: 6px;
}
.eocr-form label abbr {
	text-decoration: none;
	color: #dc2626;
	margin-left: 2px;
}

.eocr-form input[type="text"],
.eocr-form input[type="number"],
.eocr-form input[type="email"],
.eocr-form textarea {
	width: 100%;
	padding: 8px 10px;
	border: 1px solid #8c8f94;
	border-radius: 0;
	font-size: inherit;
	font-family: inherit;
	box-sizing: border-box;
	background: #fff;
	color: inherit;
}

.eocr-form input:focus,
.eocr-form textarea:focus {
	border-color: #2271b1;
	outline: 2px solid #2271b1;
	outline-offset: 0;
	box-shadow: none;
}

.eocr-form input[readonly] {
	background: #f6f7f7;
	color: #646970;
	cursor: not-allowed;
}

.eocr-field-hint {
	display: block;
	font-size: 0.82em;
	color: #646970;
	margin-top: 4px;
}

/* ── Checkbox ── */
.eocr-field--checkbox label {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-weight: normal;
	cursor: pointer;
}
.eocr-field--checkbox input[type="checkbox"] {
	width: auto;
	margin-top: 3px;
	flex-shrink: 0;
}

.eocr-privacy-note {
	font-size: 0.85em;
	color: #646970;
}
.eocr-privacy-note a { color: #0073aa; text-decoration: underline; }

/* ── Buttons ── */
.eocr-btn-submit,
.eocr-btn-confirm {
	background: #000 !important;
	color: #fff !important;
	border: 1px solid #000 !important;
	border-radius: 0 !important;
	padding: 10px 22px;
	font-size: inherit;
	font-family: inherit;
	cursor: pointer;
	text-decoration: none;
	display: inline-block;
}
.eocr-btn-submit:hover,
.eocr-btn-confirm:hover {
	background: #1d2327 !important;
	border-color: #1d2327 !important;
	color: #fff !important;
}
.eocr-btn-submit:focus,
.eocr-btn-confirm:focus {
	outline: 2px solid #000;
	outline-offset: 2px;
}

.eocr-btn-cancel {
	color: #0073aa !important;
	text-decoration: underline !important;
	background: transparent !important;
	border: none !important;
	padding: 10px 0 !important;
	font-size: inherit;
	cursor: pointer;
}
.eocr-btn-cancel:hover { color: #005177 !important; }

/* ── Confirm actions layout ── */
.eocr-confirm-actions {
	display: flex;
	gap: 20px;
	align-items: center;
	flex-wrap: wrap;
	margin-top: 24px;
}

/* ── Confirm notice ── */
.eocr-confirm-notice {
	background: #f6f7f7;
	border-left: 4px solid #2271b1;
	padding: 14px 16px;
	margin: 20px 0;
}
.eocr-confirm-notice p {
	margin: 0;
	color: #1d2327;
	font-size: 0.9em;
}

/* ── Summary / items tables ── */
.eocr-summary-table,
.eocr-items-table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 24px;
}
.eocr-summary-table th,
.eocr-summary-table td,
.eocr-items-table th,
.eocr-items-table td {
	padding: 9px 12px;
	text-align: left;
	border-bottom: 1px solid #e0e0e0;
}
.eocr-summary-table th {
	width: 200px;
	font-weight: 600;
	background: #f6f7f7;
}
.eocr-items-table thead th {
	background: #f6f7f7;
	font-weight: 600;
}
.eocr-items-table tfoot th,
.eocr-items-table tfoot td {
	font-weight: 700;
	background: #f6f7f7;
}
.eocr-col-qty,
.eocr-col-price { text-align: right; }

/* ── Account page badges ── */
.eocr-badge {
	display: inline-block;
	padding: 3px 8px;
	font-size: 0.82em;
	font-weight: 600;
}
.eocr-badge--pending   { background: #dbeafe; color: #1d4ed8; }
.eocr-badge--submitted { background: #dbeafe; color: #1d4ed8; }
.eocr-badge--approved  { background: #dcfce7; color: #166534; }
.eocr-badge--rejected  { background: #fee2e2; color: #b91c1c; }
.eocr-badge--expired   { background: #f3f4f6; color: #6b7280; }

.eocr-btn-withdraw { font-size: 0.85em !important; }

/* ── Accessibility ── */
.eocr-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

@media (max-width: 640px) {
	.eocr-form-wrap,
	.eocr-confirm-wrap { max-width: 100%; }
	.eocr-summary-table th { width: 130px; }
	.eocr-confirm-actions { flex-direction: column; align-items: flex-start; }
}