/* Luga Order Tracking — палитрата на редизайна (woocommerce-lugabg-design-theme). */
.luga-ot {
	--lot-ink: #102F46;
	--lot-ink2: #52636F;
	--lot-line: #CFDCE2;
	--lot-card-line: #EADFD7;
	--lot-primary: #075985;
	--lot-sea: #278FA4;
	--lot-wash: #EAF8FA;
	--lot-action: #DF7F55;
	--lot-action-hover: #C9683F;
	--lot-ok: #23866F;
	--lot-bad: #93482F;
	--lot-bad-bg: #FFF7F3;
	--lot-bad-line: #E3B5A4;
	max-width: 560px;
	margin: 8px 0 48px;
	color: var(--lot-ink);
	font-family: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	font-size: 16px;
	line-height: 1.5;
}
.luga-ot *, .luga-ot *::before, .luga-ot *::after { box-sizing: border-box; }
.luga-ot p { margin: 0 0 12px; }
.luga-ot .luga-ot-sr {
	position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
	overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}
.luga-ot.luga-ot a.luga-ot-link { color: var(--lot-sea); font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }
.luga-ot.luga-ot a.luga-ot-link:hover { color: var(--lot-primary); }
.luga-ot a:focus-visible, .luga-ot button:focus-visible, .luga-ot input:focus-visible, .luga-ot [tabindex="-1"]:focus-visible {
	outline: 3px solid var(--lot-sea); outline-offset: 2px;
}
.luga-ot [tabindex="-1"]:focus:not(:focus-visible) { outline: none; }

/* Форма */
.luga-ot .luga-ot-intro { color: var(--lot-ink2); font-size: 15px; margin-bottom: 18px; }
.luga-ot .luga-ot-form {
	background: #fff; border: 1px solid var(--lot-card-line); border-radius: 16px; padding: 20px 18px 18px;
}
.luga-ot .luga-ot-field { margin-bottom: 18px; }
.luga-ot .luga-ot-label { display: block; font-weight: 700; font-size: 15px; margin: 0 0 6px; color: var(--lot-ink); }
.luga-ot .luga-ot-input {
	display: block; width: 100%; min-height: 52px; margin: 0; padding: 12px 14px;
	border: 1.5px solid var(--lot-line); border-radius: 12px; background: #fff; box-shadow: none;
	color: var(--lot-ink); font: 500 16px/1.3 "Manrope", system-ui, sans-serif;
}
.luga-ot .luga-ot-input:focus { border-color: var(--lot-sea); box-shadow: 0 0 0 3px rgba(39, 143, 164, .22); outline: none; }
.luga-ot .luga-ot-input[aria-invalid="true"] { border-color: var(--lot-bad); }
.luga-ot .luga-ot-hint { font-size: 13px; color: var(--lot-ink2); margin: 6px 0 0; }
.luga-ot .luga-ot-field-error { font-size: 13.5px; color: var(--lot-bad); font-weight: 600; margin: 6px 0 0; }
.luga-ot .luga-ot-hp { position: absolute !important; left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden; }

