/* CSS for the global notice bar transition */

#planet-global-notice-bar {
  transition: background-color 0.3s ease;
  background-color: #ffffff; /* Default for all pages */
}

/* Page Requiring Transparent Header - Initial State (Dark Wrapper) */
#planet-global-notice-bar.transparent-page {
  background-color: #000000;
}

/* Scrolled State - Turn White */
#planet-global-notice-bar.notice-scrolled {
  background-color: #ffffff !important;
}

#planet-global-notice-bar .planet-global-notice-bar {
  background-color: #e0e6fd;
  border-bottom-color: rgba(79, 70, 229, 0.1);
}

#planet-global-notice-bar .notice-content {
  color: #000000;
}

#planet-global-notice-bar .notice-icon img,
#planet-global-notice-bar .close-button img {
  filter: none;
}

/* Body padding adjustment is handled by global-notice-bar.js */
body.notice-visible {
  transition: padding-top 0.3s ease;
}