/**
 * ThemeFour Shamsi — [shamsi_today_card] widget.
 *
 * A compact card showing today's date in both the Jalali and Gregorian
 * calendars, with an optional live clock — the front-end counterpart of the
 * control-panel hero. Self-contained; the accent color drives the gradient and
 * defaults to the brand turquoise.
 */

.tfc-today-card {
	--tfc-accent: #0e9c9c;
	--tfc-radius: 16px;

	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: 8px;
	inline-size: 100%;
	max-inline-size: 340px;
	margin-inline: auto;
	padding: 20px 22px;
	border-radius: var(--tfc-radius);
	background:
		linear-gradient(135deg,
			color-mix(in srgb, var(--tfc-accent) 78%, #000) 0%,
			var(--tfc-accent) 100%);
	color: #fff;
	font-family: inherit;
	line-height: 1.5;
	box-shadow: 0 10px 30px color-mix(in srgb, var(--tfc-accent) 30%, transparent);
	position: relative;
	overflow: hidden;
}

.tfc-today-card * {
	box-sizing: border-box;
}

/* Girih-inspired star lattice, echoing the panel hero. */
.tfc-today-card::before {
	content: "";
	position: absolute;
	inset: 0;
	opacity: 0.12;
	pointer-events: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='1'%3E%3Cpath d='M32 5 39 25 59 32 39 39 32 59 25 39 5 32 25 25z'/%3E%3Ccircle cx='32' cy='32' r='6'/%3E%3C/g%3E%3C/svg%3E");
	background-size: 64px 64px;
}

.tfc-today-card > * {
	position: relative;
	z-index: 1;
}

.tfc-tc-label {
	font-size: 0.72em;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #f4c66a;
}

.tfc-tc-row {
	display: flex;
	align-items: center;
	gap: 9px;
	font-variant-numeric: tabular-nums;
}

.tfc-tc-row svg {
	inline-size: 17px;
	block-size: 17px;
	flex: none;
	opacity: 0.9;
}

.tfc-tc-shamsi {
	font-size: 1.18em;
	font-weight: 700;
}

.tfc-tc-greg {
	font-size: 0.92em;
	color: rgba(255, 255, 255, 0.85);
}

.tfc-tc-clock {
	font-size: 0.92em;
	color: rgba(255, 255, 255, 0.92);
	direction: ltr;
}

.tfc-tc-clock time {
	font-variant-numeric: tabular-nums;
	letter-spacing: 0.04em;
}