/* Avio return & warranty request widget
   Scoped under .arr so it cannot leak into the WoodMart theme. */

.arr {
	--arr-ink: #1f2937;
	--arr-muted: #6b7280;
	--arr-line: #e2e5ea;
	--arr-accent: #0f62fe;
	--arr-accent-ink: #fff;
	--arr-good: #0f7b4f;
	--arr-good-bg: #eaf7f0;
	--arr-warn: #92600a;
	--arr-warn-bg: #fdf5e4;
	--arr-info-bg: #eef3fb;
	--arr-danger: #b42318;
	--arr-radius: 10px;

	max-width: 720px;
	margin: 0 0 2.5rem;
	padding: 1.75rem;
	border: 1px solid var(--arr-line);
	border-radius: var(--arr-radius);
	background: #fff;
	color: var(--arr-ink);
	font-size: 15px;
	line-height: 1.55;
	box-sizing: border-box;
}

.arr *,
.arr *::before,
.arr *::after {
	box-sizing: inherit;
}

.arr__head {
	margin-bottom: 1.25rem;
}

.arr__title {
	margin: 0 0 0.35rem;
	font-size: 1.3rem;
	line-height: 1.3;
	font-weight: 700;
	color: var(--arr-ink);
}

.arr__intro {
	margin: 0;
	color: var(--arr-muted);
}

/* Progress ---------------------------------------------------------- */

.arr__progress {
	height: 4px;
	margin-bottom: 1.5rem;
	border-radius: 999px;
	background: var(--arr-line);
	overflow: hidden;
}

.arr__progress-bar {
	height: 100%;
	width: 25%;
	border-radius: 999px;
	background: var(--arr-accent);
	transition: width 0.25s ease;
}

/* Steps ------------------------------------------------------------- */

.arr__step {
	display: none;
}

.arr__step.is-active {
	display: block;
	animation: arr-fade 0.2s ease;
}

@keyframes arr-fade {
	from { opacity: 0; transform: translateY(4px); }
	to   { opacity: 1; transform: none; }
}

.arr__step-title {
	margin: 0 0 0.4rem;
	font-size: 1.08rem;
	font-weight: 700;
}

.arr__step-note {
	margin: 0 0 1.1rem;
	color: var(--arr-muted);
}

/* Fields ------------------------------------------------------------ */

.arr__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0 1rem;
}

@media (max-width: 560px) {
	.arr { padding: 1.25rem; }
	.arr__grid { grid-template-columns: 1fr; }
}

.arr__field {
	margin-bottom: 1.1rem;
}

.arr__field label {
	display: block;
	margin-bottom: 0.3rem;
	font-weight: 600;
	font-size: 0.92rem;
}

.arr__req {
	color: var(--arr-danger);
}

