/* Extracted from index.html <style id="rabbit-calendar-google-v9"> */

/* =========================================================
   Rabbit Calendar Pro V9
   - ricorrenze visibili nelle settimane successive
   - eventi sovrapposti affiancati
   - resize verticale stile Google Calendar
   ========================================================= */

.gcal-day-col{
  position:relative !important;
  min-height:756px !important;
}

.gcal-day-events{
  pointer-events:none !important;
}

.gcal-day-events .gcal-event{
  pointer-events:auto !important;
}

.gcal-event.timed-duration{
  position:absolute !important;
  margin:0 !important;
  box-sizing:border-box !important;
  min-width:0 !important;
  z-index:4 !important;
}

.gcal-event.timed-duration:hover{
  z-index:8 !important;
}

.gcal-event.recurring b{
  display:flex !important;
  align-items:center !important;
  gap:5px !important;
}

.gcal-repeat-badge{
  display:inline-grid !important;
  place-items:center !important;
  width:16px !important;
  height:16px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.20) !important;
  font-size:11px !important;
  flex:0 0 auto !important;
}

.gcal-resize-handle{
  position:absolute !important;
  left:8px !important;
  right:8px !important;
  bottom:2px !important;
  height:9px !important;
  border-radius:999px !important;
  cursor:ns-resize !important;
  opacity:.55 !important;
  background:rgba(255,255,255,.34) !important;
}

.gcal-resize-handle::after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:28px !important;
  height:3px !important;
  transform:translate(-50%,-50%) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.78) !important;
}

.gcal-event:hover .gcal-resize-handle,
.gcal-event.is-resizing .gcal-resize-handle{
  opacity:1 !important;
}

.gcal-event.is-resizing{
  outline:2px solid rgba(37,99,235,.35) !important;
  box-shadow:0 18px 42px rgba(37,99,235,.22) !important;
}

.gcal-day-col .gcal-bg-row{
  height:54px !important;
  min-height:54px !important;
}

.gcal-time-col .gcal-bg-row{
  height:54px !important;
  min-height:54px !important;
}

/* Istruzione discreta per l'utente */
.gcal-main::after{
  content:"Suggerimento: trascina il bordo inferiore di un evento per allungarlo o accorciarlo.";
  display:block;
  padding:8px 14px 12px;
  color:#667085;
  font-size:12px;
  font-weight:700;
}