/* footer.css -- the crowned Daily Hamster logo that replaces Rhyme of the Day in every footer:
   55% everywhere, 100% on the Daily Hamster pages (and on hover). 26px so it sits on the same
   band as the other footer buttons instead of stretching the footer taller. Written by daily/build_daily.py. */
#dhbtn{flex:0 0 auto;display:inline-flex;align-items:center;margin:-1px 0 1px 6px;text-decoration:none}
#dhbtn picture{display:block}
#dhbtn img{height:26px;width:auto;display:block;opacity:.75;transition:opacity .15s}
#dhbtn,#dhbtn *{cursor:pointer}   /* his report 2026-09-24: Safari showed the I-beam over the logo */
#dhbtn:hover img,#dhbtn.here img{opacity:1}
/* His ask 2026-09-24: hovering the logo must be unmistakable, not "a tad brighter". Off /daily/ it now
   comes to full strength, grows and lifts a touch; on /daily/ (.here) it is already lit and stays put. */
#dhbtn img{transition:opacity .15s,transform .18s cubic-bezier(.3,1.5,.5,1)}
#dhbtn:not(.here):hover img,#dhbtn:not(.here):focus-visible img{transform:translateY(-2px) scale(1.12)}
@media (prefers-reduced-motion: reduce){#dhbtn img{transition:none}}