.elementor-9147 .elementor-element.elementor-element-4a03e7a{--display:flex;}@media(min-width:768px){.elementor-9147 .elementor-element.elementor-element-4a03e7a{--content-width:1000px;}}/* Start custom CSS for sugar-calendar-events-list, class: .elementor-element-bb5e9a1 *//* ===== PKNDubbeldam – Events (cards only) ===== */

.sugar-calendar-event-list-block__gridview.sugar-calendar-block__events-display-container.sugar-calendar-block__events-display-container__no-header {
  /* keep background transparent */
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: clamp(14px, 2vw, 22px);
}

/* Event cards */
.sugar-calendar-event-list-block__gridview__event {
  background: #fff; /* card background only */
  border: 1px solid #f1f5f9;
  border-radius: 20px;
  box-shadow: 0 8px 24px rgba(16, 24, 40, .08);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  position: relative;
  overflow: hidden;
}

/* Brand accent stripe */
.sugar-calendar-event-list-block__gridview__event::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 6px;
  background: linear-gradient(180deg, #f59e0b, #e85d04);
  opacity: .95;
}

/* Hover lift */
.sugar-calendar-event-list-block__gridview__event:hover,
.sugar-calendar-event-list-block__gridview__event:focus-within {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(16, 24, 40, .12);
  border-color: #ffe3bf;
}

/* Inner spacing */
.sugar-calendar-event-list-block__gridview__event__body {
  padding: 18px 18px 16px 18px;
}

/* Title */
.sugar-calendar-event-list-block__event__title {
  margin: 4px 0 10px 0;
  font: 700 clamp(1.05rem, 1.1vw + .6rem, 1.35rem)/1.2 system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial;
  color: #2b2b2b;
}
.sugar-calendar-event-list-block__event__title a {
  color: inherit;
  text-decoration: none;
  background-image: linear-gradient(#f59e0b, #f59e0b);
  background-size: 0% 2px;
  background-repeat: no-repeat;
  background-position: 0 100%;
  transition: color .18s ease, background-size .18s ease;
}
.sugar-calendar-event-list-block__gridview__event:hover .sugar-calendar-event-list-block__event__title a,
.sugar-calendar-event-list-block__event__title a:focus-visible {
  color: #e85d04;
  background-size: 100% 2px;
  outline: none;
}

/* Date & time row */
.sugar-calendar-event-list-block__event__datetime {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 10px;
  margin: 0 0 10px 0;
  color: #6b7280;
  font-size: .96rem;
}

/* Time chips */
.sugar-calendar-event-list-block__event__datetime .sc-frontend-single-event__details__val-date,
.sugar-calendar-event-list-block__event__datetime .sc-frontend-single-event__details__val-time {
  display: inline-block;
  padding: 6px 10px;
  border-radius: 999px;
  background: #fff3d6;
  border: 1px solid #ffd79a;
  color: #7a5200;
  line-height: 1;
}

/* "om" and dash separators muted */
.sugar-calendar-event-list-block__event__datetime span:not(.sc-frontend-single-event__details__val-date):not(.sc-frontend-single-event__details__val-time) {
  opacity: .7;
}

/* Calendar icon alignment */
.sugar-calendar-event-list-block__event__datetime img[alt="calendar-day"] {
  height: 18px;
  width: 18px;
  opacity: .7;
  margin-left: auto;
}

/* Description box */
.sugar-calendar-event-list-block__event__desc {
  color: #6b7280;
  font-size: 1rem;
  line-height: 1.55;
  background: #fff;
  border: 1px solid #f1f5f9;
  border-radius: 14px;
  padding: 12px 12px;
  margin-top: 6px;
}

/* Focus ring for accessibility */
.sugar-calendar-event-list-block__event__title a:focus-visible {
  outline: 3px solid #ffd699;
  outline-offset: 2px;
  border-radius: 6px;
}

/* Hide the calendar-day icon inside event cards */
.sugar-calendar-event-list-block__event__datetime img[alt="calendar-day"],
.sugar-calendar-event-list-block__event__datetime img[src*="calendar-day.svg"] {
  display: none !important;
}/* End custom CSS */