/* Event Details (post-registration): the Event Information layout
   (sea-event-info.css, which functions.php loads first on this page) plus the
   next-steps card and description in the main column, and the date, place and
   presenters in the sidebar. */

/* ---------- Event Details (post-registration) ---------- */

/* Next steps: the heading block and the Caspio field after it read as one card. */
.sea-ev-dp [class^="cbFormBlock"]:has(> .sea-ev-next),
.sea-ev-dp [class^="cbFormBlock"]:has(> .sea-ev-next) + [class^="cbFormBlock"] {
	background: var(--sea-sand-soft);
	border: 1px solid var(--sea-stone);
}
.sea-ev-dp [class^="cbFormBlock"]:has(> .sea-ev-next) {
	padding: var(--sp-5) var(--sp-5) var(--sp-3) !important;
	border-bottom: 0;
	border-radius: var(--sea-radius-sm) var(--sea-radius-sm) 0 0;
}
.sea-ev-dp [class^="cbFormBlock"]:has(> .sea-ev-next) + [class^="cbFormBlock"] {
	padding: 0 var(--sp-5) var(--sp-5) !important;
	border-top: 0;
	border-radius: 0 0 var(--sea-radius-sm) var(--sea-radius-sm);
	font-size: var(--fs-small);
	line-height: 1.65;
	color: var(--sea-ink);
	overflow-wrap: anywhere;
}
.sea-ev-dp .sea-ev-next h3 {
	display: flex;
	align-items: center;
	gap: var(--sp-3);
	font-size: var(--fs-h4) !important;
	color: var(--sea-navy);
}
.sea-ev-dp .sea-ev-next h3::before {
	content: "";
	flex: none;
	width: 28px;
	height: 28px;
	border-radius: 999px;
	background: var(--sea-navy) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 16px no-repeat;
}
.sea-ev-dp [class^="cbFormBlock"]:has(> .sea-ev-next) + [class^="cbFormBlock"] strong { color: var(--sea-black); }
.sea-ev-dp [class^="cbFormBlock"]:has(> .sea-ev-next) + [class^="cbFormBlock"] a { font-weight: var(--fw-semibold) !important; color: var(--sea-blue); }
.sea-ev-dp [class^="cbFormBlock"]:has(> .sea-ev-next) + [class^="cbFormBlock"] ul:not(:has(li)) { display: none; }
/* Lists in the next-steps text (e.g. "View Presentation Slides Here"): bullets inside the card, in line with the text. */
.sea-ev-dp [class^="cbFormBlock"]:has(> .sea-ev-next) + [class^="cbFormBlock"] :is(ul, ol) {
	margin: var(--sp-3) 0 0 !important;
	padding: 0 0 0 1.25em !important;
}
.sea-ev-dp [class^="cbFormBlock"]:has(> .sea-ev-next) + [class^="cbFormBlock"] ul { list-style: disc outside; }
.sea-ev-dp [class^="cbFormBlock"]:has(> .sea-ev-next) + [class^="cbFormBlock"] li { margin: 0 !important; padding: 0 0 0 var(--sp-1) !important; }
.sea-ev-dp [class^="cbFormBlock"]:has(> .sea-ev-next) + [class^="cbFormBlock"] li + li { margin-top: var(--sp-2) !important; }
.sea-ev-dp [class^="cbFormBlock"]:has(> .sea-ev-next) + [class^="cbFormBlock"] li::marker { color: var(--sea-muted); }
.sea-ev-dp [class^="cbFormBlock"]:has(> .sea-ev-next) + [class^="cbFormBlock"] hr {
	margin: var(--sp-5) 0;
	border: 0;
	border-top: 1px solid var(--sea-stone);
}
/* The description follows the card. */
.sea-ev-dp--main .sea-ev-body > .sea-ev-section:first-child { margin-top: var(--sp-7); }

/* Sidebar: date/place, presenters, objectives, then the event type field. */
.sea-ev-dp--side .sea-ev-facts { grid-template-columns: minmax(0, 1fr); }
.sea-ev-dp--side .sea-ev-body > .sea-ev-section { margin-top: var(--sp-6); }
.sea-ev-dp--side .sea-ev-section h3 { font-size: var(--fs-ui) !important; }
.sea-ev-dp--side .sea-ev-rich { margin-top: var(--sp-2); font-size: var(--fs-small); line-height: 1.6; }
.sea-ev-dp--side [class^="cbFormBlock"]:has(> .sea-ev-side) ~ div:not(:empty) {
	margin-top: var(--sp-5);
	padding-top: var(--sp-5);
	border-top: 1px solid var(--sea-sand);
}
/* .sea-ev: Caspio's own stylesheets load after this file and set label sizes. */
.sea-ev .sea-ev-dp--side .cbFormLabel, .sea-ev .sea-ev-dp--side .cbFormLabel p { margin: 0; padding: 0; font-size: var(--fs-meta); font-weight: var(--fw-semibold); line-height: var(--lh-snug); color: var(--sea-muted); }
.sea-ev-dp--side .cbFormLabel + div { margin-top: var(--sp-1); font-size: var(--fs-small); line-height: var(--lh-snug); color: var(--sea-black); }

/* Tablet and phone: next steps first, then the sidebar (the reverse of Event Information). */
@media (max-width: 980px) {
	.sea-ev--post .sea-ev-row > .sea-ev-main { grid-row: 1; }
	.sea-ev--post .sea-ev-row > .sea-ev-aside { grid-row: 2; }
}