/*
Theme Name: Company
Description: Company website theme, a child theme of Twenty Twenty-Five. Adds templates for the Events post type (provided by the Company Events plugin).
Template: twentytwentyfive
Version: 1.0.0
Requires at least: 6.7
Requires PHP: 8.1
Text Domain: company
*/

/* Single event: details on the left, registration form on the right. */
.company-event-layout {
	gap: var(--wp--preset--spacing--60);
}

.company-event-details > * + * {
	margin-block-start: var(--wp--preset--spacing--40);
}

.company-event-details .company-event-meta {
	gap: var(--wp--preset--spacing--20);
}

.company-event-details .wp-block-company-events-field--speakers {
	margin-block-start: var(--wp--preset--spacing--60);
}

.company-event-form-card {
	position: sticky;
	top: calc(var(--wp-admin--admin-bar--height, 0px) + var(--wp--preset--spacing--40));
	padding: var(--wp--preset--spacing--40);
	border: 1px solid color-mix(in srgb, currentColor 15%, transparent);
	border-radius: 12px;
	background: var(--wp--preset--color--accent-5);
}

@media (max-width: 781px) {
	.company-event-form-card {
		position: static;
	}
}

/* Events list cards. */
.company-event-card {
	height: 100%;
	box-sizing: border-box;
	padding: var(--wp--preset--spacing--40);
	border: 1px solid color-mix(in srgb, currentColor 15%, transparent);
	border-radius: 12px;
}

.company-event-card > * + * {
	margin-block-start: var(--wp--preset--spacing--20);
}

.company-event-card .wp-block-post-title {
	margin-block-end: var(--wp--preset--spacing--30);
}