.arr input[type="text"],
.arr input[type="email"],
.arr input[type="tel"],
.arr input[type="date"],
.arr select,
.arr textarea {
	width: 100%;
	padding: 0.6rem 0.7rem;
	border: 1px solid var(--arr-line);
	border-radius: 8px;
	background: #fff;
	color: var(--arr-ink);
	font: inherit;
	line-height: 1.4;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.arr textarea {
	resize: vertical;
	min-height: 90px;
}

.arr input:focus,
.arr select:focus,
.arr textarea:focus {
	outline: none;
	border-color: var(--arr-accent);
	box-shadow: 0 0 0 3px rgba(15, 98, 254, 0.15);
}

.arr .has-error {
	border-color: var(--arr-danger);
}

.arr__hint {
	margin: 0.3rem 0 0;
	font-size: 0.83rem;
	color: var(--arr-muted);
}

.arr__error {
	margin: 0.3rem 0 0;
	font-size: 0.85rem;
	color: var(--arr-danger);
	min-height: 0;
}

.arr__error:empty {
	display: none;
}

.arr__error--form {
	margin-top: 1rem;
	padding: 0.7rem 0.85rem;
	border-radius: 8px;
	background: #fdecea;
}

/* Honeypot ---------------------------------------------------------- */

.arr__hp {
	position: absolute !important;
	left: -9999px !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* Branch choices ---------------------------------------------------- */

.arr__choices {
	display: grid;
	gap: 0.75rem;
	margin-bottom: 0.5rem;
}

.arr__choice {
	display: flex;
	gap: 0.75rem;
	padding: 1rem;
	border: 1px solid var(--arr-line);
	border-radius: var(--arr-radius);
	cursor: pointer;
	transition: border-color 0.15s ease, background 0.15s ease;
}

.arr__choice:hover {
	border-color: #c3cbd6;
	background: #fafbfc;
}

.arr__choice input {
	margin: 0.25rem 0 0;
	flex: 0 0 auto;
	accent-color: var(--arr-accent);
	width: 18px;
	height: 18px;
}

.arr__choice:has(input:checked) {
	border-color: var(--arr-accent);
	background: var(--arr-info-bg);
}

.arr__choice-body {
	display: block;
}

.arr__choice-title {
	display: block;
	font-weight: 650;
	margin-bottom: 0.2rem;
}

.arr__choice-desc {
	display: block;
	font-size: 0.88rem;
	color: var(--arr-muted);
}

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

.arr__notice {
	margin: 0 0 1.2rem;
	padding: 0.85rem 1rem;
	border-radius: 8px;
	font-size: 0.92rem;
	background: var(--arr-info-bg);
	border-left: 3px solid var(--arr-accent);
}

.arr__notice--good {
	background: var(--arr-good-bg);
	border-left-color: var(--arr-good);
	color: var(--arr-good);
}

.arr__notice--warn {
	background: var(--arr-warn-bg);
	border-left-color: var(--arr-warn);
	color: var(--arr-warn);
}

.arr__notice strong {
	font-weight: 700;
}

/* Uploads ----------------------------------------------------------- */

.arr__drop {
	margin-bottom: 0.9rem;
	border: 2px dashed var(--arr-line);
	border-radius: var(--arr-radius);
	background: #fafbfc;
	transition: border-color 0.15s ease, background 0.15s ease;
}

.arr__drop.is-over {
	border-color: var(--arr-accent);
	background: var(--arr-info-bg);
}

.arr__drop-label {
	display: block;
	padding: 1.6rem 1rem;
	text-align: center;
	cursor: pointer;
}

.arr__drop-title {
	display: block;
	font-weight: 650;
	color: var(--arr-accent);
	margin-bottom: 0.2rem;
}

.arr__drop-desc {
	display: block;
	font-size: 0.85rem;
	color: var(--arr-muted);
}

.arr__files {
	list-style: none;
	margin: 0 0 0.5rem;
	padding: 0;
}

.arr__file {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	padding: 0.5rem 0.7rem;
	margin-bottom: 0.35rem;
	border: 1px solid var(--arr-line);
	border-radius: 8px;
	font-size: 0.9rem;
}

.arr__file-name {
	flex: 1 1 auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.arr__file-size {
	flex: 0 0 auto;
	color: var(--arr-muted);
	font-size: 0.83rem;
}

.arr__file-remove {
	flex: 0 0 auto;
	width: 24px;
	height: 24px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: #f1f3f5;
	color: var(--arr-muted);
	font-size: 16px;
	line-height: 1;
	cursor: pointer;
}

.arr__file-remove:hover {
	background: #e6e9ec;
	color: var(--arr-ink);
}

/* Actions ----------------------------------------------------------- */

.arr__actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	margin-top: 1.5rem;
	padding-top: 1.2rem;
	border-top: 1px solid var(--arr-line);
}

.arr__btn {
	padding: 0.65rem 1.35rem;
	border: 1px solid var(--arr-line);
	border-radius: 8px;
	background: #fff;
	color: var(--arr-ink);
	font: inherit;
	font-weight: 600;
	cursor: pointer;
	transition: background 0.15s ease, border-color 0.15s ease, opacity 0.15s ease;
}

.arr__btn:hover {
	background: #f5f6f8;
}

.arr__btn--primary {
	border-color: var(--arr-accent);
	background: var(--arr-accent);
	color: var(--arr-accent-ink);
}

.arr__btn--primary:hover {
	background: #0b53d6;
	border-color: #0b53d6;
}

.arr__btn[disabled] {
	opacity: 0.6;
	cursor: default;
}

/* Done -------------------------------------------------------------- */

.arr__done {
	text-align: center;
	padding: 0.5rem 0 0.25rem;
}

.arr__done-icon {
	width: 46px;
	height: 46px;
	margin: 0 auto 0.9rem;
	border-radius: 50%;
	background: var(--arr-good-bg);
	color: var(--arr-good);
	font-size: 24px;
	line-height: 46px;
	font-weight: 700;
}

.arr__done p {
	margin: 0 0 0.7rem;
}

.arr__fineprint {
	font-size: 0.85rem;
	color: var(--arr-muted);
}

.arr__done-foot {
	margin-top: 1.3rem;
	padding-top: 1.1rem;
	border-top: 1px solid var(--arr-line);
	font-size: 0.9rem;
	color: var(--arr-muted);
}

/* 1.2.0: diagnostics confirmation checkbox */
.arr__check { display:flex; gap:10px; align-items:flex-start; cursor:pointer; font-weight:400; }
.arr__check input[type="checkbox"] { margin-top:4px; width:18px; height:18px; flex:0 0 18px; accent-color:#2A5DB9; }
.arr__check input.has-error { outline:2px solid #d9534f; outline-offset:2px; }
.arr__check a { text-decoration:underline; }