/* ==========================================================================
   ITL EU Return — Frontend Styles
   ========================================================================== */

.itl-return-lookup-wrap,
.itl-return-form-wrap {
	max-width: 820px;
	margin: 0 auto;
	padding: 10px 0 40px;
}

/* Intro text */
.itl-intro {
	color: #555;
	margin-bottom: 20px;
}

/* Order meta bar */
.itl-order-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	align-items: center;
	background: #f0f6ff;
	border-left: 4px solid #2271b1;
	padding: 12px 18px;
	border-radius: 0 6px 6px 0;
	margin-bottom: 28px;
	font-size: 14px;
}

.itl-days-left {
	color: #c0392b;
	font-weight: 600;
}

.itl-days-unlimited {
	color: #555;
}

/* ---- Items table ---- */
.itl-items-wrapper {
	overflow-x: auto;
	margin-bottom: 24px;
}

.itl-items-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
}

.itl-items-table th {
	background: #f5f5f5;
	padding: 10px 12px;
	text-align: left;
	font-weight: 600;
	border-bottom: 2px solid #ddd;
}

.itl-items-table td {
	padding: 10px 12px;
	border-bottom: 1px solid #eee;
	vertical-align: middle;
}

.itl-col-check {
	width: 38px;
	text-align: center;
}

.itl-col-qty,
.itl-col-return-qty {
	width: 90px;
	text-align: center;
}

.itl-col-reason {
	width: 220px;
}

.itl-item-row {
	transition: background .15s;
}

.itl-item-row.itl-selected {
	background: #eef5ff;
}

.itl-sku {
	display: block;
	color: #888;
	font-size: 12px;
}

/* Inputs inside table */
.itl-qty-input {
	width: 64px;
	padding: 5px 6px;
	border: 1px solid #ccc;
	border-radius: 4px;
	text-align: center;
}

.itl-reason-select {
	width: 100%;
	padding: 6px 8px;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.itl-qty-input:disabled,
.itl-reason-select:disabled {
	opacity: .35;
	cursor: not-allowed;
	background: #f9f9f9;
}

/* ---- Cost note under return button ---- */
.itl-return-cost-note {
	margin: 8px 0 0;
	font-size: 12px;
	line-height: 1.45;
	color: #555;
	font-weight: 400;
	max-width: 260px;
	white-space: normal;
}

.itl-order-actions-wrap {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
	max-width: 280px;
}

.itl-order-actions-wrap .woocommerce-button,
.itl-order-actions-wrap .button {
	white-space: normal;
	text-align: center;
	line-height: 1.3;
}

.itl-view-order-return {
	margin: 24px 0;
	padding: 16px 18px;
	border: 1px solid #e0e0e0;
	border-radius: 6px;
	background: #f9f9f9;
}

.itl-view-order-return .itl-return-cost-note {
	max-width: none;
}

/* ---- Form legal notes ---- */
.itl-return-form-notes {
	margin: 0 0 24px;
	padding: 16px 18px;
	background: #f8f9fa;
	border-left: 4px solid #2271b1;
	border-radius: 0 6px 6px 0;
	font-size: 13px;
	line-height: 1.55;
	color: #444;
}

.itl-return-form-notes p {
	margin: 0 0 12px;
}

.itl-return-form-notes p:last-child {
	margin-bottom: 0;
}

/* ---- General reason textarea ---- */
.itl-general-reason {
	margin-bottom: 24px;
}

.itl-general-reason label {
	display: block;
	font-weight: 600;
	margin-bottom: 6px;
}

.itl-general-reason textarea.input-text {
	width: 100%;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
	resize: vertical;
	font-size: 14px;
}

/* ---- Validation message ---- */
.itl-no-items-msg {
	color: #c0392b;
	font-weight: 600;
	font-size: 14px;
	margin-bottom: 10px;
}

/* ---- Submit row ---- */
.itl-submit-row {
	padding-top: 18px;
	border-top: 1px solid #e8e8e8;
}

/* ---- Guest lookup form ---- */
.itl-return-lookup-form .form-row {
	margin-bottom: 18px;
}

.itl-return-lookup-form label {
	display: block;
	font-weight: 600;
	margin-bottom: 6px;
}

.itl-return-lookup-form .input-text {
	width: 100%;
	max-width: 440px;
	padding: 10px 12px;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 14px;
}

/* ---- Success screen ---- */
.itl-return-success {
	padding: 36px 28px;
	background: #f0fdf4;
	border: 1px solid #86efac;
	border-radius: 10px;
	text-align: center;
	max-width: 600px;
	margin: 0 auto;
}

.itl-success-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	background: #22c55e;
	color: #fff;
	border-radius: 50%;
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 16px;
}

.itl-return-success h3 {
	margin: 0 0 10px;
	font-size: 22px;
	color: #166534;
}

.itl-return-success p {
	color: #4b7a5e;
	margin-bottom: 20px;
}

/* ---- Email block (inside WC email) ---- */
.itl-return-email-block {
	margin: 20px 0;
}

/* ---- Responsive ---- */
@media (max-width: 600px) {
	.itl-items-table th:nth-child(3),
	.itl-items-table td:nth-child(3) {
		display: none;
	}

	.itl-col-reason {
		width: auto;
	}

	.itl-order-meta {
		flex-direction: column;
		gap: 6px;
	}
}