/* EPFL theme for Indico -- cookie consent banner.
   Colors match EPFL's real banner config (assets/components/organisms/
   cookie-consent/cookie-consent.js in epfl-si/elements):
   popup rgba(69,69,69,.96), button #b51f1f. */

.epfl-cookie-consent {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  padding: 0.75rem 1rem;
  background: rgba(69, 69, 69, 0.96);
  color: #fff;
  font-size: 0.875rem;
  font-family: 'SuisseIntl', Arial, sans-serif;
}

.epfl-cookie-consent-message {
  flex: 1 1 auto;
  margin: 0;
}

.epfl-cookie-consent-message a {
  color: #fff;
  text-decoration: underline;
}

.epfl-cookie-consent-dismiss {
  flex: 0 0 auto;
  background: var(--epfl-red-dark);
  color: #fff;
  border: none;
  padding: 0.5rem 1.25rem;
  font-weight: 700;
  cursor: pointer;
  border-radius: 2px;
}

.epfl-cookie-consent-dismiss:hover {
  background: var(--epfl-red);
}

/* The banner is position:fixed, so it sits on top of the end of the page --
   measured a 54px overlap over the footer on the event page. The script
   adds .epfl-cookie-visible to <body> while the banner is mounted and
   removes it on dismiss, so the reserved space exists only while it is
   actually needed. */
body.epfl-cookie-visible {
  padding-bottom: 5rem;
}