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

.wp-block-cke-resources,
.wp-block-cke-resources > :is(.podcast-seasons, #resource-items),
.wp-block-cke-resources > #resource-items > .resource-item > .resource-details {
	display: flex;
}

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

.wp-block-cke-resources {
	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-resources > :is(.podcast-seasons, #resource-items) {
	flex-wrap: wrap;
}

.wp-block-cke-resources,
.wp-block-cke-resources > #resource-items > .resource-item > .resource-details {
	flex-direction: column;
	justify-content: center;
}

.wp-block-cke-resources > #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-resources:has(.htmx-request) > #spinner {
	display: block;
}

.wp-block-cke-resources > .podcast-seasons {
	justify-content: center;
	align-items: end;
	column-gap: var(--wp--preset--spacing--4-5);
	row-gap: var(--wp--preset--spacing--1-5);
}

.wp-block-cke-resources > .podcast-seasons > a,
.wp-block-cke-resources > #resource-items > .resource-item > :is(.resource-title, .resource-excerpt),
.wp-block-cke-resources .no-content {
	color: var(--wp--custom--color--default--bg);
}

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

.wp-block-cke-resources > .podcast-seasons > a:is(:hover, :focus, .active) {
	color: var(--wp--custom--color--default--accent);
}

.wp-block-cke-resources:has(.htmx-request) > #resource-items,
.wp-block-cke-resources > .podcast-seasons > a.active {
	pointer-events: none;
}

.wp-block-cke-resources > .podcast-seasons > 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-resources > #resource-items {
	justify-content: space-between;
	column-gap: 20%;
	margin-block-start: unset;
}

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

.wp-block-cke-resources > #resource-items > .resource-item {
	display: grid;
	grid-template-columns: 55% 45%;
	align-items: center;
	gap: var(--wp--preset--spacing--2);
	width: 100%;
}

.wp-block-cke-resources > #resource-items > .resource-item > *,
.wp-block-cke-resources > #resource-items > .resource-item > .resource-details > * {
	margin-block: unset;
}

.wp-block-cke-resources > #resource-items > .resource-item .resource-thumbnail img {
	width: 100%;
	height: auto;
	aspect-ratio: 180/121;
	object-fit: cover;
}

.wp-block-cke-resources > #resource-items > .resource-item > .resource-details > :is(.resource-title, .resource-excerpt) {
	color: var(--wp--preset--color--white);
}

.wp-block-cke-resources > #resource-items > .resource-item > .resource-details > .capsule {
	min-width: calc(100% - var(--wp--preset--spacing--7));
	max-width: min(450px, 100%);
	box-sizing: border-box;
}

.wp-block-cke-resources > #resource-items > .resource-item > .resource-details > :is(.resource-title, .resource-excerpt) {
	margin-block-start: var(--wp--preset--spacing--1-5);
}

.wp-block-cke-resources > #resource-items > .resource-item > .resource-details > .resource-description {
	margin-block-start: var(--wp--preset--spacing--2);
}

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

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

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

/* Podcast episode */
.wp-block-cke-resources > #resource-items > .resource-item.episode {
	grid-template-columns: 40% 60%;
}

.wp-block-cke-resources > #resource-items > .resource-item.episode .resource-thumbnail img {
	aspect-ratio: 1;
}

/******************************/
/* Responsive
/******************************/
@media (width <= 1400px) {
	.wp-block-cke-resources {
		padding-inline: var(--wp--preset--spacing--5);
	}
	
	.wp-block-cke-resources > #resource-items {
		row-gap: var(--wp--preset--spacing--5);
	}
}

@media (width <= 1200px) {
	.wp-block-cke-resources > #resource-items > .resource-item {
		display: flex;
		flex-direction: column;
	}
	
	.wp-block-cke-resources > #resource-items > .resource-item .resource-thumbnail img {
		aspect-ratio: 16/9;
	}
	
	.wp-block-cke-resources > #resource-items > .resource-item > .resource-details > .capsule {
		min-width: 50%;
	}
	
	/* Podcast-specific style */
	.wp-block-cke-resources > .podcast-seasons {
		flex-direction: column;
		align-items: center;
	}
	
	.wp-block-cke-resources > #resource-items > .resource-item.episode .resource-thumbnail {
		align-self: start;
		max-width: 42.5%;
	}
}

@media (width <= 1000px) {
	.wp-block-cke-resources {
		padding-block: var(--wp--preset--spacing--6);
		padding-inline: var(--wp--preset--spacing--4);
	}
	
	.wp-block-cke-resources > #resource-items {
		gap: var(--wp--preset--spacing--5);
	}
}

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

@media (width <= 750px) {
	.wp-block-cke-resources > #resource-items > .resource-item > .resource-details > .capsule {
		min-width: 60%;
	}
	
	/* Podcast-specific style */
	.wp-block-cke-resources > #resource-items > .resource-item.episode .resource-thumbnail {
		max-width: 50%;
	}
}

@media (width <= 600px) {
	.wp-block-cke-resources > #resource-items > .resource-item > .resource-details > .capsule {
		min-width: 70%;
	}
	
	/* Podcast-specific style */
	.wp-block-cke-resources > #resource-items > .resource-item.episode .resource-thumbnail {
		max-width: 60%;
	}
}

@media (width <= 500px) {
	.wp-block-cke-resources {
		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-resources:where(:not(.alignleft):not(.alignright):not(.alignfull)) {
		margin-left: calc(var(--wp--custom--outer-pad) * -1) !important;
	}
}

@media (width <= 400px) {
	.wp-block-cke-resources > #resource-items > .resource-item > .resource-details > .capsule {
		min-width: 80%;
	}
	
	/* Podcast-specific style */
	.wp-block-cke-resources > #resource-items > .resource-item.episode .resource-thumbnail {
		max-width: 70%;
	}
}

@media (width <= 320px) {
	.wp-block-cke-resources > #resource-items > .resource-item > .resource-details > .capsule {
		min-width: 90%;
	}
	
	/* Podcast-specific style */
	.wp-block-cke-resources > #resource-items > .resource-item.episode .resource-thumbnail {
		max-width: 80%;
	}
}