/* Brand overrides for the Cookiebot Swift banner — ported from the artcanada.com
   frontend (frontend/src/styles/cookiebot.scss) so the banner looks the same on
   both sites. Cookiebot's dialog DOM is a sanctioned styling surface (support
   article 4403482346514); !important is needed because Cookiebot injects its
   stylesheet at runtime, after ours. */

#CybotCookiebotDialog {
  font-family: "FKGroteskNeue", Helvetica, Arial, sans-serif !important;
  background: rgba(255, 255, 255, 0.88) !important;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

#CybotCookiebotDialog * {
  font-family: inherit !important;
}

/* Below ~1280px the Swift bar template collapses into a centered floating card;
   pin it to the bottom edge at every size instead (client asked for no popup). */
#CybotCookiebotDialog.CybotEdge {
  top: auto !important;
  bottom: 0 !important;
  left: 0 !important;
  right: auto !important;
  transform: none !important;
  width: 100% !important;
  max-width: none !important;
  border-radius: 0 !important;
}

/* Fade the banner out with the page during transitions. smoothState's
   onStart strips .ready from .m-scene to fade the content, then performs a
   real navigation ~800ms later — mirror that fade on the banner so it leaves
   with the content instead of floating until the hard cut. The new page
   re-injects the banner (slide-up) as usual. :has() is modern-browser only;
   older browsers just keep the old no-fade behavior. */
#CybotCookiebotDialog {
  transition: opacity 0.4s ease;
}

body:has(.m-scene:not(.ready)) #CybotCookiebotDialog {
  opacity: 0 !important;
  pointer-events: none;
}

/* Official branding-removal selectors from the Cookiebot support article. */
a#CybotCookiebotDialogPoweredbyCybot,
div#CybotCookiebotDialogPoweredByText {
  display: none !important;
}

#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo {
  display: none !important;
}