/* ============================================================
   DONGO LOGO — animated SVG monogram with pets
   Extracted from templates/partials/logo.html
   ============================================================ */
.dongo-logo {
  display: inline-flex;
  width: var(--logo-w, 58px);
  line-height: 0;
  flex-shrink: 0;
}
.dongo-logo svg { width: 100%; height: auto; overflow: visible; }

/* Idle motions */
.dongo-logo .dl-gladys      { animation: dl-wiggle 3.2s ease-in-out infinite; transform-origin: 44px 36px; }
.dongo-logo .dl-gladys-head { animation: dl-peek 2.6s ease-in-out infinite; }
.dongo-logo .dl-gladys-tail { animation: dl-tailwag 0.7s ease-in-out infinite; }
.dongo-logo .dl-toby        { animation: dl-bounce 1.4s cubic-bezier(0.34,1.56,0.64,1) infinite; }
.dongo-logo .dl-venus       { animation: dl-bounce 1.4s cubic-bezier(0.34,1.56,0.64,1) infinite; animation-delay: 0.5s; }
.dongo-logo .dl-tail        { animation: dl-tailwag 0.55s ease-in-out infinite; }
.dongo-logo .dl-ear,
.dongo-logo .dl-ear-long    { animation: dl-earsway 2.4s ease-in-out infinite; }
.dongo-logo .dl-rim         { animation: dl-rimglow 4s ease-in-out infinite; }

/* On hover (brand link) the pups get excited */
a:hover .dongo-logo .dl-toby,
a:hover .dongo-logo .dl-venus,
.dongo-logo:hover .dl-toby,
.dongo-logo:hover .dl-venus { animation-duration: 0.7s; }
a:hover .dongo-logo .dl-tail,
.dongo-logo:hover .dl-tail  { animation-duration: 0.3s; }

@keyframes dl-wiggle   { 0%,100%{transform:rotate(-1.5deg);} 50%{transform:rotate(1.5deg);} }
@keyframes dl-peek     { 0%,100%{transform:translateX(0) rotate(0);} 50%{transform:translateX(2px) rotate(4deg);} }
@keyframes dl-tailwag  { 0%,100%{transform:rotate(-18deg);} 50%{transform:rotate(20deg);} }
@keyframes dl-bounce   { 0%,100%{transform:translateY(0);} 40%{transform:translateY(-5px);} 70%{transform:translateY(-1px);} }
@keyframes dl-earsway  { 0%,100%{transform:rotate(0);} 50%{transform:rotate(-7deg);} }
@keyframes dl-rimglow  { 0%,100%{opacity:0.55;} 50%{opacity:1;} }

@media (prefers-reduced-motion: reduce) {
  .dongo-logo * { animation: none !important; }
}