.luga-ot .luga-ot-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	width: 100%; min-height: 54px; margin: 4px 0 0; padding: 12px 22px;
	border: 0; border-radius: 14px; background: var(--lot-action); background-image: none;
	box-shadow: none; text-shadow: none; color: #fff; cursor: pointer;
	font: 700 16px/1.2 "Manrope", system-ui, sans-serif; text-decoration: none;
	transition: background-color .15s ease;
}
.luga-ot.luga-ot a.luga-ot-btn { color: #fff; text-decoration: none; }
.luga-ot .luga-ot-btn:hover { background: var(--lot-action-hover); }
.luga-ot .luga-ot-btn[disabled], .luga-ot .luga-ot-btn[aria-busy="true"] { background: #E9C3B0; cursor: not-allowed; }
.luga-ot .luga-ot-btn--ghost, .luga-ot.luga-ot a.luga-ot-btn--ghost {
	background: transparent; color: var(--lot-primary); border: 1.5px solid #BFD6E1; min-height: 48px; font-size: 15px;
}
.luga-ot .luga-ot-btn--ghost:hover, .luga-ot.luga-ot a.luga-ot-btn--ghost:hover { background: var(--lot-wash); color: var(--lot-primary); }
.luga-ot .luga-ot-recaptcha { font-size: 12px; color: #7A8891; margin: 10px 0 0; }
.luga-ot .luga-ot-help { font-size: 14px; color: var(--lot-ink2); margin: 16px 0 0; line-height: 1.7; }

/* Съобщения */
.luga-ot .luga-ot-alert {
	display: flex; gap: 12px; align-items: flex-start; margin: 0 0 18px; padding: 13px 14px;
	border: 1px solid var(--lot-bad-line); border-radius: 14px; background: var(--lot-bad-bg); color: var(--lot-bad);
	font-size: 15px;
}
.luga-ot .luga-ot-alert p { margin: 0 0 4px; }
.luga-ot .luga-ot-alert p:last-child { margin-bottom: 0; }
.luga-ot .luga-ot-alert-icon {
	flex: 0 0 24px; height: 24px; border-radius: 50%; background: var(--lot-bad); color: #fff;
	font: 700 14px/24px "Manrope", system-ui, sans-serif; text-align: center;
}
.luga-ot .luga-ot-alert--info { background: var(--lot-wash); border-color: #B5DCE5; color: #0B4F6E; }
.luga-ot .luga-ot-alert--info .luga-ot-alert-icon { background: var(--lot-sea); }
.luga-ot .luga-ot-alert-title { display: block; margin-bottom: 2px; }
.luga-ot .luga-ot-wait { font-variant-numeric: tabular-nums; font-weight: 700; }

/* Мои поръчки / админ */
.luga-ot .luga-ot-mine { background: var(--lot-wash); border: 1px solid #CFE4EA; border-radius: 16px; padding: 14px 16px; margin: 0 0 20px; }
.luga-ot .luga-ot-mine-title { font: 600 19px/1.3 "Spectral", Georgia, serif; margin: 0 0 6px; color: var(--lot-ink); }
.luga-ot .luga-ot-mine-list { list-style: none; margin: 0; padding: 0; }
.luga-ot .luga-ot-mine-row { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; padding: 9px 0; border-top: 1px solid #CFE4EA; font-size: 14.5px; margin: 0; }
.luga-ot .luga-ot-mine-row:first-child { border-top: 0; }
.luga-ot .luga-ot-mine-date { color: var(--lot-ink2); font-size: 13px; }
.luga-ot .luga-ot-mine-row .luga-ot-status { margin-left: auto; }
.luga-ot .luga-ot-mine-all { margin: 8px 0 4px; font-size: 14.5px; }
.luga-ot .luga-ot-mine-note { margin: 0; font-size: 13.5px; color: var(--lot-ink2); }
.luga-ot .luga-ot-admin-note { font-size: 13.5px; background: #FFF6F5; border-radius: 12px; padding: 10px 14px; color: var(--lot-ink2); }

/* Резултат */
.luga-ot .luga-ot-summary { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.luga-ot .luga-ot-order-title { font: 600 26px/1.15 "Spectral", Georgia, serif; margin: 0; color: var(--lot-ink); }
.luga-ot--account .luga-ot-order-title { font-size: 21px; }
.luga-ot .luga-ot-order-date { font-size: 14px; color: var(--lot-ink2); margin: 2px 0 0; }
.luga-ot .luga-ot-status {
	display: inline-block; white-space: nowrap; border-radius: 999px; padding: 7px 11px;
	background: var(--lot-wash); color: var(--lot-primary); font: 700 12.5px/1 "Manrope", system-ui, sans-serif;
}
.luga-ot .luga-ot-status--completed { background: #E6F4EF; color: var(--lot-ok); }
.luga-ot .luga-ot-status--cancelled, .luga-ot .luga-ot-status--failed, .luga-ot .luga-ot-status--refunded { background: var(--lot-bad-bg); color: var(--lot-bad); }
.luga-ot .luga-ot-status--pending, .luga-ot .luga-ot-status--on-hold { background: #FBF1DE; color: #8A5A0F; }
.luga-ot .luga-ot-match { font-size: 13px; color: var(--lot-ink2); margin: 10px 0 16px; }
.luga-ot .luga-ot-notice { background: #FFF6F5; border-radius: 12px; padding: 12px 14px; margin: 14px 0; }
.luga-ot .luga-ot-muted { color: var(--lot-ink2); font-size: 14px; }

.luga-ot .luga-ot-steps { list-style: none; margin: 16px 0 20px; padding: 0; }
.luga-ot .luga-ot-step { position: relative; display: grid; grid-template-columns: 26px 1fr; gap: 12px; margin: 0; padding: 0 0 16px; }
.luga-ot .luga-ot-step::after { content: ""; position: absolute; left: 12px; top: 26px; bottom: 0; border-left: 2px solid #D7E4E9; }
.luga-ot .luga-ot-step:last-child::after { display: none; }
.luga-ot .luga-ot-step--done::after, .luga-ot .luga-ot-step--now::after { border-color: var(--lot-ok); }
.luga-ot .luga-ot-step--now::after { border-color: #D7E4E9; }
.luga-ot .luga-ot-step-dot { width: 26px; height: 26px; border-radius: 50%; border: 2px solid #C8D6DC; background: #fff; }
.luga-ot .luga-ot-step--done .luga-ot-step-dot {
	background: var(--lot-ok) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 14px no-repeat;
	border-color: var(--lot-ok);
}
.luga-ot .luga-ot-step--now .luga-ot-step-dot { border-color: var(--lot-sea); box-shadow: 0 0 0 4px rgba(39, 143, 164, .18); background: radial-gradient(circle, var(--lot-sea) 4px, #fff 4.5px); }
.luga-ot .luga-ot-step-label { display: block; font-weight: 700; line-height: 1.3; padding-top: 3px; }
.luga-ot .luga-ot-step--todo .luga-ot-step-label { color: #7F8E97; font-weight: 600; }
.luga-ot .luga-ot-step-date { display: block; font-size: 13px; color: var(--lot-ink2); }

.luga-ot .luga-ot-ship { border: 1px solid #D9E7EC; border-radius: 14px; background: #fff; padding: 14px 16px; margin: 0 0 14px; }
.luga-ot .luga-ot-ship-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 4px 12px; margin-bottom: 8px; }
.luga-ot .luga-ot-ship-name { font: 700 16px/1.3 "Manrope", system-ui, sans-serif; margin: 0; color: var(--lot-ink); }
.luga-ot .luga-ot-eta { font-size: 13px; font-weight: 700; color: var(--lot-ok); }
.luga-ot .luga-ot-kv { display: grid; grid-template-columns: auto 1fr; gap: 4px 14px; margin: 0; font-size: 14px; }
.luga-ot .luga-ot-kv dt { color: var(--lot-ink2); font-weight: 500; margin: 0; }
.luga-ot .luga-ot-kv dd { margin: 0; text-align: right; font-weight: 600; }
.luga-ot .luga-ot-mono { font-family: ui-monospace, "Cascadia Mono", Consolas, monospace; font-variant-numeric: tabular-nums; }
.luga-ot .luga-ot-events-title { font-weight: 700; font-size: 14px; margin: 14px 0 6px; padding-top: 12px; border-top: 1px dashed #D9E7EC; }
.luga-ot .luga-ot-events { list-style: none; margin: 0; padding: 0; font-size: 14px; }
.luga-ot .luga-ot-events li { display: grid; grid-template-columns: 118px 1fr; gap: 10px; margin: 0 0 8px; line-height: 1.4; }
.luga-ot .luga-ot-events time { font-size: 12.5px; color: var(--lot-ink2); font-variant-numeric: tabular-nums; }
.luga-ot .luga-ot-track { margin-top: 12px; }
.luga-ot .luga-ot-updated { font-size: 12px; color: #7A8891; margin: 10px 0 0; }
.luga-ot .luga-ot-again { margin-top: 20px; }

/* Customizer-ът дава #main{padding:0} — под 1340px съдържанието иначе опира в ръба. */
@media (max-width: 1339px) {
	.luga-ot { padding-left: 16px; padding-right: 16px; }
}
@media (min-width: 900px) {
	.luga-ot { max-width: 720px; }
	.luga-ot .luga-ot-form { max-width: 520px; padding: 24px; }
	.luga-ot .luga-ot-form .luga-ot-btn { width: auto; min-width: 260px; }
	.luga-ot .luga-ot-order-title { font-size: 30px; }
	.luga-ot .luga-ot-steps { display: grid; grid-template-columns: repeat(5, 1fr); }
	.luga-ot .luga-ot-step { grid-template-columns: 1fr; padding: 0 10px 0 0; gap: 8px; }
	.luga-ot .luga-ot-step::after { left: 30px; right: 4px; top: 12px; bottom: auto; border-left: 0; border-top: 2px solid #D7E4E9; }
	.luga-ot .luga-ot-step--done::after { border-top-color: var(--lot-ok); }
	.luga-ot .luga-ot-track, .luga-ot .luga-ot-again .luga-ot-btn { width: auto; }
}
@media (max-width: 380px) {
	.luga-ot .luga-ot-events li { grid-template-columns: 1fr; gap: 0; }
	.luga-ot .luga-ot-summary { flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) {
	.luga-ot .luga-ot-btn { transition: none; }
}

/* Декоративната карта вдясно — само на широк екран. */
.luga-ot .luga-ot-art { display: none; }
@media (min-width: 1000px) {
	.luga-ot.luga-ot--page {
		max-width: 1180px;
		display: grid;
		grid-template-columns: minmax(0, 600px) minmax(0, 1fr);
		gap: 56px;
		align-items: start;
	}
	.luga-ot--page .luga-ot-main { min-width: 0; }
	.luga-ot .luga-ot-art { display: block; position: sticky; top: 120px; }
	.luga-ot .luga-ot-art-frame { border-radius: 28px; overflow: hidden; border: 1px solid #F1E3DB; }
	.luga-ot .luga-ot-art svg { display: block; width: 100%; height: auto; max-height: 540px; }
	.luga-ot .luga-ot-art-caption {
		margin: 14px 4px 0; text-align: center; color: var(--lot-ink2);
		font: italic 500 17px/1.4 "Spectral", Georgia, serif;
	}
}

/* Страницата „Благодарим“ */
.luga-ot.luga-ot--thankyou { max-width: none; margin: 0 0 24px; padding: 0; }
.luga-ot .luga-ot-thankyou-note {
	margin: 0; padding: 14px 16px; border-radius: 14px;
	background: var(--lot-wash); border: 1px solid #CFE4EA; color: var(--lot-ink); font-size: 15px;
}
/* В „Моят профил“ номерът и статусът вече са точно отгоре (WooCommerce) — не ги повтаряме. */
.luga-ot.luga-ot--account .luga-ot-summary { display: none; }