/**
 * AMA Events — front end.
 *
 * Category color arrives as --ama-event-color (var(--wp--preset--color--{slug}))
 * on .event-item, .event-single, .event-cat and the category archive block.
 */

.block-events,
.event-single,
.event-item,
.event-cat {
	--_event-color: var(--ama-event-color, var(--ama-primary-color));
}

/* Grid ------------------------------------------------------------------ */

.events-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 18rem), 1fr));
	gap: var(--ama-gutter-double-x, 2rem);
}

.events-empty {
	padding: 2rem 0;
}

/* Category chips + nav --------------------------------------------------- */

.event-cats,
.event-cat-nav ul {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.event-cat-nav {
	margin-block: 0 2rem;
}

.event-cat {
	display: inline-flex;
	align-items: center;
	gap: .375rem;
	padding: .25rem .75rem;
	border: 1px solid currentColor;
	border-radius: 1rem;
	font-size: .875rem;
	line-height: 1.4;
	color: inherit;
	text-decoration: none;
	transition: all .3s linear;
}

.event-cat::before {
	content: "";
	width: .5rem;
	height: .5rem;
	border-radius: 50%;
	background: var(--_event-color);
	flex-shrink: 0;
}

.event-cat--all::before {
	display: none;
}

a.event-cat:hover,
a.event-cat:focus-visible,
.event-cat.is-active {
	background: var(--_event-color);
	border-color: var(--_event-color);
	color: var(--ama-white-color);
}

a.event-cat:hover::before,
a.event-cat:focus-visible::before,
.event-cat.is-active::before {
	background: var(--ama-white-color);
}

.event-cats .event-cat {
	padding: .125rem .5rem;
	font-size: .75rem;
	border-color: transparent;
	background: var(--ama-alice-blue-color);
}

a.event-cat[style="--ama-event-color:var(--wp--preset--color--soft-linen)"]:hover,
a.event-cat[style="--ama-event-color:var(--wp--preset--color--soft-linen)"]:focus-visible,
.event-cat.is-active[style="--ama-event-color:var(--wp--preset--color--soft-linen)"]{
	color: var(--ama-primary-color)
}
a.event-cat[style="--ama-event-color:var(--wp--preset--color--soft-linen)"]:hover::before,
a.event-cat[style="--ama-event-color:var(--wp--preset--color--soft-linen)"]:focus-visible::before,
.event-cat.is-active[style="--ama-event-color:var(--wp--preset--color--soft-linen)"]::before{
	background-color: var(--ama-primary-color)
}

/* Card ------------------------------------------------------------------ */

.event-item {
	display: flex;
	flex-direction: column;
	border-top: .25rem solid var(--_event-color);
	background: var(--ama-white-color);
	border-radius: var(--ama-general-border-radius);
	overflow: hidden
}

.event-item__media {
	position: relative;
	display: block;
	aspect-ratio: 3 / 2;
	overflow: hidden;
	background: var(--_event-color);
}

.event-item__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .3s linear;
}

.event-item:hover .event-item__media img {
	transform: scale(1.04);
}

.event-item__badge {
	position: absolute;
	top: 1rem;
	left: 1rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	min-width: 3.5rem;
	padding: .375rem .5rem;
	background: var(--ama-white-color);
	color: var(--ama-prussian-blue-color);
	line-height: 1;
	text-align: center;
	border-radius: calc(var(--ama-general-border-radius) / 2);
}

.event-item__day {
	font-size: 1.5rem;
	font-weight: 700;
}

.event-item__month {
	margin-top: .25rem;
	font-size: .75rem;
	text-transform: uppercase;
	letter-spacing: .05em;
}

.event-item__body {
	display: flex;
	flex-direction: column;
	gap: .5rem;
	padding: 1.25rem;
}

.event-item__title {
	margin: 0!important;
	font-size: 1.25rem;
}

