/* Override the theme's announcement bar wrapper */
.bd-header-announcement {
  background-color: var(--pst-color-danger) !important;
  color: var(--pst-color-background) !important;
}

/* Inner announcement content */
.pv-announcement {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
  text-align: center;
  padding: 0.5em;
  background-color: var(--pst-color-danger);
  color: var(--pst-color-background);
}

/* Button inside the banner */
.pv-announcement-button {
  margin-left: 0;
  padding: 0.3em 0.6em;
  background-color: var(--pst-color-info);
  color: var(--pst-color-background) !important;
  text-decoration: none;
  border-radius: 4px;
  white-space: nowrap;
}

/* Button hover keeps consistent text color */
.pv-announcement-button:hover {
  color: var(--pst-color-background) !important;
}

/* Responsive adjustments for small screens */
@media (max-width: 480px) {
  .pv-announcement {
    flex-direction: column;
  }

  .pv-announcement-button {
    margin-top: 0.4em;
    width: auto;
  }
}