/* Bavly Seasonal — Christmas / Nativity theme. All rules scoped to body.bavly-xmas
   so they only apply while the master toggle is on. */

/* Festive top bar */
body.bxmas-promo .promo{
	background:linear-gradient(90deg,#0f5132 0%,#0b3d26 50%,#0f5132 100%) !important;
	color:#f6e7bf !important;
}
body.bxmas-promo .promo a{color:#ffffff !important;text-decoration:underline}
body.bxmas-promo .promo .bxmas-greet{color:#e9c565;font-weight:800}

/* Star over the header logo */
body.bxmas-logo #bvs-snav a.logo{position:relative;overflow:visible}
body.bxmas-logo #bvs-snav a.logo::after{
	content:"\2726"; /* ✦ */
	position:absolute;top:-9px;left:-7px;
	color:#c69a43;font-size:18px;line-height:1;
	text-shadow:0 0 10px rgba(198,154,67,.75);
	pointer-events:none;
	animation:bxmas-twinkle 2.6s ease-in-out infinite;
}
@keyframes bxmas-twinkle{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.82)}}

/* Festive banner (injected after the promo bar) */
.bavly-xmas-banner{
	display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 18px;
	background:linear-gradient(120deg,#0f5132,#0c3a27);
	color:#f6ecd4;border-top:2px solid #c69a43;border-bottom:2px solid #c69a43;
	padding:12px 16px;text-align:center;direction:rtl;font-weight:700;line-height:1.5;
}
.bavly-xmas-banner .txt{font-size:15.5px}
.bavly-xmas-banner .cd{color:#e9c565;font-weight:800;font-size:14.5px}
.bavly-xmas-banner .orderby{font-size:13px;color:#cfe4d6}
.bavly-xmas-banner .cta{
	background:#c69a43;color:#3a2a07;font-weight:800;font-size:14px;
	padding:8px 18px;border-radius:999px;text-decoration:none;white-space:nowrap;
	box-shadow:0 6px 14px rgba(0,0,0,.18);
}
.bavly-xmas-banner .cta:hover{background:#d8ad53}

/* Drifting gold stars overlay (built by JS) */
#bavly-xmas-snow{position:fixed;inset:0;pointer-events:none;z-index:40;overflow:hidden}
.bavly-flake{position:absolute;top:-30px;animation:bxmas-fall linear infinite;will-change:transform}
.bavly-flake>span{display:block;color:#c69a43;animation:bxmas-sway ease-in-out infinite alternate;will-change:transform}
@keyframes bxmas-fall{to{transform:translateY(112vh)}}
@keyframes bxmas-sway{
	from{transform:translateX(calc(var(--amp,12px) * -1)) rotate(-16deg)}
	to{transform:translateX(var(--amp,12px)) rotate(16deg)}
}

/* Respect reduced-motion: stop the animations, keep the look */
@media (prefers-reduced-motion: reduce){
	.bavly-flake,.bavly-flake>span{animation:none !important}
	body.bxmas-logo #bvs-snav a.logo::after{animation:none !important}
}

@media (max-width:600px){
	.bavly-xmas-banner{gap:6px 12px;padding:10px 14px}
	.bavly-xmas-banner .txt{font-size:14px}
	.bavly-xmas-banner .orderby{display:none}
}