.event-item__title a {
	color: inherit;
	text-decoration: none;
}

.event-item__title a:hover {
	color: var(--_event-color);
}

.event-item__meta {
	display: flex;
	flex-direction: column;
	gap: .125rem;
	margin: 0;
	font-size: .875rem;
}

.event-item.is-past {
	opacity: .65;
}
.events-past{margin-top: 3.75rem}
.events-past__title{margin-bottom: 1.875rem}
/* Single ---------------------------------------------------------------- */

.event-single__header {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	margin-bottom: 2rem;
	padding-left: 1rem;
	border-left: .25rem solid var(--ama-event-color);
}
	.event-single__header + *{margin-top: 0!important}

.event-single__title {
	margin: 0!important;
}

.event-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .5rem 2rem;
	margin: 0;
	padding: 0;
	list-style: none;
}
	.event-meta__date{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}

.event-state {
	display: inline-block;
	margin-left: .5rem;
	padding: 0 .5rem;
	font-size: .75rem;
	background: var(--ama-soft-linen-color);
	border-radius: calc(var(--ama-general-border-radius) / 2);
}

.event-state.is-ongoing {
	background: var(--ama-tropical-teal-color);
	color: var(--ama-white-color);
}

:not(.event-single__header) + .event-single__image {
	margin-top: 2.5rem;
}

.event-single__image img {
	max-width: 100%;
	height: auto;
	border-radius: var(--ama-general-border-radius);
}

.event-single__cta,
.event-single__footer {
	margin-top: 2rem;
}

/* Category archive -------------------------------------------------------- */

.events-category__image {
	margin: 0 0 1.5rem;
}

.events-category__image img {
	width: 100%;
	height: auto;
	max-height: 24rem;
	object-fit: cover;
}

/* =========================================================================
 * Events block (ama/events): list + calendar
 * ====================================================================== */

.block-events {
	--ama-event-min: 18.75rem;

	--ama-events-card-bg: var(--ama-white-color);
	--ama-events-card-radius: 1.25rem;
	--ama-events-card-pad: clamp(1.25rem, 3vw, 1.875rem);
	--ama-events-gap: 1.875rem;
	--ama-events-line: var(--ama-soft-linen-color);
}

.block-events .block__body {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--ama-events-gap);
	align-items: stretch;
}
.block-events .block__body.events-grid{
	grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--ama-event-min)), 1fr));
}
.block-events .block__body.events-grid .event-item{width: 100%}

@media (min-width: 992px) {
	.block-events.has-calendar .block__body {
		grid-template-columns: minmax(0, 1fr) minmax(20rem, 26rem);
	}
}

.block-events .body__main,
.block-events .body__side {
	min-width: 0;
	padding: var(--ama-events-card-pad);
	border-radius: var(--ama-events-card-radius);
	background: var(--ama-events-card-bg);
}

.block-events .body__main {
	display: flex;
	flex-direction: column;
}

.block-events .body__main > .block__header {
	margin-bottom: 1.5rem;
}

.block-events .body__main > .block__footer {
	margin-top: 1.5rem;
}

.block-events .body__list {
	flex: 1 1 auto;
	min-height: 0;
}

.block-events .body__list > .ama-scroll {
	--ama-scroll-max-height: 30rem;
}

/* Desktop with calendar: the calendar sets the height, the list fills and scrolls. */
@media (min-width: 992px) {
	.block-events.has-calendar .body__list {
		position: relative;
		min-height: 16rem;
	}

	.block-events.has-calendar .body__list > .ama-scroll {
		position: absolute;
		inset: 0;
		--ama-scroll-max-height: none;
	}
}

/* Row ------------------------------------------------------------------- */

.event-row {
	--_event-color: var(--ama-event-color, var(--ama-primary-color));
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: 1rem 1.75rem;
	padding-block: 1.25rem;
	border-bottom: 1px solid var(--ama-events-line, var(--ama-soft-linen-color));
}

