/*
 * carte-recette.css : carte de recette (page des recettes et « D'autres recettes » de la fiche d'une recette) et blocs propres à la fiche (encadré, ligne de fin, bouton d'impression). Chargée sur ces pages seulement.
 * Mobile d'abord (390 px), puis paliers à 640 et 1280 px. La couleur vient d'une classe « soin-… » posée sur la page.
 */

/* ---------- Carte de recette : photo (ou bol sans photo), numéro de la phase, « Phase 2 · Poisson », nom ---------- */
.carte-recette{display:flex;flex-direction:column;height:100%;min-width:0;overflow:hidden;border-bottom:5px solid var(--soin-lisere);border-radius:14px;background:var(--blanc);color:var(--encre)}
.carte-recette:hover{color:var(--encre)}
.carte-recette:hover .carte-recette__titre{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.carte-recette__photo{position:relative;display:flex;flex:none;align-items:center;justify-content:center;height:120px;background:var(--recettes-fond)}
.carte-recette__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--cadrage,50% 50%)}
.carte-recette__bol{--epaisseur:1.4;width:34px;height:34px;color:var(--soin-lisere)}
.carte-recette__phase{position:absolute;left:12px;top:12px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--soin-bandeau);font-family:var(--police-titre);font-weight:700;font-size:17px;line-height:normal;color:var(--blanc)}
.carte-recette__corps{display:flex;flex-direction:column;gap:6px;padding:12px 14px 14px}
.carte-recette__etiquette{font-size:12px;font-weight:600;line-height:normal;letter-spacing:.12em;text-transform:uppercase;color:var(--soin-texte)}
.carte-recette__titre{font-family:var(--police-titre);font-weight:700;font-size:16px;line-height:21px}
@media (min-width:640px){
	.carte-recette__photo{height:170px}
	.carte-recette__corps{padding:16px 18px 18px}
	.carte-recette__titre{font-size:19px;line-height:25px}
}
@media (min-width:1280px){.carte-recette__etiquette{font-size:11px}}

/* Cartes de « D'autres recettes » sous une fiche (maquette 19) : photo de 150 px, étiquette de 11 px, titre de 19 px à toutes les largeurs */
.article-aussi--recettes .carte-recette__photo{height:150px}
.article-aussi--recettes .carte-recette__corps{padding:16px 18px 18px}
.article-aussi--recettes .carte-recette__etiquette{font-size:11px}
.article-aussi--recettes .carte-recette__titre{font-size:19px;line-height:25px}

/* ---------- Fiche d'une recette (maquette 19) : repères, ingrédients, étapes, conseil, pied ---------- */
/* Le bloc est écrit dans le texte de l'article : il en reprend la police et les couleurs, et règle lui-même ses titres, ses listes et ses étapes */
.recette-bloc>*:first-child{margin-top:0}
.article-texte .recette-infos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px;padding:14px;border-radius:16px;background:var(--recettes-fond);list-style:none}
.article-texte>.recette-bloc:first-child .recette-infos{margin-top:0}
.article-texte .recette-infos li+li{margin-top:0}
.recette-infos__info{display:flex;flex-direction:column;gap:2px;min-width:0;padding:12px 14px;border-radius:12px;background:var(--blanc)}
.recette-infos__etiquette{font-size:11px;font-weight:600;line-height:normal;letter-spacing:.14em;text-transform:uppercase;color:var(--soin-texte)}
.recette-infos__valeur{font-family:var(--police-titre);font-weight:700;font-size:17px;line-height:25px;color:var(--encre)}
.article-texte .recette-bloc h2,.article-texte .recette-bloc h3{margin-top:30px;font-size:23px;line-height:30px}
.article-texte ul.recette-ingredients{margin-top:14px;padding:0;list-style:none;font-size:16px;line-height:24px;color:var(--encre)}
.article-texte ul.recette-ingredients li{display:flex;align-items:center;gap:12px;min-height:57px;margin-top:0;padding:6px 0;border-bottom:1px solid var(--filet)}
.recette-ingredients li::before{content:"";flex:none;box-sizing:border-box;width:22px;height:22px;border:1.5px solid #8a8478;border-radius:6px;background:var(--blanc)}
.article-texte ol.recette-etapes{gap:14px;margin-top:14px;padding:0;border-radius:0;background:none;font-size:16px;line-height:26px;color:var(--texte-courant)}
.article-texte ol.recette-etapes>li{min-height:32px;padding-left:46px}
.article-texte ol.recette-etapes>li::before{top:0;width:32px;height:32px;background:var(--soin-bandeau);font-size:15px;color:var(--blanc)}
.article-texte .recette-conseil{display:flex;flex-direction:column;gap:6px;margin-top:26px;padding:18px;border-left:5px solid var(--soin-lisere);border-radius:14px;background:var(--recettes-fond)}
.article-texte .recette-conseil p{margin-top:0}
.recette-conseil__titre{font-size:12px;font-weight:600;line-height:normal;letter-spacing:.22em;text-transform:uppercase;color:var(--soin-texte)}
.article-texte .recette-conseil__texte{font-size:16px;line-height:26px;color:var(--encre)}
.recette-pied{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin-top:26px}
.recette-imprimer{--px:22px;flex:none;white-space:nowrap}
.recette-imprimer[hidden]{display:none}
.recette-fin{font-size:14px;line-height:22px;color:var(--encre-douce)}
.recette-fin a{font-weight:600;color:var(--vert-fonce);text-decoration:underline;text-underline-offset:4px}
@media (min-width:960px){
	.article-texte .recette-infos{display:flex;gap:12px;padding:18px}
	.recette-infos__info{flex:1}
	.recette-infos__valeur{font-size:19px}
	.article-texte .recette-bloc h2,.article-texte .recette-bloc h3{margin-top:36px;font-size:28px;line-height:36px}
	.article-texte ol.recette-etapes{font-size:17px;line-height:28px}
	.article-texte .recette-conseil{padding:22px 26px}
	.recette-pied{flex-direction:row;align-items:center;justify-content:space-between;gap:20px}
}
.article-aussi__liste>li{min-width:0}

/* Impression : repères sur une ligne, sans fond, listes resserrées (la fiche tient sur peu de pages) */
@media print{
	.article-texte .recette-infos{display:flex;gap:8mm;padding:0;background:none}
	.recette-infos__info{padding:0;background:none}
	.article-texte ul.recette-ingredients li{min-height:0;padding:2mm 0}
	.article-texte .recette-bloc h2,.article-texte .recette-bloc h3{margin-top:6mm}
	.article-texte .recette-conseil{break-inside:avoid}
	.recette-pied{display:none}
}