/*
 * DiviTorque — Launch banner (FOMO layer)
 * Loaded only when dt_launch()['active'] is true. Source: 06-LAUNCH.md §4.
 * Uses semantic tokens only; numbers MUST match the in-plugin notice.
 */
/* ─── Summer Sale bar — dark premium (charcoal · amber accent · white CTA) ─── */
.dt-banner {
	position: relative; z-index: 30;
	display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0 16px;
	background: #15161A; color: #fff;
	font-size: var(--text-sm); line-height: 1.3; text-align: center;
	padding: 11px var(--gutter);
}
/* eyebrow — spinning-free sun + tracked label, warm amber */
.dt-banner__tag {
	display: inline-flex; align-items: center; gap: 7px;
	font-size: 11px; font-weight: var(--fw-semi); letter-spacing: .12em; text-transform: uppercase;
	color: #FFD9A0;
}
.dt-banner__sun { color: var(--mesh-amber); flex: none; }
/* thin divider between the eyebrow and the offer */
.dt-banner__sep { flex: none; width: 1px; height: 14px; background: rgba(255,255,255,.22); }
.dt-banner__offer { font-weight: var(--fw-med); color: rgba(255,255,255,.92); }
.dt-banner__off { font-weight: var(--fw-semi); color: #fff; }
/* clean white pill CTA */
.dt-banner__cta {
	display: inline-flex; align-items: center; gap: 5px; margin-left: 4px;
	color: #15161A; background: #fff; font-weight: var(--fw-semi);
	padding: 6px 15px; border-radius: var(--radius-pill); white-space: nowrap;
	transition: transform var(--dur-base) var(--ease), box-shadow var(--dur-base) var(--ease);
}
.dt-banner__cta:hover { transform: translateY(-1px); box-shadow: 0 6px 18px rgba(0,0,0,.4); }
.dt-banner__cta:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }

@media (max-width: 560px) { .dt-banner { gap: 4px 12px; } .dt-banner__sep { display: none; } }
/* ─── Segmented countdown (chips adapt to text color via currentColor) ─ */
.dt-countdown { display: inline-flex; align-items: stretch; gap: 5px; vertical-align: middle; font-variant-numeric: tabular-nums; }
.dt-cd__u { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px;
	min-width: 34px; padding: 3px 7px; border-radius: 8px; line-height: 1;
	background: color-mix(in srgb, currentColor 10%, transparent);
	border: 1px solid color-mix(in srgb, currentColor 16%, transparent); }
.dt-cd__u b { font-size: 14px; font-weight: var(--fw-semi); letter-spacing: .01em; }
.dt-cd__u i { font-size: 8.5px; font-style: normal; letter-spacing: .1em; text-transform: uppercase; opacity: .62; }
.dt-cd__u--sec b { animation: dt-cd-pulse .9s var(--ease) both; }
.dt-cd__closed { font-weight: var(--fw-semi); }
@keyframes dt-cd-pulse { 0% { transform: scale(1.22); opacity: .55; } 100% { transform: scale(1); opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .dt-cd__u--sec b { animation: none; } }

/* bigger, bolder in the CTA closer — the "crazy" moment */
.dt-cta-block__countdown { display: flex; flex-direction: column; align-items: center; gap: 12px; margin-top: 24px; font-size: var(--text-sm); }
.dt-cta-block__countdown .dt-countdown { gap: 8px; }
.dt-cta-block__countdown .dt-cd__u { min-width: 60px; padding: 10px 14px; border-radius: var(--radius-md); }
.dt-cta-block__countdown .dt-cd__u b { font-size: 28px; letter-spacing: -.01em; }
.dt-cta-block__countdown .dt-cd__u i { font-size: 10px; margin-top: 3px; }