/********************************************************/
/*
/*      Activities CSS
/*
/********************************************************/
.wp-block-cke-activities,
:is(.edit-post-visual-editor, .editor-styles-wrapper) .is-root-container > .wp-block-cke-activities {
	width: 100% !important;
	max-width: var(--wp--style--global--wide-size) !important;
}

.wp-block-cke-activities,
.wp-block-cke-activities > :is(.activity-filters, #activity-items) {
	display: flex;
}

.wp-block-cke-activities,
.wp-block-cke-activities > #activity-items {
	row-gap: var(--wp--preset--spacing--6-5);
}

.wp-block-cke-activities > :is(.activity-filters, #activity-items) {
	flex-wrap: wrap;
}

.wp-block-cke-activities {
	flex-direction: column;
	align-items: center;
	position: relative;
	margin-inline: auto;
	background-color: var(--wp--custom--color--default--text);
	padding: var(--wp--preset--spacing--7) var(--wp--preset--spacing--11) var(--wp--preset--spacing--6-5) var(--wp--preset--spacing--7-5);
	border-radius: 40px;
	box-sizing: border-box;
	overflow: clip;
}

.wp-block-cke-activities > #spinner {
	display: none;
	position: absolute;
	top: 25svh;
	left: 50%;
	translate: -50% 50%;
	filter: var(--wp--custom--color--filter--white);
	pointer-events: none;
}

.wp-block-cke-activities:has(.htmx-request) > #spinner {
	display: block;
}

.wp-block-cke-activities > .activity-filters {
	justify-content: center;
	align-items: end;
	column-gap: var(--wp--preset--spacing--4-5);
	row-gap: var(--wp--preset--spacing--1-5);
	/* max-width: calc(100% * (2/3)); */
}

.wp-block-cke-activities > .activity-filters > a,
.wp-block-cke-activities > #activity-items > .activity-item > :is(.activity-title, .activity-excerpt),
.wp-block-cke-activities .no-content {
	color: var(--wp--custom--color--default--bg);
}

.wp-block-cke-activities > .activity-filters > a {
	cursor: pointer;
	user-select: none;
	transition: color .3s, font-size .3s .3s, font-weight .3s .3s;
}

.wp-block-cke-activities > .activity-filters > a:is(:hover, :focus, .active) {
	color: var(--wp--custom--color--default--accent);
}

.wp-block-cke-activities:has(.htmx-request) > #activity-items,
.wp-block-cke-activities > .activity-filters > a.active {
	pointer-events: none;
}

.wp-block-cke-activities > .activity-filters > a.active {
	font-size: var(--wp--preset--font-size--x-large) !important;
	font-weight: 900 !important;
	transition: color .3s, font-size .3s, font-weight .3s;
}

.wp-block-cke-activities > #activity-items {
	justify-content: space-between;
	column-gap: 20%;
}

.wp-block-cke-activities:has(.htmx-request) > #activity-items {
	opacity: .5;
	pointer-events: none;
}

.wp-block-cke-activities > #activity-items > .activity-item {
	width: 38.5%;
	min-width: 38.5%;
	max-width: 38.5%;
}

.wp-block-cke-activities > #activity-items > .activity-item > * {
	margin-block: unset;
}

.wp-block-cke-activities > #activity-items > .activity-item > .activity-title {
	margin-block-start: var(--wp--preset--spacing--1-5);
}

.wp-block-cke-activities > #activity-items > .activity-item > .activity-thumbnail {
	position: relative;
	margin-block-start: var(--wp--preset--spacing--4);
}

.wp-block-cke-activities > #activity-items > .activity-item > .activity-thumbnail > img {
	position: relative;
	width: 100%;
	height: auto;
	aspect-ratio: 546/367;
	object-fit: cover;
	z-index: 2;
}

.wp-block-cke-activities > #activity-items > .activity-item > .activity-thumbnail > img:not(:last-of-type) {
	position: absolute;
	inset: 0;
	z-index: 1;
}

.wp-block-cke-activities > #activity-items > .activity-item > .activity-thumbnail > img:nth-child(1) { rotate: -4deg; }
.wp-block-cke-activities > #activity-items > .activity-item > .activity-thumbnail > img:nth-child(2) { rotate: 4deg; }

.wp-block-cke-activities > #activity-items > .activity-item > .activity-excerpt {
	margin-block-start: var(--wp--preset--spacing--4-5);
}

.wp-block-cke-activities > #activity-items > .activity-item > .wp-block-buttons {
	margin-block-start: var(--wp--preset--spacing--3);
}

.wp-block-cke-activities > #activity-items > .activity-item > .wp-block-buttons .wp-element-button {
	--arrow-bg-color: var(--wp--custom--color--rgb-values--astral-blue);
}

.wp-block-cke-activities .no-content {
	text-align: center;
}

/******************************/
/* Responsive
/******************************/
@media (width <= 1400px) {
	.wp-block-cke-activities {
		padding-inline: var(--wp--preset--spacing--5);
	}
	
	.wp-block-cke-activities > .activity-filters {
		flex-direction: column;
		align-items: center;
	}
	
	.wp-block-cke-activities,
	.wp-block-cke-activities > #activity-items {
		row-gap: var(--wp--preset--spacing--5);
	}
	
	.wp-block-cke-activities > #activity-items {
		column-gap: 10%;
	}
	
	.wp-block-cke-activities > #activity-items > .activity-item {
		width: 45%;
		min-width: 45%;
		max-width: 45%;
	}
}

@media (width <= 1000px) {
	.wp-block-cke-activities {
		padding-block: var(--wp--preset--spacing--6);
		padding-inline: var(--wp--preset--spacing--4);
	}
}

@media (width <= 900px) {
	.wp-block-cke-activities > #activity-items > .activity-item {
		width: 100%;
		min-width: 100%;
		max-width: 100%;
	}
}

@media (width <= 500px) {
	.wp-block-cke-activities {
		width: var(--wp--custom--viewport-width);
		min-width: var(--wp--custom--viewport-width);
		max-width: var(--wp--custom--viewport-width);
		padding-block: var(--wp--preset--spacing--6);
		padding-inline: var(--wp--preset--spacing--2);
		border-radius: unset;
	}
	
	/* Override default Gutenberg style */
	.is-layout-constrained > .wp-block-cke-activities:where(:not(.alignleft):not(.alignright):not(.alignfull)) {
		margin-left: calc(var(--wp--custom--outer-pad) * -1) !important;
	}
}