/**
 * Feuille de style du site — chargée sur toutes les pages publiques.
 *
 * Elle ne touche qu'à deux choses :
 *   - les blocs dépliants (« Détails » de l'éditeur), qui portent désormais la
 *     structure des pages de domaine : le titre doit se voir, se cliquer et
 *     donner envie de l'ouvrir ;
 *   - le paragraphe qui rattache un service en ligne à son domaine.
 *
 * Les couleurs sont celles de la marque, déjà employées par socle.css.
 */

/* --- Blocs dépliants ---------------------------------------------------- */

.wp-block-details {
	background: #fff;
	border: 1px solid #dbe2ee;
	border-radius: 3px;
	margin: 0 0 10px;
	padding: 0;
}

.wp-block-details > summary {
	color: #1B3A6B;
	cursor: pointer;
	display: block;
	font-size: 17px;
	font-weight: 600;
	line-height: 1.35;
	list-style: none;
	padding: 14px 18px 14px 40px;
	position: relative;
}

.wp-block-details > summary::-webkit-details-marker {
	display: none;
}

/* Le chevron est dessiné en CSS ; il pivote à l'ouverture. */
.wp-block-details > summary::before {
	border-bottom: 2px solid #2563A8;
	border-right: 2px solid #2563A8;
	content: "";
	height: 8px;
	left: 18px;
	position: absolute;
	top: 19px;
	transform: rotate( -45deg );
	transition: transform 0.15s ease-in-out;
	width: 8px;
}

.wp-block-details[open] > summary::before {
	top: 17px;
	transform: rotate( 45deg );
}

.wp-block-details > summary:hover {
	background: #F4F6FA;
}

.wp-block-details > summary:focus-visible {
	outline: 2px solid #2563A8;
	outline-offset: -2px;
}

.wp-block-details > *:not( summary ) {
	margin-left: 18px;
	margin-right: 18px;
}

.wp-block-details > *:last-child {
	margin-bottom: 16px;
}

/* --- Rattachement d'un service en ligne à son domaine ------------------- */

.cdvc-rattachement {
	border-left: 3px solid #2563A8;
	color: #5c6b80;
	font-size: 15px;
	padding-left: 14px;
}

/* --- Signature de marque, sous le titre de la page d'accueil ------------- */

.cdvc-signature {
	color: #5c6b80;
	font-size: 17px;
	font-style: italic;
	letter-spacing: 0.01em;
	margin: -0.5rem auto 2rem;
	max-width: 34em;
}