/* Sale countdowns + Black Friday page (inc/nbg-black-friday.php). Dark theme, NBG orange #ff5a1f. */
.nbg-countdown {
	display: inline-flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 6px;
	padding: 3px 8px;
	border: 1px solid rgba(255, 90, 31, .45);
	border-radius: 6px;
	background: rgba(255, 90, 31, .10);
	color: #ff5a1f;
	font-size: 12px;
	line-height: 1.3;
	font-variant-numeric: tabular-nums;
}
.nbg-countdown:not(.is-ready) { visibility: hidden; }
.nbg-countdown__label {
	font-weight: 600;
	font-size: .85em;
	letter-spacing: .04em;
	text-transform: uppercase;
}
.nbg-countdown__time { color: #fff; font-weight: 700; white-space: nowrap; }
.nbg-countdown.is-done {
	border-color: rgba(255, 255, 255, .15);
	background: rgba(255, 255, 255, .04);
	color: #9a9a9a;
}

/* Product cards: left-aligned with the title/price. Flatsome's `.text-center > div`
   sets margin-left/right:auto on every direct child div of .box-text, which centred
   the countdown inside the card's flex column (owner 2026-11-12). */
.box-text .nbg-countdown--card { margin-left: 0; margin-right: 0; align-self: flex-start; }

/* Single product page: under the price. */
.nbg-countdown--single { margin: 4px 10px 14px 0;padding: 7px 14px; font-size: 15px; border-radius: 8px; }

/* Card whose sale ended while the page was open. */
.product-small.nbg-sale-ended { filter: grayscale(1); opacity: .5; transition: opacity .4s, filter .4s; }

/* Black Friday page */
.nbg-bf { width: 100%; order: 3; }
.nbg-bf-hero {
	margin: 0 0 22px;
	padding: 26px 16px;
	border: 1px solid rgba(255, 90, 31, .45);
	border-radius: 14px;
	background: linear-gradient(135deg, #151515 0%, #1f0f08 100%);
	text-align: center;
}
.nbg-bf-hero__title { margin: 0 0 12px; color: #fff; }
.nbg-bf-hero__text { margin: 0; color: #bbb; }
.nbg-countdown--hero {
	justify-content: center;
	margin: 0;
	padding: 10px 18px;
	border-radius: 10px;
	font-size: clamp(18px, 4.5vw, 34px);
}
.nbg-countdown--hero .nbg-countdown__label { font-size: .5em; letter-spacing: .08em; }

.nbg-bf-filters { margin: 0 0 18px; }
.nbg-bf-chips { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 10px; }
.nbg-bf-chips__label {
	margin-right: 4px;
	color: #999;
	font-size: 12px;
	letter-spacing: .06em;
	text-transform: uppercase;
}
.nbg-bf-chip {
	margin: 0;
	padding: 5px 12px;
	min-height: 0;
	border: 1px solid rgba(255, 255, 255, .22);
	border-radius: 999px;
	background: transparent;
	color: #ddd;
	font-size: 13px;
	line-height: 1.4;
	text-transform: none;
	letter-spacing: 0;
	cursor: pointer;
}
.nbg-bf-chip:hover { border-color: #ff5a1f; color: #fff; }
.nbg-bf-chip.is-active { border-color: #ff5a1f; background: #ff5a1f; color: #111; }
.nbg-bf-chip__n { opacity: .65; font-size: .85em; }
.nbg-bf-grid .nbg-bf-hidden { display: none !important; }
.nbg-bf-nomatch { color: #aaa; }

/* Black Friday item in the header product menu (menu item class `nbg-bf-menu`, owner
   2026-11-12): NBG orange with a soft, slow glow. Static glow for reduced motion. */
@keyframes nbg-bf-glow {
	0%, 100% { text-shadow: 0 0 4px rgba(255, 90, 31, .35); }
	50%      { text-shadow: 0 0 10px rgba(255, 90, 31, .85), 0 0 18px rgba(255, 90, 31, .35); }
}
#menu-main-menu > li.nbg-bf-menu > a,
.nbg-bf-menu > a {
	color: #ff5a1f;
	text-shadow: 0 0 6px rgba(255, 90, 31, .55);
	animation: nbg-bf-glow 2.5s ease-in-out infinite;
}
#menu-main-menu > li.nbg-bf-menu > a:hover,
#menu-main-menu > li.nbg-bf-menu > a:focus-visible,
.nbg-bf-menu > a:hover {
	color: #ff7a47;
}
@media (prefers-reduced-motion: reduce) {
	#menu-main-menu > li.nbg-bf-menu > a,
	.nbg-bf-menu > a { animation: none; text-shadow: 0 0 6px rgba(255, 90, 31, .55); }
}