/*
 * Logo — le bloc d'origine, « Pink » sur « event » (issue 50).
 *
 * La version horizontale a été étudiée puis écartée le 25/09 : le mot-marque
 * ne se coupe pas. Dans l'en-tête, le bloc paraît sans la ligne LOCATION
 * (qui se retire sous 140 px de large).
 *
 * Le SVG est inline et en fill="currentColor" : la couleur vient d'ici.
 * Il se dimensionne par sa hauteur ; la largeur suit la proportion 1,49 : 1.
 */

.pel-logo {
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
	color: var(--pel-champagne);
	text-decoration: none;
}

.pel-logo__dessin {
	display: block;
	width: auto;
	height: var(--pel-logo-entete);
	fill: currentColor;
}

/* --- Au pied de page : le bloc avec sa ligne LOCATION -------------------- */
/* Dimensionné par sa largeur. La ligne est du texte réel, justifié sur la
   largeur du mot-marque par flex, pas par interlettrage (doc/logo/LISEZ-MOI.md).
   Sur le brun, elle suit la couleur du mot-marque : ivoire. */
.pel-logo--pied {
	flex-direction: column;
	align-items: stretch;
	width: var(--pel-logo-pied);
	color: var(--pel-ivoire);
}

.pel-logo__dessin--pied {
	width: 100%;
	height: auto;
}

.pel-logo__ligne {
	display: flex;
	justify-content: space-between;
	margin-top: calc(var(--pel-logo-pied) * 0.022);
	font-family: var(--pel-font-texte);
	font-size: calc(var(--pel-logo-pied) * 0.062);
	font-weight: 400;
	line-height: 1;
}

/* Une lettre par élément : flex les répartit sur la largeur du mot-marque. */
.pel-logo__lettre {
	display: block;
}