/* Fortælleren v2.10 Add-on (Bottom Toggle) v1.3.1 */

/* Vis altid hele billedet */
.csr-bg{
  background-size: contain !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
}

/* Panel-stil (ingen scroll) */
.csr-panel{
  position: relative;
  margin: 12px;
  background: rgba(17,17,17,.72);
  color: #fff;
  padding: 16px 18px 20px;
  border-radius: 8px;
  overflow: visible !important;
  max-height: none !important;
}

/* COLLAPSED: Skjul kun midterlaget (slides + overlays) */
.csr-view.is-collapsed .csr-slides,
.csr-view.is-collapsed .csr-overlay{
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Skjul panel helt for at undgå “usynlig ramme” */
.csr-view.is-collapsed .csr-panel{
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background: none !important;
}
.csr-view.is-collapsed .csr-panel::before,
.csr-view.is-collapsed .csr-panel::after{ content:none !important; display:none !important; }

/* Behold TOP (pile + progress) og BUND (prev/toggle/next) synlige */
.csr-view.is-collapsed .csr-top,
.csr-view.is-collapsed .csr-bottom{
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  z-index: 5;
}

/* Bundens toggle-knap placeres mellem prev/next */
.csr-bottom .csr-btn.csr-toggle{ margin: 0 .25rem; }
.csr-top .csr-btn.csr-toggle{ display:none !important; } /* hvis en ældre add-on lagde den i top */