:root {
        --keycloak-bg-logo-url: url('./../img/bgimageundefined');
        --keycloak-logo-url: url('./../img/nyspi-logo.svg');
        --keycloak-logo-height: 63px;
        --keycloak-logo-width: 300px;
        --pf-v5-global--danger-color--100: #c9190b;
--pf-v5-global--success-color--100: #3e8635;
--pf-v5-global--active-color--100: #0066cc;
--pf-v5-global--primary-color--100: #0066cc;
--pf-v5-global--link--Color: #0066cc;
--pf-v5-global--link--Color--hover: #004080;
--pf-v5-global--BackgroundColor--light-100: #ffffff;
--pf-v5-global--BackgroundColor--dark-300: #212427;
--pf-v5-global--BackgroundColor--dark-100: #151515;
--pf-v5-global--Color--100: #151515;
--pf-v5-global--Color--light-100: #ffffff;
--pf-v5-global--Color--dark-100: #151515;
--banner-bg: #f8f9fa;
--banner-text: #343a40;
--primary-color: #007bff;
--border-radius: 8px;
      }
      .pf-v5-theme-dark {
        
      }

/* --- Banner Container --- */
.legal-banner {
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: var(--banner-bg);
  color: var(--banner-text);
  padding: 15px 20px;
  border-top: 1px solid #ddd;
  z-index: 1000; /* Ensures it's on top */
}

/* --- Text & Links --- */
.legal-banner p {
  margin: 0;
  font-size: 0.95em;
}
.legal-banner a {
  color: var(--primary-color);
  text-decoration: none;
}

/* --- Buttons --- */
.banner-buttons button {
  background-color: var(--primary-color);
  color: white;
  border: none;
  padding: 8px 15px;
  border-radius: var(--border-radius);
  cursor: pointer;
  margin-left: 10px;
}

/* --- Responsive Adjustments --- */
@media (max-width: 768px) {
  .legal-banner {
    padding: 10px;
  }
  .banner-buttons button {
    display: block;
    width: 100%;
    margin-top: 10px;
    margin-left: 0;
  }
}