/* AlpenPuls LIVE v1.9.5 - Eventdetail: volles Bild + gut sichtbares Schliessen */
#modal .event-modal-card{
  max-height:96vh;
  max-height:96dvh;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-gutter:stable;
}

#modal .event-modal-card .grab{
  margin-bottom:12px;
}

#modal .event-modal-close{
  position:sticky;
  top:10px;
  z-index:25;
  display:flex;
  align-items:center;
  justify-content:center;
  width:56px;
  height:56px;
  margin:0 0 -56px auto;
  padding:0;
  border:1px solid rgba(255,255,255,.5);
  border-radius:50%;
  background:rgba(5,10,14,.9);
  color:#fff;
  box-shadow:0 8px 24px rgba(0,0,0,.38);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  font:900 40px/1 Arial,sans-serif;
  cursor:pointer;
}

#modal .event-modal-close:hover,
#modal .event-modal-close:focus-visible{
  border-color:var(--orange);
  color:var(--orange);
  outline:none;
}

#modal .event-modal-close span{
  display:block;
  transform:translateY(-1px);
}

/* Das Eventbild wird nicht mehr mit object-fit:cover beschnitten. */
#modal .event-modal-card .modal-image{
  display:block;
  width:calc(100% + 52px);
  height:auto;
  max-height:none;
  object-fit:contain;
  margin:0 -26px 22px;
  border-radius:22px 22px 8px 8px;
  background:#05090b;
}

/* Das bisherige kleine Kreuz unter dem Bild ausblenden. */
#modal .event-modal-card .modal-head>button[data-close]{
  display:none;
}

#modal .event-modal-card .modal-head{
  min-height:56px;
  align-items:center;
  padding-right:70px;
}

@media(max-width:650px){
  #modal .event-modal-card{
    width:100%;
    max-height:98vh;
    max-height:98dvh;
    padding:16px 18px calc(32px + env(safe-area-inset-bottom));
    border-radius:24px 24px 0 0;
  }

  #modal .event-modal-card .grab{
    margin-bottom:8px;
  }

  #modal .event-modal-close{
    top:8px;
    width:52px;
    height:52px;
    margin-bottom:-52px;
    font-size:38px;
  }

  #modal .event-modal-card .modal-image{
    width:calc(100% + 36px);
    margin:0 -18px 18px;
    border-radius:18px 18px 7px 7px;
  }

  #modal .event-modal-card .modal-head{
    min-height:52px;
    padding-right:62px;
  }
}