/* Sisi Suite — front styles. Inherits theme tokens (--sa-*) when the
   Sisi Alagbo theme is active; sane fallbacks otherwise. */

/* Points box at checkout */
.sisi-points-box {
	background: var(--sa-surface, #fff);
	border: 1px solid var(--sa-border, #dcefe1);
	border-left: 4px solid var(--sa-accent, #F4B400);
	border-radius: var(--sa-radius-sm, 12px);
	padding: 16px 18px;
	margin-bottom: 22px;
}
.sisi-points-box__balance { margin: 0 0 10px; }
.sisi-points-box__form { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.sisi-points-box__form input[type="number"] {
	width: 140px;
	padding: 10px 14px;
	border: 1.5px solid var(--sa-border, #dcefe1);
	border-radius: 999px;
	background: var(--sa-bg, #F7FFF8);
	color: inherit;
}
.sisi-points-earn-note {
	background: var(--sa-surface-2, #eef8f0);
	border-radius: 12px;
	padding: 12px 16px;
}

/* Rewards account page */
.sisi-rewards-summary {
	display: grid;
	gap: 18px;
	background: linear-gradient(135deg, var(--sa-primary, #1F7A3D), var(--sa-dark, #102A19));
	color: #f2fff5;
	border-radius: 18px;
	padding: 24px;
	margin-bottom: 26px;
}
.sisi-rewards-summary__balance { display: flex; flex-direction: column; }
.sisi-rewards-summary__balance span { font-size: 13px; text-transform: uppercase; letter-spacing: .08em; opacity: .8; }
.sisi-rewards-summary__balance strong { font-size: 44px; line-height: 1.1; color: var(--sa-accent, #F4B400); }
.sisi-rewards-summary__balance em { font-style: normal; opacity: .85; }
.sisi-rewards-summary__rules { margin: 0; padding-left: 18px; font-size: 14px; }
.sisi-rewards-summary__rules li { margin-bottom: 4px; }
@media (min-width: 640px) {
	.sisi-rewards-summary { grid-template-columns: auto 1fr; align-items: center; }
}
.sisi-rewards-log .is-earn { color: var(--sa-primary, #1F7A3D); font-weight: 700; }
.sisi-rewards-log .is-spend { color: #b32d2e; font-weight: 700; }

/* Tracking */
.sisi-track-form { max-width: 460px; margin-bottom: 8px; }
.sisi-track-form label { display: block; font-weight: 600; margin-bottom: 4px; }
.sisi-track-form input {
	width: 100%;
	padding: 12px 16px;
	border: 1.5px solid var(--sa-border, #dcefe1);
	border-radius: 12px;
	background: var(--sa-surface, #fff);
	color: inherit;
}
.sisi-track-error {
	background: #fdeaea;
	color: #8f2424;
	border-radius: 12px;
	padding: 12px 16px;
}
.sisi-track-result { margin-top: 26px; }
.sisi-track-courier { display: flex; flex-wrap: wrap; gap: 8px 22px; color: var(--sa-muted, #5d6b61); }

.sisi-timeline { list-style: none; margin: 18px 0 0; padding: 0; }
.sisi-timeline li {
	position: relative;
	padding: 0 0 24px 34px;
	color: var(--sa-muted, #5d6b61);
}
.sisi-timeline li::before {
	content: "";
	position: absolute;
	left: 8px; top: 10px; bottom: -8px;
	width: 2px;
	background: var(--sa-border, #dcefe1);
}
.sisi-timeline li:last-child::before { display: none; }
.sisi-timeline li::after {
	content: "";
	position: absolute;
	left: 0; top: 4px;
	width: 18px; height: 18px;
	border-radius: 50%;
	background: var(--sa-surface, #fff);
	border: 3px solid var(--sa-border, #dcefe1);
}
.sisi-timeline li.is-done { color: inherit; }
.sisi-timeline li.is-done::after { border-color: var(--sa-secondary, #2FA84F); background: var(--sa-secondary, #2FA84F); }
.sisi-timeline li.is-done::before { background: var(--sa-secondary, #2FA84F); }
.sisi-timeline li.is-current strong { color: var(--sa-primary, #1F7A3D); }
.sisi-timeline li.is-current::after { box-shadow: 0 0 0 5px rgba(47, 168, 79, .22); }
.sisi-timeline time { display: block; font-size: 12.5px; color: var(--sa-muted, #5d6b61); }

/* Newsletter */
.sisi-newsletter-form { position: relative; }
.sisi-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; opacity: 0; }
.sisi-newsletter-msg { flex-basis: 100%; margin: 6px 0 0; font-size: 14px; font-weight: 600; color: var(--sa-primary, #1F7A3D); }