.event-row:first-child {
	padding-top: 0;
}

.event-row:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

.event-row__date {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 5rem;
	aspect-ratio: 1;
	border-radius: 50%;
	background: var(--_event-color);
	line-height: 1;
	text-align: center;
}

.event-row.is-light .event-row__date {
	color: var(--ama-primary-color);
}

.event-row.is-dark .event-row__date {
	color: var(--ama-white-color);
}

.event-row__day {
	font-size: 1.75rem;
	font-variant-numeric: tabular-nums;
}

.event-row__month {
	margin-top: .25rem;
	font-size: .875rem;
	text-transform: uppercase;
	letter-spacing: .02em;
}

.event-row__title {
	margin: 0 0 .375rem;
	font-size: 1.5rem;
	line-height: 1.25;
}

.event-row__title a {
	color: var(--ama-primary-color);
	text-decoration: none;
}

.event-row__title a:hover,
.event-row__title a:focus-visible {
	text-decoration: underline;
	text-underline-offset: .2em;
}

.event-row__excerpt {
	max-width: 32rem;
	margin: 0;
	font-size: 1rem;
	line-height: 1.5;
}

.event-row__more {
	display: inline-flex;
	align-items: center;
	gap: .625rem;
	font-size: .9375rem;
	font-weight: 600;
	color: var(--ama-primary-color);
	text-decoration: none;
	white-space: nowrap;
}

.event-row__more svg {
	flex-shrink: 0;
	transition: transform .3s linear;
}

.event-row:hover .event-row__more svg {
	transform: translateX(.25rem);
}

@media (min-width: 992px) and (max-width: 1200px)  {
	.event-row {
		grid-template-columns: auto minmax(0, 1fr);
		align-items: start;
		gap: .5rem 1.25rem;
	}

	.event-row__date {
		grid-row: span 2;
		width: 4rem;
	}

	.event-row__day {
		font-size: 1.375rem;
	}

	.event-row__month {
		font-size: .75rem;
	}

	.event-row__title {
		font-size: 1.25rem;
	}

	.event-row__more {
		grid-column: 2;
		justify-self: start;
	}
}
@media (max-width: 849px) {
	.event-row {
		grid-template-columns: auto minmax(0, 1fr);
		align-items: start;
		gap: .5rem 1.25rem;
	}

	.event-row__date {
		grid-row: span 2;
		width: 4rem;
	}

	.event-row__day {
		font-size: 1.375rem;
	}

	.event-row__month {
		font-size: .75rem;
	}

	.event-row__title {
		font-size: 1.25rem;
	}

	.event-row__more {
		grid-column: 2;
		justify-self: start;
	}
}
@media (max-width: 767px) {
	.event-row {
		gap: .5rem 1rem;
	}

	.event-row__date {
		width: 3.25rem;
	}

	.event-row__day {
		font-size: 1.125rem;
	}

	.event-row__month {
		font-size: .625rem;
	}
}

/* Calendar ---------------------------------------------------------------- */

.ama-cal {
	--ama-cal-head-bg: var(--ama-primary-color);
	--ama-cal-day-bg: var(--ama-soft-linen-color);
	--ama-cal-day-color: var(--ama-prussian-blue-color);
	--ama-cal-today: var(--ama-secondary-color);
	--ama-cal-gap: clamp(.25rem, 2.2cqi, .625rem);
	container: ama-cal / inline-size;
}

.ama-cal__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .75rem;
	margin-bottom: 1.25rem;
	padding: clamp(.5rem, 3.5cqi, 1rem);
	border-radius: 1rem;
	background: var(--ama-cal-head-bg);
}

.ama-cal__title {
	flex: 1 1 auto;
	margin: 0;
	font-size: clamp(1.125rem, 6.5cqi, 1.625rem);
	line-height: 1.2;
	text-align: center;
	color: var(--ama-white-color);
}

