/* BloomBox logo (update_logo): the gold BB monogram in the header, the full lockup in the footer and in the sign-in window.
   Own file on purpose: it does not depend on the Tailwind build and survives theme updates. */
#brand-logo { overflow: hidden; transition: transform .35s cubic-bezier(.2, .8, .2, 1), box-shadow .3s ease; }
#brand-logo img.brand-mark { display: block; width: 100%; height: 100%; object-fit: cover; }
a:hover > #brand-logo { transform: rotate(-4deg) scale(1.07); }

/* footer: the big lockup replaces the small mark + text (those stay in the page for screen readers and the admin brand name) */
.footer-brandlink { display: block; width: fit-content; }
.footer-brandlink > span { display: none; }
.footer-lockup { display: block; width: min(15rem, 72vw); height: auto; filter: drop-shadow(0 6px 10px rgb(var(--sh, 44 53 49) / .16)); transition: transform .3s cubic-bezier(.2, .8, .2, 1); }
.footer-brandlink:hover .footer-lockup { transform: translateY(-2px) scale(1.02); }

/* sign-in / register window */
.auth-lockup { display: block; width: 7.2rem; height: auto; margin: -.25rem auto .9rem; }
@media (prefers-reduced-motion: reduce) { #brand-logo, .footer-lockup { transition: none; } }