/**
 * Frontend styles for cdaf/timeline blocks
 * 
 * @since 2025-12-24
 * @author Designs and Codes, LLC
 */

.wp-block-cdaf-timeline__header:not( :has( > h2 ) ) {
	display: none;
}

.wp-block-cdaf-timeline__header h2 {
	text-align: center;
}

:is( .wp-block-cdaf-timeline-cell__body, .wp-block-cdaf-timeline-cell__side-label ):empty {
	display: none;
}

.wp-block-cdaf-timeline-cell__footer-button {
	column-gap: 0.5em;
	max-inline-size: 50%;
}

:where(
	.wp-block-cdaf-timeline-cell[data-footer-overlap="image"]
	> .wp-block-cdaf-timeline-cell__wrap
	> .wp-block-cdaf-timeline-cell__before-footer:has( .wp-block-cdaf-timeline-cell__body > .wp-block-image:last-child )
	
	,
	
	.wp-block-cdaf-timeline-cell[data-footer-overlap="always"]
	> .wp-block-cdaf-timeline-cell__wrap
	> .wp-block-cdaf-timeline-cell__body
) + a.wp-block-cdaf-timeline-cell__footer {
	position: absolute;
	inset-block: auto var( --cdaf-timeline-entry__padding-v );
	inset-inline: var( --cdaf-timeline-entry__padding-h );
	inline-size: auto;
}

.wp-block-cdaf-timeline-cell__footer:not( [href] ) .wp-block-cdaf-timeline-cell__footer-button {
	display: none;
}