/* Events */
.rmac-events {
	--rmac-accent: #1a6fa2;
	--rmac-hover: #fa941f;
	--rmac-bg: #ffffff;
	--rmac-border: rgba(15, 23, 42, 0.08);
	--rmac-muted: rgba(15, 23, 42, 0.62);
	--rmac-surface: rgba(255, 255, 255, 0.72);
	--rmac-text: rgba(15, 23, 42, 0.92);
	display: grid;
	gap: 0.9rem;
	margin: 0;
	padding: 0;
	margin: 1.5rem 0;
}

/* Event Filters */
.rmac-events__filters {
	align-items: center;
	background: #f8f8f8;
	border-radius: 0.75rem;
	display: grid;
	gap: 0.75rem;
	grid-template-columns: 1fr;
	margin: 0 0 2.25rem;
	padding: 1rem;
}

@media (min-width: 640px) {
	.rmac-events__filters {
		gap: 0.9rem;
		grid-template-columns: 1.35fr 1fr auto;
		padding: 0.95rem;
	}
}

.rmac-events__field {
	min-width: 0;
	position: relative;
}

.rmac-events__filters input[type='text'],
.rmac-events__filters select {
	appearance: none;
	background: var(--rmac-bg);
	border: 1px solid var(--rmac-border);
	border-radius: 0.25rem;
	font-size: 1rem;
	line-height: 1.2;
	outline: none;
	padding: 0.55rem 0.95rem;
	transition:
		border-color 180ms ease,
		box-shadow 180ms ease,
		transform 180ms ease;
	width: 100%;
}

#rmac-cat {
	color: var(--smart-search-text-muted);
}

.rmac-events__filters input[type='text']::placeholder {
	color: var(--smart-search-text-muted);
}

.rmac-events__filters select {
	background-image:
		linear-gradient(45deg, transparent 50%, rgba(15, 23, 42, 0.55) 50%),
		linear-gradient(135deg, rgba(15, 23, 42, 0.55) 50%, transparent 50%);
	background-position:
		calc(100% - 1.15rem) calc(50% - 0.1rem),
		calc(100% - 0.85rem) calc(50% - 0.1rem);
	background-repeat: no-repeat;
	background-size:
		7px 7px,
		7px 7px;
	padding-right: 2.75rem;
}

.rmac-events__submit {
	align-items: center;
	background: var(--rmac-accent);
	border: 0;
	border-radius: 2rem;
	color: #ffffff;
	cursor: pointer;
	font-size: 1rem;
	font-weight: 600;
	justify-content: center;
	line-height: 1;
	padding: 0.65rem 1.2rem;
	transition:
		background-color 0.3s ease,
		border-color 0.3s ease,
		color 0.3s ease;
	white-space: nowrap;
	width: 100%;
}

@media (min-width: 640px) {
	.rmac-events__submit {
		width: auto;
	}
}

.rmac-events__submit:hover {
	background: #fa941f;
}

/* Event Results */
.rmac-events__results {
	display: block;
}

.rmac-events__list {
	display: grid;
	gap: 2rem;
	grid-template-columns: 1fr;
	list-style: none;
	margin: 0;
	padding: 0;
}

