/* CCC Training Docs Styles */

.trainingdoc h3 a:visited {color:var(--wp--preset--color--blue)}
.ccc-td-is-video h3 a:visited {color:var(--wp--preset--color--dark-purple)}
.featured-box-container, .workshop-cards-container {width:100%;max-width:1200px;margin:0 auto}
.featured-box h5, .featured-box h4 {color:#fff;width:100%;margin:0}
img.workshop-resource-icon {width: 45px;height: 45px;margin-right:8px;object-fit: contain;}

.resource-legend .icon img {width: 25px;height: 25px;margin-right:4px;object-fit: contain;}


/* Make WP grid items stretch, and make inner card fill the cell */
.wp-block-post-template.is-layout-grid > li,
.wp-block-query .wp-block-post-template.is-layout-grid > li {
	align-self: stretch;
}

.wp-block-post-template.is-layout-grid > li > .wp-block-group,
.wp-block-query .wp-block-post-template.is-layout-grid > li > .wp-block-group {
	height: 100%;
	display: flex;
	flex-direction: column;
}

/* Push the icons block to the bottom (so layout looks consistent) */
.wp-block-post-template.is-layout-grid .ccc-td-resources {
	margin-top: auto;
}
/* Video = purple border + purple title */
.ccc-td-is-video .wp-block-group {
	border-color: var(--wp--preset--color--purple) !important;
}
.ccc-td-is-video .wp-block-post-title a {
	color: var(--wp--preset--color--purple) !important;
}

/* Audio = red border + red title */
.ccc-td-is-audio .wp-block-group {
	border-color: var(--wp--preset--color--red) !important;
}
.ccc-td-is-audio .wp-block-post-title a {
	color: var(--wp--preset--color--red) !important;
}



/* Resource icons container: left icons + right badge */
.ccc-td-resources {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 12px;
	width: 100%;
}

.ccc-td-resources-left {
	display: flex;
	gap: 12px;
	align-items: center;
	flex-wrap: wrap;
}

/* Badge sits to the far right */
.ccc-td-resources-badge {
	margin-left: auto;
	display: flex;
	align-items: center;
}

/* Single-trainingdoc Template */
body.single-trainingdoc .entry-content, body:not(.home).single-trainingdoc .entry-header {max-width:1200px;margin:0 auto}
body.single.single-trainingdoc .entry-content {border-bottom:none;border-radius:0;}

.ccc-td-resources-note { margin-top: -0.25em; }

.ccc-td-resource-list {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.ccc-td-resource-item {
	display: flex;
	align-items: center;
	gap: 10px;
}

.ccc-td-resource-item-icon {
	width: 40px;
	height: 40px;
	object-fit: contain;
	flex: 0 0 auto;
}

.ccc-td-resource-item-link {
	text-decoration: none;
}

.ccc-td-resource-item-link:hover {
	text-decoration: underline;
}