.ama-cal .ama-cal__nav {
	display: grid;
	flex: 0 0 auto;
	place-items: center;
	width: clamp(2rem, 11cqi, 2.75rem);
	aspect-ratio: 1;
	border-radius: 50%;
	background: var(--ama-white-color);
	color: var(--ama-cal-head-bg);
	text-decoration: none;
	transition: all .3s linear;
}

.ama-cal .ama-cal__nav:hover {
	background: var(--ama-alice-blue-color);
}

.ama-cal .ama-cal__nav:focus-visible {
	outline: 2px solid var(--ama-white-color);
	outline-offset: 2px;
}

.ama-cal__body {
	transition: opacity .2s linear;
}

.ama-cal.is-loading .ama-cal__body {
	opacity: .5;
}

.ama-cal__table {
	width: calc(100% + var(--ama-cal-gap) * 2);
	margin: calc(var(--ama-cal-gap) * -1);
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: var(--ama-cal-gap);
}

.ama-cal__table th {
	padding: 0 0 .25rem;
	font-size: clamp(.8125rem, 4.5cqi, 1.125rem);
	font-weight: inherit;
	text-align: center;
	color: var(--ama-cal-day-color);
}

.ama-cal__cell {
	padding: 0;
	text-align: center;
	vertical-align: middle;
}

.ama-cal .ama-cal__day {
	position: relative;
	display: inline-grid;
	place-items: center;
	width: 100%;
	max-width: 2.75rem;
	aspect-ratio: 1;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: var(--ama-cal-day-bg);
	color: var(--ama-cal-day-color);
	font: inherit;
	font-size: clamp(.75rem, 4.3cqi, 1.125rem);
	font-variant-numeric: tabular-nums;
	line-height: 1;
	text-decoration: none;
	appearance: none;
	transition: transform .2s linear, box-shadow .2s linear;
}

.ama-cal .ama-cal__day.is-outside {
	background: color-mix(in srgb, var(--ama-cal-day-bg) 30%, transparent);
	color: color-mix(in srgb, var(--ama-cal-day-color) 30%, transparent);
}

.ama-cal .ama-cal__day.is-today {
	background: var(--ama-cal-today);
	color: var(--ama-white-color);
}

.ama-cal .ama-cal__day.has-events.is-today:not(.is-filled) {
	background: var(--ama-cal-day-bg);
	color: var(--ama-cal-day-color);
}

.ama-cal .ama-cal__day.is-filled {
	background: var(--ama-event-color);
}

.ama-cal .ama-cal__day.is-filled.is-dark {
	color: var(--ama-white-color);
}

.ama-cal .ama-cal__day.is-filled.is-light {
	color: var(--ama-primary-color);
}

.ama-cal .ama-cal__day.has-events.is-today {
	box-shadow: 0 0 0 2px var(--ama-events-card-bg, var(--ama-white-color)), 0 0 0 4px var(--ama-cal-today);
}

.ama-cal a.ama-cal__day,
.ama-cal button.ama-cal__day {
	cursor: pointer;
}

.ama-cal a.ama-cal__day:hover,
.ama-cal button.ama-cal__day:hover,
.ama-cal button.ama-cal__day[aria-expanded="true"] {
	transform: scale(1.08);
}

.ama-cal a.ama-cal__day:focus-visible,
.ama-cal button.ama-cal__day:focus-visible {
	outline: 2px solid var(--ama-primary-color);
	outline-offset: 2px;
}

/* Several colors → dots under the number. */
.ama-cal__dots {
	position: absolute;
	bottom: 16%;
	left: 50%;
	display: flex;
	gap: 2px;
	transform: translateX(-50%);
}

.ama-cal__dots span {
	width: clamp(3px, 1.4cqi, 6px);
	aspect-ratio: 1;
	border-radius: 50%;
	background: var(--dot);
}

