/* Fiche recette Toprecette : reprend la palette du thème Blocksy */
.tr-recette {
	--tr-vert: var(--theme-palette-color-1, #0F5C4C);
	--tr-accent: var(--theme-palette-color-2, #D9572B);
	--tr-texte: var(--theme-palette-color-3, #4A5B56);
	--tr-titre: var(--theme-palette-color-4, #12302A);
	--tr-bord: var(--theme-palette-color-5, #DCE8E3);
	--tr-fond: var(--theme-palette-color-6, #EEF6F2);
	--tr-blanc: var(--theme-palette-color-8, #FFFFFF);
	margin: 2.5em 0;
	border: 1px solid var(--tr-bord);
	border-radius: 14px;
	background: var(--tr-blanc);
	color: var(--tr-texte);
	overflow: hidden;
	scroll-margin-top: 90px;
}
.tr-recette h2, .tr-recette h3, .tr-recette h4 { color: var(--tr-titre); }
.tr-recette__entete { display: flex; gap: 24px; padding: 24px; background: var(--tr-fond); }
.tr-recette__image { flex: 0 0 38%; max-width: 280px; }
.tr-recette__image img { display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 10px; }
.tr-recette__intro { flex: 1; min-width: 0; }
.tr-recette__surtitre { margin: 0 0 4px; font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--tr-accent); }
.tr-recette__titre { margin: 0 0 6px; font-size: 1.6em; line-height: 1.2; }
.tr-recette__auteur { margin: 0 0 10px; font-size: 14px; }
.tr-recette__resume { margin: 0 0 12px; }
.tr-recette__meta { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 0 0 14px; font-size: 14px; }
.tr-recette__meta strong { color: var(--tr-titre); }
.tr-recette__imprimer {
	padding: 9px 18px; border: 0; border-radius: 999px; cursor: pointer;
	background: var(--tr-vert); color: #fff; font: inherit; font-size: 14px; font-weight: 600;
}
.tr-recette__imprimer:hover, .tr-recette__imprimer:focus-visible { background: var(--tr-titre); }
.tr-recette__temps {
	display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
	margin: 0; padding: 0; border-top: 1px solid var(--tr-bord); border-bottom: 1px solid var(--tr-bord);
}
.tr-recette__temps > div { padding: 14px 16px; border-right: 1px solid var(--tr-bord); }
.tr-recette__temps > div:last-child { border-right: 0; }
.tr-recette__temps dt { margin: 0 0 2px; font-size: 12px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
.tr-recette__temps dd { margin: 0; font-size: 17px; font-weight: 600; color: var(--tr-titre); }
.tr-recette__portions { display: flex; align-items: center; gap: 8px; }
.tr-recette__portions button {
	width: 28px; height: 28px; padding: 0; border: 1px solid var(--tr-bord); border-radius: 50%;
	background: var(--tr-blanc); color: var(--tr-vert); font-size: 18px; line-height: 1; cursor: pointer;
}
.tr-recette__portions button:hover { border-color: var(--tr-vert); }
.tr-recette__corps { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); gap: 8px 36px; padding: 24px; }
.tr-recette__ingredients, .tr-recette__ustensiles { grid-column: 1; }
.tr-recette__etapes { grid-column: 2; grid-row: 1 / span 3; }
.tr-recette__notes { grid-column: 1 / -1; }
.tr-recette__corps h3 { margin: 0 0 12px; font-size: 1.2em; }
.tr-recette__corps h4 { margin: 16px 0 8px; font-size: 1em; }
.tr-recette__corps ul, .tr-recette__corps ol { margin: 0 0 16px; padding-left: 1.2em; }
.tr-recette__corps li { margin: 0 0 8px; }
.tr-recette__ingredients ul { list-style: none; padding-left: 0; }
.tr-recette__ingredients li { padding: 0 0 8px; border-bottom: 1px dashed var(--tr-bord); }
.tr-q { font-weight: 700; color: var(--tr-titre); }
.tr-recette__titre-ingredients { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; margin: 0 0 12px; }
.tr-recette__titre-ingredients h3 { margin: 0; }
.tr-systeme { display: inline-flex; border: 1px solid var(--tr-bord); border-radius: 999px; overflow: hidden; }
.tr-systeme button {
	padding: 5px 12px; border: 0; background: var(--tr-blanc); color: var(--tr-texte);
	font: inherit; font-size: 13px; font-weight: 600; cursor: pointer;
}
.tr-systeme button[aria-pressed="true"] { background: var(--tr-vert); color: #fff; }
.tr-recette__etapes ol { counter-reset: tr-etape; list-style: none; padding-left: 0; }
.tr-recette__etapes li { position: relative; padding-left: 42px; min-height: 30px; counter-increment: tr-etape; }
.tr-recette__etapes li::before {
	content: counter(tr-etape); position: absolute; left: 0; top: 0;
	width: 28px; height: 28px; border-radius: 50%; background: var(--tr-fond);
	color: var(--tr-vert); font-weight: 700; font-size: 14px; line-height: 28px; text-align: center;
}
.tr-aller-recette { margin: 0 0 1.5em; }
.tr-aller-recette a {
	display: inline-block; padding: 7px 16px; border: 1px solid var(--theme-palette-color-1, #0F5C4C); border-radius: 999px;
	color: var(--theme-palette-color-1, #0F5C4C); font-size: 14px; font-weight: 600; text-decoration: none;
}
.tr-aller-recette a:hover { background: var(--theme-palette-color-1, #0F5C4C); color: #fff; }

@media (max-width: 689px) {
	.tr-recette__entete { flex-direction: column; padding: 18px; }
	.tr-recette__image { max-width: none; }
	.tr-recette__image img { aspect-ratio: 16 / 10; }
	.tr-recette__temps { grid-template-columns: repeat(2, 1fr); }
	.tr-recette__temps > div { border-bottom: 1px solid var(--tr-bord); }
	.tr-recette__temps > div:nth-child(2n) { border-right: 0; }
	.tr-recette__corps { grid-template-columns: 1fr; padding: 18px; }
	.tr-recette__ingredients, .tr-recette__ustensiles, .tr-recette__etapes, .tr-recette__notes { grid-column: 1; grid-row: auto; }
}

@media print {
	body.tr-impression * { visibility: hidden !important; }
	body.tr-impression .tr-recette, body.tr-impression .tr-recette * { visibility: visible !important; }
	body.tr-impression .tr-recette { position: absolute; left: 0; top: 0; width: 100%; margin: 0; border: 0; }
	.tr-pas-imprimer { display: none !important; }
	.tr-recette__entete { background: none; }
	.tr-recette__image { max-width: 160px; }
}