@media (min-width: 768px) {
	.rmac-events__list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1200px) {
	.rmac-events__list {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

.rmac-events__item {
	align-content: start;
	display: grid;
	gap: 0.75rem;
	position: relative;
}

.rmac-events__item-content {
	display: grid;
	gap: 0.75rem;
}

@media (min-width: 768px) {
	.rmac-events__title {
		font-size: 1.1rem;
	}
}

.rmac-event-image img {
	border-radius: 0.75rem;
	display: block;
	height: 100%;
	margin-bottom: 0.75rem;
	object-fit: cover; /* crops instead of stretching */
	width: 100%;
}

.rmac-event-image {
	width: 100%;
	aspect-ratio: 3 / 2; /* matches 600x400 */
	overflow: hidden;
	background: #f4f4f4; /* fallback background */
	border-radius: 0.75rem;
}

.rmac-events__title {
	font-size: 1.25rem;
	letter-spacing: -0.02em;
	line-height: 1.2;
	margin: 0;
}

.rmac-events__cats {
	color: var(--xui-black);
	font-weight: 600;
	display: flex;
	flex-wrap: wrap;
	gap: 0.25rem;
}

.rmac-events__cat,
.rmac-events__dates {
	align-items: center;
	display: inline-flex;
	font-size: 0.9rem;
	gap: 0.5rem;
}

.rmac-events .dashicons {
	color: var(--rmac-accent);
}

/* Location block */
.rmac-event-location {
	display: grid;
	gap: 0.35rem;
	padding-top: 0.85rem;
}

.rmac-event-location__name {
	color: rgba(15, 23, 42, 0.9);
	font-size: 0.95rem;
	font-weight: 600;
	line-height: 1.25;
}

.rmac-event-location__address {
	color: rgba(15, 23, 42, 0.65);
	font-size: 0.9rem;
	line-height: 1.35;
}

/* Link button */
.rmac-events__link {
	margin-top: 0.5rem;
}

.rmac-events__link a {
	align-items: center;
	border: 1px solid rgba(0, 0, 0, 0.14);
	border-radius: 12px;
	display: inline-flex;
	font-size: 14px;
	font-weight: 700;
	gap: 8px;
	padding: 10px 12px;
	text-decoration: none;
}

/* Pagination */
.smart-search-pagination {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 0.25rem;
	margin-block-start: 2rem;
	justify-content: center;
}

.smart-search-pagination .pagination-btn {
	background-color: #eee;
	border: none;
	border-radius: 999px;
	color: var(--xui-black);
	cursor: pointer;
	font-size: 0.85rem;
	font-weight: 600;
	line-height: 1;
	padding: 0.35rem 0.55rem;
	text-align: center;
}

.smart-search-pagination .pagination-btn.is-active,
.smart-search-pagination .pagination-btn[aria-current='page'] {
	background-color: var(--xui-primary);
	color: var(--xui-white);
	cursor: default;
}

.smart-search-pagination .pagination-prev,
.smart-search-pagination .pagination-next {
	background: transparent;
	font-weight: 600;
}

.smart-search-pagination .pagination-prev:hover,
.smart-search-pagination .pagination-next:hover {
	background: transparent !important;
	color: var(--smart-search-primary);
}

.pagination-btn.pagination-next:hover,
.pagination-btn.pagination-prev:hover {
	background: none !important;
	color: var(--xui-primary);
}

.smart-search-pagination
	.pagination-btn:hover:not(.is-active):not([aria-current='page']) {
	background: #efefef;
	color: var(--smart-search-primary);
}

.smart-search-root .pagination-ellipsis {
	color: var(--smart-search-text-muted);
	font-size: 0.85rem;
	padding-inline: 0.25rem;
}

/* Header */
.contact-icon::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.693' height='14' viewBox='0 0 14.693 14'%3E%3Cpath d='M34.424 100.107v3.117a.6.6 0 0 1-1.07.36l-2.606-3.436a.092.092 0 0 1 .073-.147l3.512.015a.092.092 0 0 1 .091.092' transform='translate(-27.601 -89.821)' fill='%23196FA2'/%3E%3Cpath d='M7.347 0C2.787-.056-.073 2.158 0 5.691c-.072 3.533 2.786 5.746 7.345 5.69 4.56.057 7.418-2.158 7.345-5.69C14.765 2.158 11.907-.056 7.347 0m3.806 8.2H3.541a.409.409 0 0 1 0-.819h7.612a.409.409 0 1 1 0 .819m0-2.1H3.541a.409.409 0 1 1 0-.819h7.612a.409.409 0 1 1 0 .819m0-2.1H3.541a.409.409 0 0 1 0-.819h7.612a.409.409 0 1 1 0 .819' fill='%23196FA2'/%3E%3C/svg%3E");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	content: '';
	display: inline-block;
	height: 0.85rem;
	margin-right: 0.35rem;
	vertical-align: middle;
	width: 0.85rem;
}

.login-icon::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.367' height='14' viewBox='0 0 12.367 14'%3E%3Cpath d='M19.447 3.129A3.129 3.129 0 1 1 16.318 0a3.129 3.129 0 0 1 3.129 3.129' transform='translate(-10.134 0)' fill='%23196FA2'/%3E%3Cpath d='M12.367 38H0q.024-.3.053-.593c.01-.1.019-.2.031-.3s.023-.2.035-.3c.035-.293.076-.583.121-.864a.143.143 0 0 1 0-.027c.088-.554.192-1.073.305-1.529.019-.078.041-.156.06-.233s.041-.145.061-.213.041-.137.063-.2a3.277 3.277 0 0 1 .387-.86 1.246 1.246 0 0 1 .127-.149.388.388 0 0 1 .039-.039 2.687 2.687 0 0 1 .43-.334c.037-.023.076-.049.117-.072a.526.526 0 0 1 .055-.031c.063-.037.127-.072.194-.107.051-.027.1-.053.156-.078l.131-.06c.2-.09.411-.174.636-.252.094-.033.188-.064.286-.094l.1-.029c.1-.029.2-.057.3-.084.135-.035.274-.068.415-.1.125-.027.25-.051.378-.072.2-.035.4-.065.612-.088.057-.006.113-.014.17-.018q.334-.032.674-.041c.063 0 .123 0 .186 0h.117c.062 0 .123 0 .186 0q.34.009.675.041c.057 0 .113.012.17.018.207.023.413.053.612.088.127.021.254.047.378.072.141.029.28.063.414.1.1.027.2.055.3.084l.1.029c.1.031.194.061.285.094.225.078.438.162.636.252l.131.06c.053.025.106.051.157.078.066.035.133.07.194.107a.526.526 0 0 1 .055.031c.041.023.08.049.117.072a2.687 2.687 0 0 1 .43.334.365.365 0 0 1 .039.039 1.225 1.225 0 0 1 .127.149 3.284 3.284 0 0 1 .387.86A20.449 20.449 0 0 1 12.367 38' transform='translate(0 -24.001)' fill='%23196FA2'/%3E%3C/svg%3E");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	content: '';
	display: inline-block;
	height: 0.85rem;
	margin-right: 0.35rem;
	vertical-align: middle;
	width: 0.8rem;
}

#header .header__wrapper .header__logo img {
	margin-top: -5px;
}