x

apps/website/src/app/globals.css

@@ -85,3 +85,12 @@ html {
   border-radius: 16px;
   box-shadow: var(--shadow-brutal);
 }
+
+/* Announcement Bar Layout Shifting via CSS :has() */
+body:has(.announcement-bar) .global-navbar[data-scrolled="false"] {
+  top: 44px; /* Adjusts Navbar down when AnnouncementBar is present at the top */
+}
+
+body:has(.announcement-bar) .global-main {
+  padding-top: 116px; /* 72px original pt + 44px AnnouncementBar */
+}