/* ==========================================================================
   Termine – Zusatz zum Kalender des Themes
   Farben aus den Design-Tokens des Themes; die Ersatzwerte greifen nur,
   wenn das Theme-Stylesheet fehlt.
   ========================================================================== */

/* hidden wieder wirksam machen.
   .wm-btn setzt display:inline-flex und sticht damit die Browserregel für
   [hidden] aus. Folge im Theme: „Mehr Infos" und „Im Kalender ansehen"
   waren auch dann zu sehen, wenn sie ausgeblendet sein sollten. */
.wm [hidden] { display: none !important; }

/* ---- Zeichen in Buttons ---- */
.wm .wmt-ico { width: 1.05em; height: 1.05em; flex: 0 0 auto; display: inline-block; vertical-align: -.15em; }

/* ---- Knopfreihe im Detailfenster ---- */
.wm .wmt-links { display: flex; flex-wrap: wrap; gap: .6rem; margin: 0 0 1.1rem; }

.wm .wmt-btn-ticket {
	background: var(--wm-lime, #8dc63f);
	border-color: var(--wm-lime, #8dc63f);
	color: #14170f !important;
}
.wm .wmt-btn-ticket:hover { background: var(--wm-lime-soft, #a9d95f); border-color: var(--wm-lime-soft, #a9d95f); }
.wm .wmt-btn-ticket.is-off {
	background: transparent;
	border-color: var(--wm-line-2, rgba(255, 255, 255, .18));
	color: var(--wm-text-dim, #8f958c) !important;
	cursor: default;
	pointer-events: none;
}

.wm .wmt-btn-social {
	background: transparent;
	border-color: var(--wm-line-2, rgba(255, 255, 255, .18));
	color: var(--wm-text, #e9e7de) !important;
}
.wm .wmt-btn-social:hover { background: transparent; border-color: currentColor; color: #fff !important; }
.wm .wmt-btn-social.is-facebook:hover  { color: #6c9bf5 !important; }
.wm .wmt-btn-social.is-instagram:hover { color: #e6689b !important; }
.wm .wmt-btn-social.is-youtube:hover   { color: #ef6a5c !important; }
.wm .wmt-btn-social.is-spotify:hover   { color: #6fd58a !important; }

/* ---- Statusschild ---- */
.wm .wmt-status {
	display: inline-block;
	padding: .28rem .6rem;
	border-radius: 2px;
	font-size: .68rem;
	font-weight: 800;
	letter-spacing: .14em;
	text-transform: uppercase;
	white-space: nowrap;
	background: rgba(255, 255, 255, .10);
	color: var(--wm-text-soft, #a8ada2);
}
.wm .wmt-status--info { background: rgba(141, 198, 63, .18); color: var(--wm-lime, #8dc63f); }
.wm .wmt-status--warn { background: rgba(209, 116, 58, .22); color: #f0a06a; }
.wm .wmt-status--voll { background: rgba(209, 74, 46, .24);  color: #f5876c; }
.wm .wmt-status--stop { background: rgba(209, 46, 46, .26);  color: #f79b93; }

.wm [data-wmt="status"] { margin: 0 0 .1rem; }
.wm .wmt-item-status { margin: 0 0 .15rem; }

/* ---- Abgesagt, verschoben ---- */
.wm .wmt-aus h3,
.wm .wm-modal__box.wmt-aus h3 {
	text-decoration: line-through;
	text-decoration-thickness: 2px;
	color: var(--wm-text-soft, #a8ada2);
}
.wm .wm-item.wmt-aus { opacity: .82; }

/* ---- Monatsansicht ---- */
.wm .wmt-punkt {
	display: inline-block;
	width: .45rem;
	height: .45rem;
	border-radius: 50%;
	margin-right: .3rem;
	vertical-align: .05em;
	background: currentColor;
}
.wm .wmt-ev--info .wmt-punkt { background: var(--wm-lime, #8dc63f); }
.wm .wmt-ev--warn .wmt-punkt { background: #f0a06a; }
.wm .wmt-ev--voll .wmt-punkt,
.wm .wmt-ev--stop .wmt-punkt { background: #f5876c; }
.wm .wm-ev.wmt-aus { text-decoration: line-through; opacity: .7; }

/* ---- Liste ---- */
.wm .wm-item__cta .wmt-btn-ticket { white-space: nowrap; }

@media (max-width: 760px) {
	.wm .wmt-links .wm-btn { flex: 1 1 auto; justify-content: center; }
}
@media print {
	.wm .wmt-links { display: none !important; }
}