@charset "UTF-8";
/**
 * Frontend Styles
 */
:root {
  --wpem-green: #3dcc3d;
  --wpem-orange: #f59e0b;
  --wpem-red: #ff0000;
  --wpem-gray: #9ca3af; }

.flatpickr-day.wpem-cal-green {
  box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--wpem-green) 55%, transparent);
  border-radius: 6px; }
.flatpickr-day.wpem-cal-orange {
  box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--wpem-orange) 55%, transparent);
  border-radius: 6px; }
.flatpickr-day.wpem-cal-red {
  box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--wpem-red) 60%, transparent);
  border-radius: 6px; }
.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {
  color: rgba(57, 57, 57, 0.3) !important; }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
.wpem-hall-label {
  display: inline-block;
  padding: 4px 8px;
  border-radius: 6px;
  border: 1px solid transparent; }

.wpem-hall--free .wpem-hall-label {
  border-color: var(--wpem-green) !important;
  color: var(--wpem-green) !important; }
.wpem-hall--opt .wpem-hall-label {
  border-color: var(--wpem-orange) !important;
  color: var(--wpem-orange) !important; }
.wpem-hall--booked .wpem-hall-label {
  border-color: var(--wpem-red) !important;
  color: var(--wpem-red) !important; }
.wpem-hall--off .wpem-hall-label {
  border-color: var(--wpem-gray) !important;
  color: var(--wpem-gray) !important; }

.wpem-tooltip {
  position: absolute;
  z-index: 99999;
  background: #111827;
  color: #fff;
  padding: 8px 10px;
  border-radius: 6px;
  font-size: 13px;
  line-height: 1.45;
  max-width: 240px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
  pointer-events: none;
  opacity: 0;
  transition: opacity .15s ease;
  white-space: normal; }
  .wpem-tooltip.show {
    opacity: 1; }

.wpem-tip-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 2px 0; }

.wpem-tip-label {
  min-width: 100px;
  color: #d1d5db; }

.wpem-tip-status {
  font-weight: 600; }

.wpem-tip-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  flex: 0 0 8px; }
  .wpem-tip-dot--free {
    background: var(--wpem-green); }
  .wpem-tip-dot--opt {
    background: var(--wpem-orange); }
  .wpem-tip-dot--booked {
    background: var(--wpem-red); }

.dayContainer {
  padding: 10px !important; }

.wpem-datepicker-help {
  font-size: 0.85em;
  color: #666;
  margin-top: 4px; }

:focus {
  outline: none; }

.evm-events-list {
  margin: 2rem 0; }
  .evm-events-list .evm-month {
    font-size: 1.2rem;
    font-weight: 700;
    margin: 2rem 0 1rem;
    border-bottom: 1px solid #B89B61;
    padding-bottom: .3rem; }
  .evm-events-list .evm-event {
    display: flex;
    gap: 1rem;
    padding: .1rem 0; }
    .evm-events-list .evm-event:last-child {
      border-bottom: none; }
    .evm-events-list .evm-event .evm-event-date {
      flex: 0 0 270px;
      font-weight: 500;
      color: #111; }
    .evm-events-list .evm-event .evm-event-location {
      flex: 0 0 140px;
      color: #666;
      font-style: italic; }
    .evm-events-list .evm-event .evm-event-title {
      flex: 0 0 380px;
      font-weight: 500; }
    .evm-events-list .evm-event .evm-event-icons {
      font-size: 0.8rem;
      flex: 0 0 140px;
      margin-left: auto;
      text-align: right; }
      @media screen and (max-width: 767px) {
        .evm-events-list .evm-event .evm-event-icons {
          font-size: 0.9rem;
          flex: 0;
          margin-bottom: 1rem;
          margin-top: 0; } }
      .evm-events-list .evm-event .evm-event-icons a {
        color: #B89B61;
        width: 15px;
        height: 15px;
        vertical-align: middle; }

/* 📱 Mobile-Ansicht */
@media (max-width: 768px) {
  .evm-events-list .evm-event {
    flex-direction: column;
    align-items: flex-start;
    gap: .3rem; }
    .evm-events-list .evm-event .evm-event-date,
    .evm-events-list .evm-event .evm-event-location,
    .evm-events-list .evm-event .evm-event-title {
      flex: unset;
      width: 100%; }
    .evm-events-list .evm-event .evm-event-icons {
      margin-left: 0;
      margin-top: .3rem; } }
.evm-events-more {
  text-align: center;
  margin: 2rem 0; }
  .evm-events-more .evm-load-more {
    background: #B89B61 !important;
    color: #fff;
    padding: 0.5rem 2rem;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    font-weight: bold; }
    .evm-events-more .evm-load-more:hover {
      background: #9f8247; }
    .evm-events-more .evm-load-more:disabled {
      background: #ddd;
      cursor: not-allowed; }

.evm-event-detail .evm-detail-header {
  display: flex;
  align-items: center;
  margin-bottom: 20px; }
  .evm-event-detail .evm-detail-header h4 {
    color: var(--color-accent) !important;
    width: 80%; }
  .evm-event-detail .evm-detail-header img.evm-detail-culture-image {
    width: 80px; }
.evm-event-detail .evm-detail-organizer {
  font-size: 20px;
  font-weight: 500; }
.evm-event-detail .evm-detail-date {
  font-size: 18px;
  font-weight: 500; }
.evm-event-detail a {
  color: #000 !important;
  font-weight: bold; }

.evm-loading {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 15px;
  font-size: 14px;
  color: #555; }

.evm-spinner {
  width: 18px;
  height: 18px;
  border: 3px solid #ddd;
  border-top-color: #333;
  border-radius: 50%;
  animation: evm-spin 0.8s linear infinite; }

@keyframes evm-spin {
  to {
    transform: rotate(360deg); } }
.evm-load-more[disabled] {
  opacity: 0.6;
  cursor: not-allowed; }

/*# sourceMappingURL=frontend.css.map */
