/*
 * La page des favoris.
 * ---------------------------------------------------------------------------
 * Les jetons de la charte, et rien d'autre.
 */

/* Le second titre, pose par l'extension : le bandeau le porte deja. */
.rn-favoris .wishlist-title-container {
	display: none;
}

/* Le tableau vide et ses cinq en-tetes de colonnes. */
.rn-favoris .rn-favoris-tableau-vide {
	display: none;
}

.rn-favoris-vide {
	max-width: 56ch;
	margin: 48px auto 64px;
	padding: 40px 32px;
	text-align: center;
	background: var(--rn-fond, #F6F7FB);
	border: 1px solid var(--rn-bord, #E4E6F0);
	border-radius: var(--rn-rayon, 10px);
}

.rn-favoris-vide__titre {
	margin: 0 0 10px;
	font-family: var(--rn-police-titre, inherit);
	font-size: 20px;
	font-weight: 600;
	line-height: 1.3;
	color: var(--rn-marine, #1A1D3E);
}

.rn-favoris-vide__texte {
	margin: 0 0 24px;
	font-size: 15px;
	line-height: 1.6;
	color: var(--rn-gris, #6B7089);
}

.rn-favoris-vide__action {
	margin: 0;
}

.rn-favoris-vide .rn-bouton {
	display: inline-block;
	padding: 12px 24px;
	font-size: 15px;
	font-weight: 600;
	color: #FFFFFF;
	text-decoration: none;
	background: var(--rn-corail, #FD604F);
	border-radius: 8px;
	transition: background-color .15s ease;
}

.rn-favoris-vide .rn-bouton:hover,
.rn-favoris-vide .rn-bouton:focus-visible {
	color: #FFFFFF;
	background: var(--rn-corail-fonce, #E5503F);
}

.rn-favoris-vide .rn-bouton:focus-visible {
	outline: 2px solid var(--rn-marine, #1A1D3E);
	outline-offset: 2px;
}

@media (max-width: 600px) {

	.rn-favoris-vide {
		margin: 32px 0 48px;
		padding: 32px 20px;
	}
}