.ama-cal .ama-cal__day.is-multi:not(.is-filled) .ama-cal__num {
	transform: translateY(-18%);
}

/* Several events, same color → small marker. */
.ama-cal .ama-cal__day.is-multi.is-filled::after {
	content: "";
	position: absolute;
	top: 6%;
	right: 6%;
	width: 24%;
	aspect-ratio: 1;
	border-radius: 50%;
	background: var(--ama-white-color);
	box-shadow: 0 0 0 2px var(--ama-event-color);
}

/* Legend */
.ama-cal__legend {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: .5rem 1.75rem;
	margin: 1.75rem 0 0;
	padding: 0;
	list-style: none;
	font-size: .9375rem;
}

.ama-cal__legend li {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
}

.ama-cal__swatch {
	flex-shrink: 0;
	width: 1rem;
	aspect-ratio: 1;
	border-radius: 50%;
	background: var(--ama-event-color, var(--ama-primary-color));
}

.ama-cal__legend .is-today .ama-cal__swatch {
	background: var(--ama-cal-today);
}

/* Popover */
.ama-cal__popover {
	position: fixed;
	inset: auto;
	width: min(20rem, calc(100vw - 1.5rem));
	max-height: min(22rem, 70vh);
	margin: 0;
	padding: 1rem 1.125rem;
	overflow: auto;
	border: 0;
	border-radius: .875rem;
	background: var(--ama-white-color);
	color: var(--ama-prussian-blue-color);
	box-shadow: 0 .75rem 2.5rem rgba(3, 20, 60, .18);
	z-index: 1000;
}

.ama-cal__popover:empty {
	display: none;
}

.ama-cal__pop-date {
	margin: 0 0 .25rem;
	font-size: .8125rem;
	letter-spacing: .04em;
	text-transform: uppercase;
	opacity: .7;
}

.ama-cal__pop-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.ama-cal__pop-list li + li {
	border-top: 1px solid var(--ama-soft-linen-color);
}

.ama-cal__pop-list a {
	display: flex;
	align-items: flex-start;
	gap: .75rem;
	padding: .625rem 0;
	color: inherit;
	text-decoration: none;
}

.ama-cal__pop-dot {
	flex: 0 0 auto;
	width: .75rem;
	aspect-ratio: 1;
	margin-top: .3em;
	border-radius: 50%;
	background: var(--ama-event-color, var(--ama-primary-color));
}

.ama-cal__pop-title {
	display: block;
	font-weight: 600;
	line-height: 1.3;
	color: var(--ama-primary-color);
}

.ama-cal__pop-list a:hover .ama-cal__pop-title,
.ama-cal__pop-list a:focus-visible .ama-cal__pop-title {
	text-decoration: underline;
}

.ama-cal__pop-meta {
	display: block;
	margin-top: .125rem;
	font-size: .8125rem;
	opacity: .75;
}

@media (prefers-reduced-motion: reduce) {
	.ama-cal .ama-cal__day,
	.ama-cal__body,
	.event-row__more svg {
		transition: none;
	}
}

/* Light category colors (soft linen, parchment…) would vanish on the beige
 * days / white card → give them an outline. */
.ama-cal {
	--ama-cal-light-ring: color-mix(in srgb, var(--ama-cal-day-color) 35%, transparent);
}

.ama-cal .ama-cal__day.is-filled.is-light {
	box-shadow: inset 0 0 0 2px var(--ama-cal-light-ring);
}

.ama-cal .ama-cal__day.is-filled.is-light.is-today {
	box-shadow: inset 0 0 0 2px var(--ama-cal-light-ring), 0 0 0 2px var(--ama-events-card-bg, var(--ama-white-color)), 0 0 0 4px var(--ama-cal-today);
}

.ama-cal__dots span.is-light,
.ama-cal__legend .is-light .ama-cal__swatch,
.ama-cal__pop-list .is-light .ama-cal__pop-dot {
	box-shadow: inset 0 0 0 1px var(--ama-cal-light-ring);
}

