/**
 * GoalPrevail Shipping Countdown Timer — front-end banner.
 *
 * Deliberately low-specificity and theme-friendly: it inherits the theme's font
 * and text colour unless the store owner overrides them in the settings. Colour
 * comes through the --gpsct-accent / --gpsct-bg custom properties set inline.
 */

.gpsct {
	display: flex;
	align-items: center;
	gap: 0.5em;
	margin: 0.75em 0;
	line-height: 1.4;
	font-size: inherit;
}

.gpsct[hidden] {
	display: none;
}

/* Alignment ----------------------------------------------------------------- */
.gpsct--align-center { justify-content: center; text-align: center; }
.gpsct--align-right  { justify-content: flex-end; text-align: right; }
.gpsct--align-left   { justify-content: flex-start; text-align: left; }

/* Optional "box" background ------------------------------------------------- */
.gpsct--box {
	background: var(--gpsct-bg, #fbeaea);
	border-radius: 8px;
	padding: 0.6em 0.85em;
}

/* Icon ---------------------------------------------------------------------- */
.gpsct-icon {
	display: inline-flex;
	align-items: center;
	flex: none;
	color: var(--gpsct-accent, #e21e26);
	line-height: 0;
}
.gpsct-icon .gpsct-svg {
	height: 1.25em;
	width: auto;
	display: block;
}
/* If a store owner pastes their own Font Awesome icon, give it the accent size. */
.gpsct-icon i {
	font-size: 1.2em;
	line-height: 1;
}

/* Text + countdown ---------------------------------------------------------- */
.gpsct-text {
	min-width: 0;
}
.gpsct-countdown {
	color: var(--gpsct-accent, #e21e26);
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

/* The script reveals/hides whichever message applies; without JS the server's
   choice stands. */
.gpsct-msg[hidden] {
	display: none;
}