/* Black Friday 2026 site-wide pointers (bf-promo.php). Tokens ported verbatim from bf-v2.css :root (brand book 27.10). */
:root {
	--nv-surface: #FFFFFF;
	--nv-text: #2E2733;
	--nv-text-muted: #6E6472;
	--nv-cta: #A34A6E;
	--nv-cta-pressed: #8A3A5C;
	--nv-cta-text: #FFFFFF;
	--nv-promo: #F4DE86;
	--nv-night: #3C3440;
	--nv-night-line: #5E4B5A;
	--nv-glow: #F9E4EB;
	--nv-face-300: #E8A0B9;
	--nvbf-radius: 20px;
}

/* Top bar: the landing's running ribbon (bf-v2.css .nvbf2 .nvbf-ribbon), linking to the landing */
.nv-bfp-bar { position: relative; z-index: 1000; }
.nv-bfp-ribbon, .nv-bfp-ribbon:hover, .nv-bfp-ribbon:focus { display: block; overflow: hidden; white-space: nowrap; background: var(--nv-text); color: var(--nv-glow); text-decoration: none; font-size: 12px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; line-height: 36px; }
.nv-bfp-ribbon__track { display: inline-flex; animation: nv-bfp-marquee 60s linear infinite; }
.nv-bfp-ribbon:hover .nv-bfp-ribbon__track, .nv-bfp-ribbon:focus-visible .nv-bfp-ribbon__track { animation-play-state: paused; }
.nv-bfp-ribbon__track span { padding: 0 18px; }
.nv-bfp-ribbon__track span::after { content: '✦'; color: var(--nv-face-300); margin-left: 36px; }
@keyframes nv-bfp-marquee { to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .nv-bfp-ribbon__track { animation: none; } }

/* Main menu button */
/* size and shape come from the theme's li.btn („Запази час“); only the colours are the campaign's */
.main-navigation li.btn.nv-bfp-menu { margin-right: 12px !important; }
.main-navigation li.btn.nv-bfp-menu > a { color: var(--nv-promo) !important; background: var(--nv-night) !important; border-color: var(--nv-night) !important; }
.main-navigation.mob-menu li.btn.nv-bfp-menu { margin: 0 0 8px !important; }
.main-navigation.mob-menu li.btn.nv-bfp-menu > a { display: block; padding: 12px 20px !important; border-radius: 10px !important; text-align: center; line-height: 1.4 !important; }
.main-navigation li.btn.nv-bfp-menu > a:hover, .main-navigation li.btn.nv-bfp-menu > a:focus-visible { color: var(--nv-cta-text) !important; background: var(--nv-cta) !important; border-color: var(--nv-cta) !important; }

/* Homepage banner in place of the slider */
/* full bleed out of the 1140 column; below the header, which overlaps the hero on the homepage (vars from bf-promo.js) */
.nv-bfp-hero { display: block; position: relative; width: var(--nv-bfp-vw, 100vw); left: 50%; margin-left: calc(var(--nv-bfp-vw, 100vw) / -2); margin-top: var(--nv-bfp-head, 0px); background: var(--nv-night); }
.nv-bfp-hero img { display: block; width: 100%; height: auto; }

/* Popup */
.nv-bfp-pop { width: min(420px, calc(100vw - 32px)); max-height: calc(100vh - 32px); padding: 0; border: 0; border-radius: var(--nvbf-radius); overflow: auto; background: var(--nv-surface); color: var(--nv-text); }
.nv-bfp-pop::backdrop { background: rgb(60 52 64 / .6); }
.nv-bfp-pop__img img { display: block; width: 100%; height: auto; }
.nv-bfp-pop__b { padding: 20px 24px 24px; text-align: center; }
.nv-bfp-pop__b p { margin: 0 0 12px; color: var(--nv-text-muted); font-size: 15px; line-height: 1.5; }
.nv-bfp-pop__b .nv-bfp-pop__t { color: var(--nv-text); font-size: 22px; line-height: 1.25; text-transform: uppercase; }
.nv-bfp-pop__cta { display: inline-block; margin-top: 4px; padding: 12px 28px; border-radius: var(--nvbf-radius); background: var(--nv-cta); color: var(--nv-cta-text) !important; text-decoration: none; text-transform: uppercase; letter-spacing: .04em; }
.nv-bfp-pop__cta:hover, .nv-bfp-pop__cta:focus-visible { background: var(--nv-cta-pressed); }
.nv-bfp-pop__x { position: absolute; top: 10px; right: 10px; width: 36px; height: 36px; border: 0; border-radius: 50%; background: var(--nv-surface); color: var(--nv-text); font-size: 24px; line-height: 36px; cursor: pointer; }