/* ===== CCTB-Event-Booking-List ===== */

/* Main Event Booking list area */
.eb-container,
#eb-events,
.eb-events,
.eb-event-list,
.eb-category-events {
  max-width: 1100px;
  margin: 0;
}

/* Each event item/card */
.eb-event,
.eb-event-item,
.eb-event-box,
.eb-event-list .event,
.eb-category-events .event {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #ffffff 0%, #f7f9ff 55%, #eef3ff 100%);
  border-radius: 0 22px 22px 0;
  box-shadow: 0 8px 24px rgba(0,0,0,0.09);
  margin: 0 0 24px 0;
  padding: 24px;
}

/* Thin top/right corner treatment for event cards */
.eb-event::before,
.eb-event-item::before,
.eb-event-box::before,
.eb-event-list .event::before,
.eb-category-events .event::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: #25408f;
  z-index: 1;
}

.eb-event::after,
.eb-event-item::after,
.eb-event-box::after,
.eb-event-list .event::after,
.eb-category-events .event::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 3px;
  height: 100%;
  background: #25408f;
  z-index: 1;
}

/* Image cleanup - square image bottom, no white border */
.eb-event img,
.eb-event-item img,
.eb-event-box img,
.eb-event-list .event img,
.eb-category-events .event img {
  display: block;
  width: 220px;
  max-width: 100%;
  height: auto;
  padding: 0 !important;
  margin: 0 0 12px 0;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 18px 18px 0;
  box-shadow: 0 12px 26px rgba(0,0,0,0.20);
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}

/* Image hover movement */
.eb-event img:hover,
.eb-event-item img:hover,
.eb-event-box img:hover,
.eb-event-list .event img:hover,
.eb-category-events .event img:hover {
  transform: translateY(-5px) scale(1.025);
  box-shadow: 0 18px 36px rgba(0,0,0,0.28);
}

/* Remove borders/backgrounds from linked images */
.eb-event a img,
.eb-event-item a img,
.eb-event-box a img,
.eb-event-list .event a img,
.eb-category-events .event a img {
  border: 0 !important;
  background: transparent !important;
}

/* Event titles */
.eb-event h1,
.eb-event h2,
.eb-event h3,
.eb-event h4,
.eb-event-title,
.eb-event-title a,
.eb-event-item h1,
.eb-event-item h2,
.eb-event-item h3,
.eb-event-item h4,
.eb-event-list .event h1,
.eb-event-list .event h2,
.eb-event-list .event h3,
.eb-category-events .event h1,
.eb-category-events .event h2,
.eb-category-events .event h3 {
  color: #25408f !important;
  font-family: 'Esmeralda', serif !important;
  font-size: 30px !important;
  line-height: 1.15 !important;
  text-decoration: none !important;
  margin-top: 0 !important;
}

/* Event title hover */
.eb-event-title a:hover,
.eb-event h1 a:hover,
.eb-event h2 a:hover,
.eb-event h3 a:hover,
.eb-event-item h1 a:hover,
.eb-event-item h2 a:hover,
.eb-event-item h3 a:hover,
.eb-event-list .event h1 a:hover,
.eb-event-list .event h2 a:hover,
.eb-event-list .event h3 a:hover,
.eb-category-events .event h1 a:hover,
.eb-category-events .event h2 a:hover,
.eb-category-events .event h3 a:hover {
  color: #0019c6 !important;
  text-decoration: none !important;
}

/* Date, time, location text */
.eb-event-date,
.eb-event-time,
.eb-event-location,
.eb-event-date-time,
.eb-location,
.eb-event-info,
.eb-event-meta,
.eb-event-list .event-date,
.eb-category-events .event-date {
  color: #243746;
  font-weight: 700;
}

/* Description text */
.eb-description,
.eb-event-description,
.eb-short-description,
.eb-event-summary,
.eb-event-list .event-description,
.eb-category-events .event-description {
  color: #243746;
  line-height: 1.7;
  font-size: 16px;
}

