/*
 * ECCRT Shop: styles for the parts this plugin adds to the cart and checkout.
 * Only the plugin's own elements are styled, so the old theme's look is kept and
 * the new theme gets readable attendee blocks and notices.
 */
:root {
	--eccrt-shop-border: #d9dee3;
	--eccrt-shop-surface: #f7f9fa;
	--eccrt-shop-accent: #007cba;
	--eccrt-shop-success: #2e7d4f;
	--eccrt-shop-text: #3d4650;
	--eccrt-shop-radius: 6px;
}

/* Attendees */
.eccrt-attendees {
	clear: both;
	margin-top: 1.5em;
}

.eccrt-attendees__intro {
	margin-bottom: 1em;
}

.eccrt-attendees__course {
	margin-bottom: 1.5em;
}

.eccrt-attendees__course-title {
	margin-bottom: 0.75em;
}

.eccrt-attendee {
	border: 1px solid var(--eccrt-shop-border);
	border-radius: var(--eccrt-shop-radius);
	background: var(--eccrt-shop-surface);
	margin: 0 0 1.25em;
	padding: 0.75em 1em 0.25em;
	min-width: 0;
}

.eccrt-attendee::after {
	content: "";
	display: table;
	clear: both;
}

.eccrt-attendee__title {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0 0 0.5em;
	font-size: 1em;
	font-weight: normal;
	border: 0;
}

.eccrt-attendee__title + * {
	clear: both;
}

.eccrt-attendee .form-row {
	margin-bottom: 0.75em;
}

.eccrt-attendee .form-row input.input-text {
	width: 100%;
	box-sizing: border-box;
}

/* Notices */
.eccrt-shop-notice {
	border-radius: var(--eccrt-shop-radius);
	margin: 0 0 1.25em;
	padding: 0.9em 1em;
	color: var(--eccrt-shop-text);
}

.eccrt-shop-notice p {
	margin: 0;
}

.eccrt-shop-notice--info {
	background: var(--eccrt-shop-surface);
	border-left: 4px solid var(--eccrt-shop-accent);
}

.eccrt-shop-notice--success {
	background: #edf7f1;
	border-left: 4px solid var(--eccrt-shop-success);
}

@media (max-width: 600px) {
	.eccrt-attendee .form-row-first,
	.eccrt-attendee .form-row-last {
		float: none;
		width: 100%;
	}
}