.event-row.is-light .event-row__date {
	box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ama-primary-color) 12%, transparent);
}

/* Registration ------------------------------------------------------------ */

.event-reg {
	margin-top: 2.5rem;
	padding: 1.875rem;
	border-radius: var(--ama-general-border-radius);
	background: var(--ama-white-color);
}

.event-reg > * {
	margin-block: 0 !important;
}
.event-reg > * + * {
	margin-top: 1.25rem !important;
}

.event-reg__title {
	padding-bottom: 1.25rem;
	border-bottom: 1px solid rgb(var(--rgb-egyptian-blue) / .25);
	font-size: var(--ama-semi-lg-font-size, 1.5rem);
	line-height: var(--ama-semi-lg-line-height, 1.1em);
	font-weight: 600;
	color: var(--ama-primary-color);
}

.event-reg__places,
.event-reg__deadline {
	margin-bottom: .5rem;
	font-weight: 600;
}

/* Prices */
.event-reg__prices {
	display: flex;
	flex-wrap: wrap;
	gap: .625rem;
}

.event-reg__price {
	min-width: 11rem;
	padding: .75rem 1.25rem;
	border-radius: calc(var(--ama-general-border-radius) / 2);
	background: var(--ama-parchment-color);
}
.event-reg__price.is-yours {
	background: var(--ama-alice-blue-color);
	box-shadow: inset 0 0 0 2px var(--ama-primary-color);
}

.event-reg__price dt {
	font-size: var(--ama-sm-font-size, .9375rem);
	font-weight: 400;
	color: rgb(var(--rgb-prussian-blue) / .65);
}
.event-reg__price dd {
	margin: 0;
	font-size: var(--ama-h5-font-size);
	line-height: 1.25;
	font-weight: 700;
	color: var(--ama-primary-color);
}
.event-reg__price dd small {
	font-size: .8125rem;
	font-weight: 500;
}

.event-reg__yours {
	margin-left: .25rem;
	padding: .0625rem .5rem;
	border-radius: var(--ama-border-radius-pill, 50rem);
	font-size: .75rem;
	font-weight: 600;
	color: var(--ama-white-color);
	background: var(--ama-primary-color);
}

.event-reg__member-hint {
	font-size: var(--ama-sm-font-size, .9375rem);
}
.event-reg__prices + .event-reg__member-hint {
	margin-top: .625rem !important;
}

/* Member login inside the box (ama_members_inline_login()) */
.event-reg__login {
	padding: 1rem 1.25rem;
	border-radius: calc(var(--ama-general-border-radius) / 2);
	background: var(--ama-alice-blue-color);
}

.event-reg__login > summary {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: .25rem .5rem;
	cursor: pointer;
	list-style: none;
}
.event-reg__login > summary::-webkit-details-marker {
	display: none;
}

.event-reg__login-q {
	font-weight: 600;
}
.event-reg__login-a {
	font-weight: 700;
	color: var(--ama-primary-color);
	text-decoration: underline;
}
.event-reg__login-why {
	font-size: var(--ama-sm-font-size, .9375rem);
	color: rgb(var(--rgb-prussian-blue) / .7);
}

.event-reg__login > summary ~ *,
.event-reg__login.is-open > * + * {
	margin-top: 1.25rem;
}

.event-reg__login .ama-login-form__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .75rem 1.25rem;
	margin: 2rem 0 0 !important; /* room for the validation label under the fields */
}
.event-reg__login .ama-login-form__actions > a {
	font-size: var(--ama-sm-font-size, .9375rem);
}

/* Form */
.event-reg__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.25rem var(--ama-gutter-double-x, 1.875rem);
}

.event-reg__field {
	min-width: 0;
}
.event-reg__field.is-full {
	grid-column: 1 / -1;
}

