/*
 * Block styles offered in the editor (see functions.php). They replace the
 * inline styles the pages used to carry, so volunteers only type text.
 */

/* "Encadré club" (Group block): notice card with a red accent bar.
   Only top/bottom margins are set, so the editor can still centre the block. */
.wp-block-group.is-style-club-box {
	background-color: #fff4f4;
	border: 1px solid #f6caca;
	border-left: 5px solid #fb4d4d;
	border-radius: 6px;
	margin-bottom: 24px;
	margin-top: 0;
	padding: 14px 20px 16px;
}
.wp-block-group.is-style-club-box .wp-block-heading:first-child {
	color: #992026;
	font-size: 18px;
	line-height: 1.4;
	margin: 0 0 6px;
}
.wp-block-group.is-style-club-box p {
	margin: 0 0 12px;
}
.wp-block-group.is-style-club-box p:last-child,
.wp-block-group.is-style-club-box .wp-block-buttons:last-child {
	margin-bottom: 0;
}

/* "Planning" (Table block): timetable with a red header row and soft borders */
/* Only top/bottom margins, so the editor can still centre the block */
.entry-content .wp-block-table.is-style-schedule,
.wp-block-table.is-style-schedule {
	margin-bottom: 24px;
	margin-top: 0;
}
.entry-content .wp-block-table.is-style-schedule table,
.wp-block-table.is-style-schedule table {
	border: 1px solid #f0d4d4;
	border-collapse: separate;
	border-radius: 6px;
	border-spacing: 0;
	overflow: hidden;
}
.entry-content .wp-block-table.is-style-schedule th,
.entry-content .wp-block-table.is-style-schedule td,
.wp-block-table.is-style-schedule th,
.wp-block-table.is-style-schedule td {
	border: none;
	border-bottom: 1px solid #f0d4d4;
	border-left: 1px solid #f0d4d4;
	color: #757575;
	font-size: 13px;
	line-height: 1.5;
	padding: 10px 8px;
	text-align: center;
	vertical-align: middle;
}
.entry-content .wp-block-table.is-style-schedule tr > :first-child,
.wp-block-table.is-style-schedule tr > :first-child {
	border-left: none;
}
.entry-content .wp-block-table.is-style-schedule tbody tr:last-child td,
.wp-block-table.is-style-schedule tbody tr:last-child td {
	border-bottom: none;
}
/* Day header row */
.entry-content .wp-block-table.is-style-schedule thead th,
.wp-block-table.is-style-schedule thead th {
	background-color: #fb4d4d;
	border-bottom: none;
	border-left-color: #fd7a7a;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}
/* Hours column */
.entry-content .wp-block-table.is-style-schedule tbody td:first-child,
.wp-block-table.is-style-schedule tbody td:first-child {
	background-color: #fff4f4;
	color: #992026;
	font-size: 14px;
	font-weight: bold;
	white-space: nowrap;
	width: 22%;
}
.wp-block-table.is-style-schedule td {
	-webkit-hyphens: manual;
	hyphens: manual;
}
/* Course name: written in bold in the editor */
.entry-content .wp-block-table.is-style-schedule td strong,
.wp-block-table.is-style-schedule td strong {
	color: #3a3a3c;
	display: inline-block;
	font-size: 14px;
	margin-bottom: 2px;
}

/* Phones: three columns are narrow, so smaller text keeps course names on fewer lines */
@media screen and (max-width: 599px) {
	.entry-content .wp-block-table.is-style-schedule th,
	.entry-content .wp-block-table.is-style-schedule td,
	.wp-block-table.is-style-schedule th,
	.wp-block-table.is-style-schedule td {
		font-size: 11px;
		padding: 6px 4px;
	}
	.entry-content .wp-block-table.is-style-schedule tbody td:first-child,
	.wp-block-table.is-style-schedule tbody td:first-child {
		font-size: 12px;
		white-space: normal;
	}
	.entry-content .wp-block-table.is-style-schedule td strong,
	.wp-block-table.is-style-schedule td strong {
		font-size: 13px;
	}
}

/* Buttons (registration forms): club red, like the links. Twenty Twelve paints
   buttons with a grey gradient using this same selector, so it is repeated here
   (and loads later). A colour picked in the editor (.has-background) still wins. */
.entry-content .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background),
.entry-content .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background):visited {
	background-color: #fb4d4d;
	background-image: none;
}
.entry-content .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background):hover,
.entry-content .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background):focus,
.entry-content .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background):active {
	background-color: #992026;
	background-image: none;
}
.entry-content .wp-block-button .wp-block-button__link {
	border: none;
	border-radius: 4px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding: 10px 20px;
	text-decoration: none;
}
.entry-content .wp-block-button .wp-block-button__link:hover,
.entry-content .wp-block-button .wp-block-button__link:focus {
	color: #fff;
}
.wp-block-group.is-style-club-box .wp-block-buttons {
	margin: 4px 0 12px;
}

/* Details (folding sections, e.g. the holiday camp rules) */
.wp-block-details {
	border-bottom: 1px solid #ededed;
	padding: 10px 0;
}
.wp-block-details summary {
	color: #3a3a3c;
	cursor: pointer;
	font-weight: bold;
}
.wp-block-details summary:hover {
	color: #992026;
}
.wp-block-details[open] summary {
	margin-bottom: 12px;
}