/* Doggieville MTL – holiday themes (lib/themes.js decides the day, js/dvtheme.js draws). Added in <head> only on theme
   days, together with <html data-dvtheme="…">, so the room under the menu is there before the page shows: nothing jumps. */
html[data-dvtheme] main>section:first-of-type{margin-top:22px}
@media (max-width:699px){html[data-dvtheme] main>section:first-of-type{margin-top:46px}}

.dvth-strip{position:absolute;left:0;right:0;height:6px;z-index:61;pointer-events:none}
.dvth-acc{position:absolute;z-index:3;pointer-events:none;filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.2))}
.dvth-acc svg{display:block;width:100%;height:100%;overflow:visible}
.dvth-pin{filter:drop-shadow(0 1px 2px rgba(0,0,0,.25))}
.dvth-garland{position:absolute;left:0;right:0;z-index:59;pointer-events:none;line-height:0;filter:drop-shadow(0 2px 2px rgba(40,30,20,.12))}
.dvth-garland svg{display:block}
.dvth-glow{opacity:.3;animation:dvthTwinkle 2.4s ease-in-out infinite alternate}
.dvth-sway{transform-box:fill-box;transform-origin:50% 0;animation:dvthSway 3s ease-in-out infinite alternate}
@keyframes dvthTwinkle{from{opacity:.12}to{opacity:.5}}
@keyframes dvthSway{from{transform:rotate(-7deg)}to{transform:rotate(7deg)}}

.dvth-tag{position:absolute;left:50%;z-index:59;pointer-events:none;display:flex;align-items:center;gap:8px;
  font:700 15px/1 Fredoka,ui-rounded,system-ui,sans-serif;letter-spacing:.02em;padding:8px 18px 9px 10px;border-radius:999px;white-space:nowrap;
  box-shadow:0 8px 18px -6px rgba(30,20,10,.35),0 1px 0 rgba(255,255,255,.35) inset,0 0 0 2px rgba(255,255,255,.55) inset,0 0 0 1px rgba(0,0,0,.08);
  transform:translateX(-50%) rotate(-1.5deg);transform-origin:50% -14px;animation:dvthSwing 4.5s ease-in-out infinite alternate}
.dvth-tag b{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.16)}
.dvth-tag b svg{width:16px;height:16px;display:block}
.dvth-tag i{position:absolute;top:-12px;width:1.5px;height:13px;background:rgba(60,45,30,.4)}
.dvth-tag i:first-child{left:24%}.dvth-tag i:nth-child(2){right:24%}
@keyframes dvthSwing{from{transform:translateX(-50%) rotate(-2deg)}to{transform:translateX(-50%) rotate(1.5deg)}}
.dvth-fall{position:absolute;left:0;z-index:40;pointer-events:none}
@media (max-width:699px){
  .dvth-tag{font-size:13px;padding:6px 14px 7px 8px;gap:6px}
  .dvth-tag b{width:20px;height:20px}.dvth-tag b svg{width:13px;height:13px}
  .dvth-tag i{display:none}
}
@media (prefers-reduced-motion:reduce){.dvth-tag,.dvth-glow,.dvth-sway{animation:none}.dvth-fall{display:none}}
@media print{.dvth-strip,.dvth-garland,.dvth-tag,.dvth-fall,.dvth-acc{display:none}}