/* ---------------------------------------------------------------------
 * FC-041 — Public "Kargo Takip" tracking-number lookup page.
 *
 * Loaded only where the "Kargo Takip" page template is assigned (see
 * inc/tracking-page.php). Every selector stays anchored to .tracking-lookup-page
 * so the sheet cannot reach WooCommerce cart/checkout/account, blog or the
 * generic page surface — same discipline as legal.css.
 *
 * Design system: the existing FlowCommerce language, nothing new. Cream page
 * ground, one white content surface, the shared radius/spacing/type tokens.
 * Colours come from tokens.css only.
 * ------------------------------------------------------------------- */

.tracking-lookup-page {
	--fcsu-tracking-measure: var(--fc-container-content, 800px);
}

.tracking-lookup-page.site-main {
	padding-block: var(--fc-space-3) var(--fc-space-5);
}

.tracking-lookup-page__article {
	width: min(100%, var(--fcsu-tracking-measure));
	min-width: 0;
	margin-inline: auto;
}

.tracking-lookup-page__head {
	margin: 0 0 var(--fc-space-4);
	text-align: left;
}

.tracking-lookup-page .fcsu-page-breadcrumb {
	display: flex;
	flex-wrap: wrap;
	gap: var(--fc-space-1);
	align-items: center;
	margin: 0 0 var(--fc-space-2);
	color: var(--fc-text-muted);
	font-size: 0.86rem;
	line-height: 1.4;
	overflow-wrap: anywhere;
}

.tracking-lookup-page .fcsu-page-breadcrumb a {
	color: var(--fc-text);
	font-weight: 700;
	text-decoration: none;
}

.tracking-lookup-page .fcsu-page-breadcrumb a:hover {
	text-decoration: underline;
}

.tracking-lookup-page__title {
	margin: 0 0 var(--fc-space-2);
	color: var(--fc-brand-primary);
}

.tracking-lookup-page__intro {
	margin: 0;
	max-width: 60ch;
	color: var(--fc-text-muted);
	line-height: 1.6;
}

.tracking-lookup-page__content {
	background: var(--fc-surface);
	border: 1px solid var(--fc-border);
	border-radius: var(--fc-radius-lg);
	padding: var(--fc-space-4);
}

/* ---------------------------------------------------------------------
 * Form
 * ------------------------------------------------------------------- */

.fcsu-tracking-form {
	display: flex;
	flex-direction: column;
	gap: var(--fc-space-2);
	max-width: 32rem;
}

.fcsu-tracking-form__label {
	font-weight: 700;
	color: var(--fc-text);
}

.fcsu-tracking-form__row {
	display: flex;
	flex-wrap: wrap;
	gap: var(--fc-space-2);
}

.fcsu-tracking-form__input {
	flex: 1 1 14rem;
	min-width: 0;
	padding: 0.75rem 1rem;
	border: 1px solid var(--fc-border);
	border-radius: var(--fc-radius-sm);
	background: var(--fc-background);
	color: var(--fc-text);
	font-size: 1rem;
}

.fcsu-tracking-form__input:focus-visible {
	outline: 2px solid var(--fc-brand-accent);
	outline-offset: 2px;
}

.fcsu-tracking-form__submit {
	flex: 0 0 auto;
	white-space: nowrap;
}

.fcsu-tracking-form__notice {
	margin: 0;
	padding: 0.75rem 1rem;
	border-radius: var(--fc-radius-sm);
	background: color-mix(in srgb, var(--fc-danger) 12%, var(--fc-surface));
	color: var(--fc-danger);
	font-size: 0.95rem;
}

@media (max-width: 480px) {
	.fcsu-tracking-form__row {
		flex-direction: column;
		align-items: stretch;
	}

	.fcsu-tracking-form__submit {
		width: 100%;
	}
}