button[aria-label="Infos section"],
button[aria-label="Contact section"],
button[aria-label="Social links"],
button[aria-label="Agenda section"],
button[aria-label="Live section"] {
  flex: 1 1 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: none !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  gap: 7px !important;
  justify-content: center !important;
  overflow: hidden !important;
}

button[aria-label="Infos section"] > :not(svg):not([data-r2n-bottom-inline-icon]),
button[aria-label="Contact section"] > :not(svg):not([data-r2n-bottom-inline-icon]),
button[aria-label="Agenda section"] > :not(svg):not([data-r2n-bottom-inline-icon]) {
  display: none !important;
}

button[aria-label="Infos section"] > svg[data-r2n-bottom-inline-icon],
button[aria-label="Contact section"] > svg[data-r2n-bottom-inline-icon],
button[aria-label="Agenda section"] > svg[data-r2n-bottom-inline-icon],
button[aria-label="Live section"] > svg[data-r2n-bottom-inline-icon] {
  flex: 0 0 22px !important;
  height: 22px !important;
  width: 22px !important;
  min-width: 22px !important;
  object-fit: contain !important;
}

button[aria-label="Social links"] svg[role="img"] {
  flex: 0 0 18px !important;
  width: 18px !important;
  min-width: 18px !important;
  height: 18px !important;
}

button[aria-label="Social links"] > div:has(svg[role="img"]) {
  gap: 5px !important;
}

button[aria-label="Infos section"] > svg:last-child,
button[aria-label="Contact section"] > svg:last-child,
button[aria-label="Social links"] > svg:last-child,
button[aria-label="Agenda section"] > svg:last-child,
button[aria-label="Live section"] > svg:last-child {
  flex: 0 0 14px !important;
  width: 14px !important;
  min-width: 14px !important;
  margin-left: 2px !important;
  margin-right: 2px !important;
}

button[aria-label="Live section"] {
  justify-content: center !important;
  text-align: center !important;
}

.r2n-live-bottom-panel-frame {
  z-index: 4 !important;
}

[data-r2n-bottom-host-open="1"] [class*="text-[18px]"][class*="font-semibold"] {
  color: #fff !important;
  font-size: 44px !important;
  font-weight: 300 !important;
  line-height: 1.02 !important;
  letter-spacing: -0.5px !important;
  user-select: none !important;
}

[data-r2n-bottom-host-open="1"] [class*="mt-2"][class*="text-white/75"][class*="text-[13px]"] {
  margin-top: 0.5rem !important;
  color: rgba(255, 255, 255, 0.75) !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
}

.r2n-v7-agenda-panel-content > [class*="mt-2"][class*="text-white/75"][class*="text-[13px]"] {
  display: none !important;
}

.r2n-v7-agenda-item:not(.is-past) .r2n-v7-agenda-date-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  background-color: rgba(0, 0, 0, 0.24) !important;
  border-color: rgba(0, 0, 0, 0.45) !important;
}

.r2n-v7-agenda-item:not(.is-past) .r2n-v7-agenda-dow {
  color: rgb(255, 255, 255) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  opacity: 0.9 !important;
}

.r2n-v7-agenda-item:not(.is-past) .r2n-v7-agenda-day {
  margin-top: 0 !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  font-variant-numeric: tabular-nums !important;
}

.r2n-v7-agenda-item:not(.is-past) .r2n-v7-agenda-mon {
  margin-top: 0 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  opacity: 0.9 !important;
}

.r2n-v7-agenda-item.is-past {
  opacity: 0.65 !important;
  filter: none !important;
}

.r2n-v7-agenda-item.is-past .r2n-v7-agenda-dow,
.r2n-v7-agenda-item.is-past .r2n-v7-agenda-mon,
.r2n-v7-agenda-item.is-past .r2n-v7-agenda-day {
  color: rgb(255, 255, 255) !important;
}

.r2n-v7-agenda-item.is-past .r2n-v7-agenda-thumb {
  filter: grayscale(100%) !important;
}

button[aria-label="Prochain event"] > div > div:first-child {
  display: flex !important;
  flex: 0 0 64px !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  width: 64px !important;
  min-width: 64px !important;
  border-radius: 18px !important;
  padding: 8px 6px !important;
  background-color: rgba(0, 0, 0, 0.24) !important;
  border-color: rgba(0, 0, 0, 0.45) !important;
  line-height: 1 !important;
}

button[aria-label="Prochain event"] > div > div:first-child > div:nth-child(1) {
  color: rgb(255, 255, 255) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  opacity: 0.9 !important;
}

button[aria-label="Prochain event"] > div > div:first-child > div:nth-child(2) {
  margin-top: 0 !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  font-variant-numeric: tabular-nums !important;
}

button[aria-label="Prochain event"] > div > div:first-child > div:nth-child(3) {
  margin-top: 0 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  opacity: 0.9 !important;
}

.r2n-agenda-opening-no-legacy [data-r2n-bottom-section="agenda"] > div > .absolute.inset-x-0.top-0.bottom-\[96px\]:not(:has(.r2n-v7-agenda-panel-content)):not(:has(.r2n-v7-agenda-bolt-root)) {
  display: none !important;
  visibility: hidden !important;
}

.r2n-live-bottom-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  transform: translateY(15px) !important;
}

.r2n-live-bottom-card {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  cursor: pointer !important;
  text-decoration: none !important;
  pointer-events: auto !important;
}

.r2n-live-bottom-main {
  display: grid !important;
  grid-template-columns: 64px 64px minmax(0, 1fr) !important;
  gap: 10px !important;
  width: 100% !important;
  height: 100% !important;
  pointer-events: none !important;
}

.r2n-live-bottom-card * {
  pointer-events: none !important;
}

.r2n-live-bottom-agenda-image {
  display: block !important;
  width: 64px !important;
  min-height: 64px !important;
  border-radius: 14px !important;
  background-position: center !important;
  background-size: cover !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12) !important;
}

@media (max-width: 520px) {
  .r2n-live-bottom-main {
    grid-template-columns: 58px 58px minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  .r2n-live-bottom-agenda-image {
    width: 58px !important;
    min-height: 58px !important;
    border-radius: 12px !important;
  }
}

[data-r2n-bottom-host="1"] {
  height: 80px !important;
  min-height: 80px !important;
  max-height: 80px !important;
  bottom: env(safe-area-inset-bottom, 0px) !important;
}

[data-r2n-bottom-host-open="1"] {
  bottom: 0 !important;
}

.r2n-v7-orbit-wrap,
.r2n-v7-orbit-handle {
  display: none !important;
}

@media (max-width: 380px) {
  button[aria-label="Infos section"] > svg:last-child,
  button[aria-label="Contact section"] > svg:last-child,
  button[aria-label="Social links"] > svg:last-child,
  button[aria-label="Agenda section"] > svg:last-child,
  button[aria-label="Live section"] > svg:last-child {
    display: none !important;
  }
}

@supports selector(div:has(> button)) {
  div:has(> button[aria-label="Agenda section"]) {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  div:has(> div > button[aria-label="Agenda section"]) {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  div:has(> div > div > button[aria-label="Agenda section"]) {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  div:has(> div > div > div > button[aria-label="Agenda section"]) {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}