/**
 * Guest order tracker — lookup form + status steps.
 *
 * Step circles/icons come from cart-checkout.css (.ae-checkout__progress).
 *
 * @package Arabia_Essence
 */

body.ae-order-tracking-page {
	background: var(--ae-color-page, #fff);
}

body.ae-order-tracking-page .ae-content-area {
	padding-top: 0;
}

.ae-guest-tracker-page {
	padding-top: clamp(1.75rem, 4vw, 2.75rem);
}

.ae-guest-tracker-page .ae-guest-tracker,
.ae-guest-tracker {
	width: 100%;
	max-width: 26rem;
	margin-left: auto;
	margin-right: auto;
}

.ae-guest-tracker__progress {
	pointer-events: none;
	margin-bottom: 1.5rem;
}

.ae-guest-tracker__panel {
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 2rem 1.75rem 1.75rem;
	border: 1px solid var(--ae-color-border, rgba(0, 87, 91, 0.12));
	border-radius: var(--ae-radius-lg, 16px);
	background: #fff;
	box-shadow: 0 28px 80px rgba(15, 35, 35, 0.1);
	box-sizing: border-box;
	order: unset;
	align-self: stretch;
}

.ae-guest-tracker__head {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0 0 1.25rem;
	text-align: center;
}

.ae-guest-tracker__eyebrow {
	margin: 0 0 0.35rem;
	color: #8A6614;
	font-size: 0.6875rem;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.ae-guest-tracker__head h2 {
	margin: 0;
	font-family: var(--ae-font-heading);
	font-size: 1.75rem;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: none;
	line-height: 1.2;
	color: var(--ae-color-primary, #00575B);
}

.ae-guest-tracker__lead {
	margin: 0.5rem 0 0;
	color: var(--ae-color-text-muted, #4a4a4a);
	font-size: 0.875rem;
	line-height: 1.55;
	text-align: center;
}

.ae-guest-tracker__error {
	margin: 0 0 1.25rem;
	padding: 0.85rem 1rem;
	border: 1px solid rgba(0, 87, 91, 0.16);
	border-left: 4px solid var(--ae-color-gold, #9e7618);
	background: #f7f9f9;
	color: var(--ae-color-dark, #1a1a1a);
}

.ae-guest-tracker__form .form-row {
	margin: 0 0 1rem;
}

.ae-guest-tracker__form .form-row-wide {
	width: 100%;
}

.ae-guest-tracker__submit {
	margin-top: 1.25rem;
	margin-bottom: 0;
}

.ae-guest-tracker__panel .ae-btn--primary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: none;
	min-height: 52px;
	margin: 0;
	padding: 0.9rem 1.5rem;
	border-radius: var(--ae-btn-radius, 6px);
	border: 1px solid var(--ae-color-primary);
	background: var(--ae-color-primary);
	color: var(--ae-btn-fg, #e8d5a3);
	font-family: var(--ae-font-body);
	font-size: 0.75rem;
	font-weight: 500;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	line-height: 1.2;
	text-decoration: none;
	box-sizing: border-box;
}

.ae-guest-tracker__panel .ae-btn--primary:hover,
.ae-guest-tracker__panel .ae-btn--primary:focus-visible {
	background: var(--ae-color-primary);
	color: var(--ae-btn-fg, #e8d5a3);
}

.ae-guest-tracker__actions {
	margin: 0;
}

.ae-guest-tracker__actions--stack {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}

.ae-guest-tracker__note {
	margin: 0 0 1.25rem;
	font-size: 0.875rem;
	line-height: 1.55;
	text-align: center;
	color: var(--ae-color-text-muted, #4a4a4a);
}

.ae-guest-tracker__closed {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.75rem;
	margin: clamp(1.75rem, 4vw, 2.75rem) auto clamp(1.5rem, 3vw, 2.25rem);
	padding: 0.5rem 0.75rem 0;
	text-align: center;
}

.ae-guest-tracker__closed .ae-checkout__step-num {
	background: var(--ae-color-primary);
	border-color: var(--ae-color-primary);
	color: var(--ae-btn-fg, #e8d5a3);
	box-shadow:
		inset 0 0 0 1px rgba(232, 213, 163, 0.28),
		0 8px 18px -10px rgba(0, 87, 91, 0.45);
}

.ae-guest-tracker__closed .ae-checkout__step-label {
	color: var(--ae-color-primary);
	font-weight: 600;
}

.ae-guest-tracker__panel .ae-btn--outline {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: none;
	min-height: 52px;
	margin: 0;
	padding: 0.9rem 1.5rem;
	border-radius: var(--ae-btn-radius, 6px);
	border: 1px solid #dedbd4;
	background: #fff;
	color: var(--ae-color-primary);
	font-family: var(--ae-font-body);
	font-size: 0.75rem;
	font-weight: 500;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	line-height: 1.2;
	text-decoration: none;
	box-sizing: border-box;
}

.ae-guest-tracker__panel .ae-btn--outline:hover,
.ae-guest-tracker__panel .ae-btn--outline:focus-visible {
	border-color: var(--ae-color-primary);
	color: var(--ae-color-primary);
}

.ae-guest-tracker__form label {
	display: block;
	margin-bottom: 0.35rem;
	font-family: var(--ae-font-body);
	font-size: 0.75rem;
	font-weight: 500;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--ae-color-text);
}

.ae-guest-tracker__form .woocommerce-input-wrapper {
	display: block;
	width: 100%;
}

.ae-guest-tracker__form input.input-text {
	width: 100%;
	max-width: 100%;
	min-height: 52px;
	padding: 0.95rem 1rem;
	border: 1px solid rgba(0, 87, 91, 0.12);
	border-radius: var(--ae-radius-sm, 8px);
	background: #fff;
	color: var(--ae-color-dark, #1a1a1a);
	font-family: var(--ae-font-body);
	font-size: 0.9375rem;
	box-sizing: border-box;
}

.ae-guest-tracker__form input.input-text:focus {
	outline: none;
	border-color: var(--ae-color-primary);
	box-shadow: 0 0 0 1px var(--ae-color-primary);
	background: #fff;
}