.event-reg__field > .form-label {
	display: block;
	margin-bottom: .5rem;
	font-weight: 500;
}

/* Fixed height: the theme's textarea max-height in an auto grid row would overflow. */
.event-reg__field > textarea {
	height: 7.5rem;
	min-height: 0;
	max-height: none;
	resize: vertical;
}

.event-reg__req {
	color: var(--ama-secondary-color);
}

/* Kuuluvus liitudesse */
.event-reg__unions {
	margin: 0;
	padding: 0;
	border: 0;
}
.event-reg__unions > legend {
	float: left;
	width: 100%;
	padding: 0;
	font-size: inherit;
	line-height: inherit;
}

.event-reg__checks {
	display: flex;
	flex-wrap: wrap;
	gap: .75rem 1.875rem;
	clear: left;
}

.event-reg__check {
	display: inline-flex;
	align-items: center;
	gap: .75rem;
	margin: 0;
	cursor: pointer;
}
.event-reg__check > input {
	flex-shrink: 0;
	margin: 0;
}
.event-reg__check > input + span {
	margin-left: 0 !important;
}

.event-reg__submit {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 1.25rem;
	margin-top: 1.875rem;
	padding-top: 1.25rem;
	border-top: 1px solid rgb(var(--rgb-egyptian-blue) / .25);
}
.event-reg__submit > .btn {
	margin-left: auto;
}

.event-reg__total {
	margin: 0 !important;
}
.event-reg [hidden] {
	display: none !important;
}
.event-reg__total > strong {
	margin-left: .375rem;
	font-size: var(--ama-h5-font-size);
	color: var(--ama-primary-color);
}

@media (max-width: 767px) {
	.event-reg__grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.event-reg__price {
		flex: 1 1 9rem;
	}
}

.event-reg__places + .event-reg__deadline {
	margin-top: .25rem !important;
}

/* Notices (theme .ama-notification + state modifiers) -------------------- */

/* Bootstrap's [role="alert"] rule (theme bootstrap.css) would reset these. */
.ama-notification[role="alert"] {
	margin-bottom: 0;
	padding: .9375rem 1.875rem .9375rem 3.125rem;
	border: 0;
	border-radius: var(--ama-general-border-radius);
	color: inherit;
}

.ama-notification.is-success {
	background-color: rgb(var(--rgb-tropical-teal) / .18);
}
.ama-notification.is-success::before {
	color: var(--ama-tropical-teal-color);
	mask-image: url(../images/tick-black.svg);
	-webkit-mask-image: url(../images/tick-black.svg);
}
.ama-notification.is-warning {
	background-color: var(--ama-soft-linen-color);
}
.ama-notification.is-danger {
	background-color: rgb(var(--rgb-tomato) / .16);
}
.ama-notification.is-warning::before,
.ama-notification.is-danger::before {
	color: var(--ama-secondary-color);
}

.block-events > .ama-notification,
.event-cat-nav + .ama-notification {
	margin-top: 0;
}

/* Outline button (theme .btn variables) */
.ama-btn-outline {
	--ama-btn-color: var(--ama-primary-color);
	--ama-btn-bg: transparent;
	--ama-btn-border-color: var(--ama-primary-color);
}

/* =========================================================================
 * "Toimunud …" section (inc/events/past.php) — spacing in theme.css
 * ====================================================================== */

.events-past {
	scroll-margin-top: 9rem; /* fixed header */
}

.events-past__title:focus {
	outline: 0; /* focused by script after a page change */
}

.events-past__list {
	transition: opacity .15s linear;
}
.events-past.is-loading .events-past__list {
	opacity: .4;
	pointer-events: none;
}

/* Both paginations: space above (the list's own one touched the cards) */
.block-events > .navigation.pagination,
.events-past__pagination {
	margin-top: 2.5rem;
}
.events-past.is-loading .events-past__pagination {
	pointer-events: none;
}