/* ─── Overview Mode Enhancements (Ctrl+A) ───────────────────────── */
.reveal.overview .backgrounds {
  display: none !important;
}

.reveal.overview .slides {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 80px 100px !important;
  justify-content: center !important;
  align-content: center !important;
  width: auto !important;
  height: auto !important;
  left: 50% !important;
  top: 50% !important;
  margin: 0 !important; /* Reset Reveal's negative margin */
  transform: translate(-50%, -50%) scale(0.24) !important; 
}

.reveal.overview .slides > section {
  position: relative !important;
  transform: none !important;
  left: 0 !important;
  top: 0 !important;
  margin: 0 !important;
  display: block !important; 
  opacity: 1 !important;
  visibility: visible !important;
  width: 1280px !important;
  height: 720px !important;
  box-sizing: border-box !important;
}

/* Custom border and hover for overview mode */
.reveal.overview .slides section {
  outline: 8px solid rgba(15, 71, 196, 0.15) !important;
  outline-offset: 8px !important;
  border-radius: var(--radius-lg, 32px);
  transition: outline 0.2s ease, transform 0.2s ease !important;
}

.reveal.overview .slides section:hover {
  outline: 10px solid var(--blue-mid, #1a55d8) !important;
  outline-offset: 12px !important;
  cursor: pointer;
}

.reveal.overview .slides section.present {
  outline: 14px solid var(--blue-deep, #0f47c4) !important;
  outline-offset: 16px !important;
  box-shadow: 0 0 60px rgba(15, 71, 196, 0.4) !important;
  z-index: 10 !important;
}

/* Slide numbers styling perfectly centered inside the bottom-right blue badge */
.reveal.overview .slides > section::after {
  position: absolute !important;
  bottom: 0px !important;
  right: 0px !important;
  width: 100px !important;
  height: 100px !important;
  background: var(--blue-deep, #0f47c4) !important;
  border-top-left-radius: 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 48px !important;
  font-weight: 800 !important;
  color: white !important;
  z-index: 10000 !important;
  pointer-events: none !important;
  box-shadow: -8px -8px 24px rgba(15, 35, 80, 0.1) !important;
}

.reveal.overview .slides > section:nth-child(1)::after { content: "1"; }
.reveal.overview .slides > section:nth-child(2)::after { content: "2"; }
.reveal.overview .slides > section:nth-child(3)::after { content: "3"; }
.reveal.overview .slides > section:nth-child(4)::after { content: "4"; }
.reveal.overview .slides > section:nth-child(5)::after { content: "5"; }
.reveal.overview .slides > section:nth-child(6)::after { content: "6"; }
.reveal.overview .slides > section:nth-child(7)::after { content: "7"; }