/* Event Booking buttons - cleaner pop style, NO yellow corner */
.eb-event a.button,
.eb-event .button,
.eb-event .btn,
.eb-event .readmore a,
.eb-event-details a,
.eb-event-item a.button,
.eb-event-item .button,
.eb-event-item .btn,
.eb-event-list .event a.button,
.eb-category-events .event a.button,
.eb-event-list .event .button,
.eb-category-events .event .button,
.eb-event-list .event .btn,
.eb-category-events .event .btn {
  display: inline-block !important;
  position: relative;
  background: linear-gradient(135deg, #25408f 0%, #0019c6 100%) !important;
  color: #ffffff !important;
  padding: 13px 24px !important;
  border-radius: 0 10px 10px 0 !important;
  text-decoration: none !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  box-shadow: 0 8px 18px rgba(37,64,143,0.34);
  border: 0 !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
}

/* Remove yellow corner from Event Booking buttons */
.eb-event a.button::after,
.eb-event .button::after,
.eb-event .btn::after,
.eb-event .readmore a::after,
.eb-event-details a::after,
.eb-event-item a.button::after,
.eb-event-item .button::after,
.eb-event-item .btn::after,
.eb-event-list .event a.button::after,
.eb-category-events .event a.button::after,
.eb-event-list .event .button::after,
.eb-category-events .event .button::after,
.eb-event-list .event .btn::after,
.eb-category-events .event .btn::after {
  display: none !important;
  content: none !important;
}

/* Button hover */
.eb-event a.button:hover,
.eb-event .button:hover,
.eb-event .btn:hover,
.eb-event .readmore a:hover,
.eb-event-details a:hover,
.eb-event-item a.button:hover,
.eb-event-item .button:hover,
.eb-event-item .btn:hover,
.eb-event-list .event a.button:hover,
.eb-category-events .event a.button:hover,
.eb-event-list .event .button:hover,
.eb-category-events .event .button:hover,
.eb-event-list .event .btn:hover,
.eb-category-events .event .btn:hover {
  background: linear-gradient(135deg, #d90000 0%, #b80000 100%) !important;
  color: #ffffff !important;
  text-decoration: none !important;
  transform: translateY(-3px);
  box-shadow: 0 12px 26px rgba(217,0,0,0.32);
}

/* Clean up print/edit/back/admin buttons in Event Booking detail pages */
.eb-taskbar,
.eb-toolbar,
.eb-buttons,
.eb-social-sharing,
.eb-share {
  margin-top: 18px;
}

.eb-social-sharing a,
.eb-share a,
.eb-print,
.eb-print a,
.eb-taskbar a,
.eb-taskbar .btn,
.eb-taskbar button,
.eb-toolbar a,
.eb-toolbar .btn,
.eb-toolbar button,
.eb-buttons a,
.eb-buttons .btn,
.eb-buttons button {
  display: inline-block !important;
  background: #25408f !important;
  color: #ffffff !important;
  border-radius: 0 8px 8px 0 !important;
  box-shadow: 0 6px 14px rgba(37,64,143,0.28) !important;
  border: 0 !important;
  text-decoration: none !important;
  transition: transform 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;
}

/* No yellow corner on social/print/admin buttons */
.eb-social-sharing a::before,
.eb-social-sharing a::after,
.eb-share a::before,
.eb-share a::after,
.eb-print::before,
.eb-print::after,
.eb-print a::before,
.eb-print a::after,
.eb-taskbar a::before,
.eb-taskbar a::after,
.eb-taskbar .btn::before,
.eb-taskbar .btn::after,
.eb-taskbar button::before,
.eb-taskbar button::after,
.eb-toolbar a::before,
.eb-toolbar a::after,
.eb-toolbar .btn::before,
.eb-toolbar .btn::after,
.eb-toolbar button::before,
.eb-toolbar button::after,
.eb-buttons a::before,
.eb-buttons a::after,
.eb-buttons .btn::before,
.eb-buttons .btn::after,
.eb-buttons button::before,
.eb-buttons button::after {
  display: none !important;
  content: none !important;
}

/* Social/print/admin hover */
.eb-social-sharing a:hover,
.eb-share a:hover,
.eb-print:hover,
.eb-print a:hover,
.eb-taskbar a:hover,
.eb-taskbar .btn:hover,
.eb-taskbar button:hover,
.eb-toolbar a:hover,
.eb-toolbar .btn:hover,
.eb-toolbar button:hover,
.eb-buttons a:hover,
.eb-buttons .btn:hover,
.eb-buttons button:hover {
  background: #d90000 !important;
  color: #ffffff !important;
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(217,0,0,0.28) !important;
}

/* Social icon sizing cleanup */
.eb-social-sharing a,
.eb-share a {
  width: auto !important;
  min-width: 42px;
  height: auto !important;
  min-height: 42px;
  padding: 10px 13px !important;
  text-align: center;
  line-height: 1.2 !important;
}

/* Keep icons readable */
.eb-social-sharing a i,
.eb-share a i,
.eb-taskbar a i,
.eb-toolbar a i,
.eb-buttons a i {
  color: #ffffff !important;
}

/* Event details table cleanup */
.eb-event-properties,
.eb-event-details,
.eb-event-info table,
.eb-event-properties table {
  width: 100%;
  border-collapse: collapse;
}

.eb-event-properties td,
.eb-event-details td,
.eb-event-info table td,
.eb-event-properties table td {
  padding: 12px 14px;
  border-color: rgba(37,64,143,0.18) !important;
}

/* Pagination */
.eb-pagination,
.pagination {
  margin-top: 28px;
}

.eb-pagination a,
.pagination a,
.pagination span {
  border-radius: 0 8px 8px 0 !important;
}

/* Mobile cleanup */
@media (max-width: 767px) {
  .eb-event,
  .eb-event-item,
  .eb-event-box,
  .eb-event-list .event,
  .eb-category-events .event {
    padding: 20px;
  }

  .eb-event img,
  .eb-event-item img,
  .eb-event-box img,
  .eb-event-list .event img,
  .eb-category-events .event img {
    width: 100%;
    margin-bottom: 16px;
    border-radius: 0 18px 18px 0;
  }

  .eb-event h1,
  .eb-event h2,
  .eb-event h3,
  .eb-event h4,
  .eb-event-title,
  .eb-event-title a,
  .eb-event-item h1,
  .eb-event-item h2,
  .eb-event-item h3,
  .eb-event-item h4,
  .eb-event-list .event h1,
  .eb-event-list .event h2,
  .eb-event-list .event h3,
  .eb-category-events .event h1,
  .eb-category-events .event h2,
  .eb-category-events .event h3 {
    font-size: 26px !important;
  }

  .eb-event a.button,
  .eb-event .button,
  .eb-event .btn,
  .eb-event .readmore a,
  .eb-event-details a,
  .eb-event-item a.button,
  .eb-event-item .button,
  .eb-event-item .btn,
  .eb-event-list .event a.button,
  .eb-category-events .event a.button,
  .eb-event-list .event .button,
  .eb-category-events .event .button,
  .eb-event-list .event .btn,
  .eb-category-events .event .btn,
  .eb-social-sharing a,
  .eb-share a,
  .eb-print,
  .eb-print a,
  .eb-taskbar a,
  .eb-taskbar .btn,
  .eb-taskbar button,
  .eb-toolbar a,
  .eb-toolbar .btn,
  .eb-toolbar button,
  .eb-buttons a,
  .eb-buttons .btn,
  .eb-buttons button {
    width: auto;
    max-width: 100%;
    margin-top: 8px;
  }
}

/* ===== CCTB-Event-Booking-Print-Button-Fix ===== */

/* Force print button/icon to clean blue button */
.eb-print,
.eb-print a,
a.eb-print,
a[href*="print"],
a[href*="task=print"],
a[href*="view=print"],
button.eb-print,
.btn.eb-print {
  background: #25408f !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 0 8px 8px 0 !important;
  box-shadow: 0 6px 14px rgba(37,64,143,0.28) !important;
  text-decoration: none !important;
}

/* Kill yellow corner/pseudo elements on print button */
.eb-print::before,
.eb-print::after,
.eb-print a::before,
.eb-print a::after,
a.eb-print::before,
a.eb-print::after,
a[href*="print"]::before,
a[href*="print"]::after,
a[href*="task=print"]::before,
a[href*="task=print"]::after,
a[href*="view=print"]::before,
a[href*="view=print"]::after,
button.eb-print::before,
button.eb-print::after,
.btn.eb-print::before,
.btn.eb-print::after {
  display: none !important;
  content: none !important;
  background: transparent !important;
}

/* Make printer icon white */
.eb-print i,
.eb-print a i,
a.eb-print i,
a[href*="print"] i,
a[href*="task=print"] i,
a[href*="view=print"] i,
button.eb-print i,
.btn.eb-print i,
.eb-print svg,
.eb-print a svg,
a.eb-print svg,
a[href*="print"] svg,
a[href*="task=print"] svg,
a[href*="view=print"] svg {
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* Font Awesome / icon pseudo fallback */
.eb-print i::before,
.eb-print a i::before,
a.eb-print i::before,
a[href*="print"] i::before,
a[href*="task=print"] i::before,
a[href*="view=print"] i::before {
  color: #ffffff !important;
}

/* Print button hover */
.eb-print:hover,
.eb-print a:hover,
a.eb-print:hover,
a[href*="print"]:hover,
a[href*="task=print"]:hover,
a[href*="view=print"]:hover,
button.eb-print:hover,
.btn.eb-print:hover {
  background: #d90000 !important;
  color: #ffffff !important;
}