/*!
Theme Name: Eventseite Schokoladenmuseum
Theme URI: https://www.jensschellhase.de
Author: Jens Schellhase Design
Author URI: https://www.jensschellhase.de
Description: Description
Version: 1.0.0
Text Domain: schokoevent
*/

@import url("styles/styles.css");

/* Overlay buttons: clean, Elementor-like */
#event-overlay .saved-room-switch button,
#event-overlay .saved-day-switch button {
	opacity: 0.65;
	padding: 0.9rem 1.7rem;
	border-radius: 38px;
	border: 0;
	box-shadow: none;
	transition: none;
	font-weight: inherit;
	letter-spacing: normal;
	font-size: inherit;
}

#event-overlay .saved-room-switch button.is-active,
#event-overlay .saved-day-switch button.is-active {
	opacity: 1;
	box-shadow: none;
}

#event-overlay .saved-room-switch button:hover,
#event-overlay .saved-day-switch button:hover {
	transform: none;
}

#event-overlay .room-switch-btn,
#event-overlay .day-switch-btn {
	padding: 0.9rem 1.7rem;
	border-radius: 38px;
	border: 0;
	box-shadow: none;
	transition: none;
	font-weight: inherit;
	letter-spacing: normal;
	font-size: inherit;
}

#event-overlay .room-switch-btn.is-active,
#event-overlay .day-switch-btn.is-active {
	box-shadow: none;
}

#event-overlay .saved-remove {
	width: 2.25rem;
	height: 2.25rem;
	padding: 0;
	border-radius: 50%;
	border: 0;
	background: var(--color-accent);
	color: var(--color-bg-page);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-shadow: none;
	transition: none;
	font-size: inherit;
	font-weight: inherit;
	letter-spacing: normal;
}

#event-overlay .clear-saved-btn {
	border-radius: 38px;
	padding: 0.85rem 1.7rem;
	font-size: inherit;
	background: var(--color-accent);
	color: var(--color-bg-page);
	box-shadow: none;
	transition: none;
	border: 0;
	font-weight: inherit;
	letter-spacing: normal;
}

#event-overlay .clear-saved-btn:hover,
#event-overlay .clear-saved-btn:focus-visible {
	background: var(--color-accent);
	transform: none;
}

#event-overlay .overlay-cta {
	border-radius: 38px;
	padding: 0.9rem 1.7rem;
	font-size: inherit;
	box-shadow: none;
	transition: none;
	background: var(--color-accent);
	color: var(--color-bg-page);
	border: 0;
	font-weight: inherit;
	letter-spacing: normal;
}

#event-overlay .overlay-cta:hover:not([disabled]),
#event-overlay .overlay-cta:focus-visible {
	background: var(--color-accent);
	transform: none;
}

#event-overlay .overlay-cta-request {
	background: var(--color-brand-primary);
}

#event-overlay .overlay-cta-request:hover:not([disabled]),
#event-overlay .overlay-cta-request:focus-visible {
	background: var(--color-brand-primary-hover);
}