/**
 * Retouren (RMA) — front-end styling.
 * Bewust sober/monochroom, in lijn met de e-mailhuisstijl.
 */

.podlood-return-form {
	max-width: 640px;
	margin: 0 auto;
}

.podlood-return-intro {
	margin-bottom: 1.5em;
}

.podlood-return-field {
	display: flex;
	flex-direction: column;
	margin-bottom: 1.25em;
}

.podlood-return-field label {
	font-weight: 600;
	margin-bottom: 0.35em;
}

.podlood-return-field input[type="email"],
.podlood-return-field input[type="text"],
.podlood-return-field select,
.podlood-return-field textarea {
	width: 100%;
	padding: 0.6em 0.75em;
	border: 1px solid #cfcfcf;
	border-radius: 4px;
	background: #fff;
	font-size: 1rem;
}

.podlood-return-field input:focus,
.podlood-return-field select:focus,
.podlood-return-field textarea:focus {
	outline: none;
	border-color: #1c1c1c;
}

/* Items */
.podlood-return-items {
	margin: 1em 0 1.5em;
}

.podlood-return-item {
	border: 1px solid #e6e6e6;
	border-radius: 6px;
	padding: 1em 1.25em;
	margin-bottom: 1em;
}

.podlood-return-item__head {
	display: flex;
	align-items: center;
	gap: 0.75em;
	font-weight: 600;
	cursor: pointer;
}

.podlood-return-item__head input[type="checkbox"] {
	width: 18px;
	height: 18px;
}

.podlood-return-item__thumb img {
	display: block;
	width: 48px;
	height: 48px;
	object-fit: cover;
	border-radius: 4px;
}

.podlood-return-item__name {
	display: flex;
	flex-direction: column;
}

.podlood-return-item__qty {
	font-weight: 400;
	font-size: 0.85em;
	color: #8a8a8a;
}

.podlood-return-item__details {
	margin-top: 1em;
	padding-top: 1em;
	border-top: 1px dashed #e6e6e6;
}

/* Notices */
.podlood-return-notice {
	padding: 1em 1.25em;
	border-radius: 6px;
	margin-bottom: 1.5em;
}

.podlood-return-notice--success {
	background: #edf7ed;
	border: 1px solid #1a7f37;
}

.podlood-return-notice--error {
	background: #fcebea;
	border: 1px solid #a00;
}

.podlood-return-submit {
	margin-top: 1.5em;
}

/* Status opvragen-sectie */
.podlood-return-lookup {
	max-width: 640px;
	margin: 2.5em auto 0;
	padding-top: 2em;
	border-top: 1px solid #e6e6e6;
}

/* Retouren-lijst (overzicht + statusresultaat) */
.podlood-returns-list {
	max-width: 640px;
	margin: 0 auto;
}

.podlood-return-card {
	border: 1px solid #e6e6e6;
	border-radius: 6px;
	padding: 1em 1.25em;
	margin-bottom: 1em;
}

.podlood-return-card__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75em;
	margin-bottom: 0.5em;
}

.podlood-return-card__date {
	color: #8a8a8a;
	font-size: 0.9em;
}

.podlood-return-card__order {
	margin: 0 0 0.5em;
	font-weight: 600;
}

.podlood-return-card__items {
	margin: 0;
	padding-left: 1.2em;
}

.podlood-return-card__reason {
	color: #8a8a8a;
}

/* Order-kiezer (ingelogde retour-aanmelding) */
.podlood-return-order-picker {
	max-width: 640px;
}

.podlood-order-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.podlood-order-list li {
	margin: 0 0 0.6em;
}

.podlood-order-option {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1em;
	padding: 1em 1.25em;
	border: 1px solid #e6e6e6;
	border-radius: 6px;
	text-decoration: none;
	color: inherit;
	transition: border-color 0.15s ease;
}

.podlood-order-option:hover {
	border-color: #1c1c1c;
}

.podlood-order-option__main {
	display: flex;
	flex-direction: column;
}

.podlood-order-option__num {
	font-weight: 600;
}

.podlood-order-option__meta {
	font-size: 0.85em;
	color: #8a8a8a;
}

.podlood-order-option__arrow {
	font-size: 1.5em;
	line-height: 1;
	color: #8a8a8a;
}

/* Status-badges (gedeeld) */
.podlood-status-badge {
	display: inline-block;
	padding: 2px 10px;
	border-radius: 3px;
	font-size: 0.8em;
	line-height: 1.6;
	color: #fff;
	white-space: nowrap;
}

.podlood-status-podlood-aangemeld { background: #646970; }
.podlood-status-podlood-behandeling { background: #2271b1; }
.podlood-status-podlood-wacht-prod { background: #b26200; }
.podlood-status-podlood-terugbetaald { background: #1a7f37; }
.podlood-status-podlood-afgewezen { background: #a00; }
.podlood-status-podlood-afgerond { background: #3c434a; }