/* v1.1.4 – floating hidden on mobile, shortcode inline for mobile */

.ijssel-agenda-float,
.ijssel-agenda-float *{
  box-sizing:border-box !important;
  border-radius:0 !important;
}

.ijssel-agenda-float{
  display:block !important;
  text-decoration:none !important;
  background:transparent !important;
  color:inherit !important;
  max-width:360px !important;
}

.ijssel-agenda-float-pos{
  position:absolute !important;
  z-index:9999 !important;
}

.ijssel-agenda-float__inner{
  background:transparent !important;
  padding:0 !important;
  border:0 !important;
  box-shadow:none !important;
}

.ijssel-agenda-float__title{
  font-weight:800 !important;
  font-size:18px !important;
  margin:0 0 10px 0 !important;
  color:#111 !important;
}

.ijssel-agenda-float__list{
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
}

.ijssel-agenda-float__item{
  display:flex !important;
  align-items:stretch !important;
  overflow:hidden !important;
  border:0 !important;
}

.ijssel-agenda-float__date{
  width:64px !important;
  min-width:64px !important;
  height:64px !important;
  min-height:64px !important;
  color:#fff !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  text-align:center !important;
}

.ijssel-agenda-float__day{
  font-size:22px !important;
  font-weight:900 !important;
  line-height:1 !important;
  margin:0 !important;
}

.ijssel-agenda-float__month{
  margin-top:6px !important;
  font-size:12px !important;
  font-weight:900 !important;
  line-height:1 !important;
  text-transform:lowercase !important;
}

.ijssel-agenda-float__text{
  flex:1 !important;
  padding:12px 12px !important;
  font-size:14px !important;
  font-weight:700 !important;
  line-height:1.3 !important;
  color:#111 !important;
}

/* Colors */
.ijssel-agenda-color-1{ background:#E7F7EA !important; }
.ijssel-agenda-color-1 .ijssel-agenda-float__date{ background:#2F9740 !important; }

.ijssel-agenda-color-2{ background:#F0E5FA !important; }
.ijssel-agenda-color-2 .ijssel-agenda-float__date{ background:#7A3EA6 !important; }

.ijssel-agenda-color-3{ background:#FAE5E3 !important; }
.ijssel-agenda-color-3 .ijssel-agenda-float__date{ background:#B8342B !important; }

/* Mobile behavior */
@media (max-width: 980px){
  /* hide the floating wrapper */
  .ijssel-agenda-float-pos{ display:none !important; }

  /* inline widget can be full width */
  .ijssel-agenda-context-inline{ max-width:100% !important; }
}