/* ---------------------------------------------------------
   Christmas (standalone) — place at: /wp-content/themes/your-child/css/christmas.css
   This file is NOT part of your SCSS build. Load it via wp_enqueue_style when the toggle is on.
   Safe: does not touch fonts or button colors.
----------------------------------------------------------*/

/* Container overlay */
body.is-christmas #snow-wrapper{
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:9999;
}

/* A single flake */
body.is-christmas #snow-wrapper .snow{
  position:absolute;
  top:-10px;
  left:calc(var(--x,50) * 1%);
  width:var(--size,6px);
  height:var(--size,6px);
  border-radius:50%;
  background:rgba(255,255,255,.95);
  animation:snow-fall var(--dur,12s) linear infinite;
  animation-delay:var(--delay,0s);
  will-change:transform;
}

@keyframes snow-fall{
  0%   { transform: translate3d(0, -10px, 0); }
  100% { transform: translate3d(var(--drift, 0), 110vh, 0); }
}

/* Optional: subtle festive underline on the navbar */
body.is-christmas #wrapper-navbar{
  position:relative;
}
body.is-christmas #wrapper-navbar::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:-1px;
  height:4px;
  background:linear-gradient(90deg,#c1121f 0%, #2b9348 100%);
}

body.is-christmas .navbar-brand {
  background-image: url('../images/motorcycle-essentials-logo-snow.svg');
}