/** * Single recette — maquette Figma 261:1079 (mix). * HTML réel : h3 + ul/li (ingrédients, conseils), h3 + p (préparation). */ /* Container Bridge (width:1100px fixe) → aligné sur le container 1260px du thème. Limité à ≥1100px pour ne pas écraser les breakpoints responsive de Bridge. */ @media only screen and (min-width: 1100px) { body.r100f-single-recipe-figma .content .container_inner, body.r100f-single-recipe-figma .content .container .container_inner { width: 100%; max-width: 1260px; } } /* Annule le margin-top négatif du thème parent sur les pages recette */ .overlapping_content .content .content_inner > .container > .overlapping_content, .overlapping_content .content .content_inner > .full_width > .full_width_inner { margin-top: 0; } /* --- Variables (tokens Figma) --- */ body.r100f-single-recipe-figma { --r100-peach: #ffe8ad; --r100-peach-soft: rgba(255, 232, 173, 0.3); --r100-peach-highlight: #fee6a7; --r100-peach-bullet: #f9d67a; --r100-green-highlight: #d4e88c; --r100-text: #353535; --r100-text-dark: #28221c; --r100-text-title: #383838; --r100-link: #556b2f; --r100-btn: #353535; --r100-font-script: "Caveat Brush", "Caveat", cursive, serif; --r100-font-body: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; --r100-font-cta: Raleway, var(--r100-font-body); /* Gouttière latérale : min 16px sur mobile, plafonne à 20px sur desktop */ --r100-page-gutter: clamp(16px, 4vw, 20px); } /* Supprime les
parasites injectés par WPBakery */ body.r100f-single-recipe-figma .wpb_wrapper > br, body.r100f-single-recipe-figma .vc_column-inner > br, body.r100f-single-recipe-figma .full_section_inner > br { display: none !important; } body.r100f-single-recipe-figma .post_text, body.r100f-single-recipe-figma .post_text_inner, body.r100f-single-recipe-figma .blog_single { font-family: var(--r100-font-body); color: var(--r100-text); } /* Une colonne : pas de grille Bridge two_columns / column2 */ body.r100f-single-recipe-figma.r100f-single-one-column .container_inner.default_template_holder > .blog_single.blog_holder { width: 100%; max-width: 100%; float: none; } body.r100f-single-recipe-figma.r100f-single-one-column .column2, body.r100f-single-recipe-figma.r100f-single-one-column aside.sidebar { display: none !important; } body.r100f-single-recipe-figma.r100f-single-one-column .two_columns_66_33, body.r100f-single-recipe-figma.r100f-single-one-column .two_columns_75_25, body.r100f-single-recipe-figma.r100f-single-one-column .two_columns_33_66, body.r100f-single-recipe-figma.r100f-single-one-column .two_columns_25_75 { display: block !important; } body.r100f-single-recipe-figma.r100f-single-one-column .column1, body.r100f-single-recipe-figma.r100f-single-one-column .column_inner { width: 100% !important; max-width: 100% !important; float: none !important; } /* Pas de bandeau « image in title » Bridge sur les éditoriaux */ body.r100f-single-recipe-figma.r100f-single-one-column.single_image_title_post .post_content_holder > .post_image, body.r100f-single-recipe-figma.r100f-single-one-column .single_top_part_holder { display: none !important; } body.r100f-single-recipe-figma .r100f-single-inline-widget { width: 100%; max-width: 100%; margin: 24px 0 0; box-sizing: border-box; } /* --- Annule les anciens styles Bridge / options (inline dans ) --- */ body.r100f-single-recipe-figma #r100-ingredients, body.r100f-single-recipe-figma .ingredients { background: transparent !important; box-shadow: none !important; margin-bottom: 0 !important; } body.r100f-single-recipe-figma #r100-ingredients .vc_column-inner .wpb_text_column, body.r100f-single-recipe-figma .ingredients .vc_column-inner .wpb_text_column { padding: 0 !important; } /* --- Carte Ingrédients (261:1601) — #r100-ingredients --- */ body.r100f-single-recipe-figma #r100-ingredients .wpb_text_column .wpb_wrapper, body.r100f-single-recipe-figma .ingredients .wpb_text_column .wpb_wrapper { --r100f-ingredients-brush-inset: clamp(18px, 4vw, 26px); position: relative; box-sizing: border-box; display: flex; flex-direction: column; align-items: flex-start; gap: 42px; padding: 42px !important; background: #fff !important; border: 2.5px solid var(--r100-peach); border-radius: 24px; overflow: visible; isolation: isolate; } body.r100f-single-recipe-figma #r100-ingredients .wpb_text_column .wpb_wrapper::before, body.r100f-single-recipe-figma .ingredients .wpb_text_column .wpb_wrapper::before { content: ""; position: absolute; z-index: 2; top: calc(-1 * var(--r100f-ingredients-brush-inset)); right: calc(-1 * var(--r100f-ingredients-brush-inset)); bottom: calc(-1 * var(--r100f-ingredients-brush-inset)); left: calc(-1 * var(--r100f-ingredients-brush-inset)); width: calc(100% + 2 * var(--r100f-ingredients-brush-inset)); height: calc(100% + 2 * var(--r100f-ingredients-brush-inset)); background: url("../images/defaults/border-brush-ingredients.png") no-repeat center; background-size: 100% 100%; pointer-events: none; } body.r100f-single-recipe-figma #r100-ingredients .wpb_text_column .wpb_wrapper > *, body.r100f-single-recipe-figma .ingredients .wpb_text_column .wpb_wrapper > * { position: relative; z-index: 3; } body.r100f-single-recipe-figma #r100-ingredients .wpb_text_column .wpb_wrapper > h3, body.r100f-single-recipe-figma .ingredients .wpb_text_column .wpb_wrapper > h3 { position: relative; z-index: 3; display: inline-block; flex-shrink: 0; margin: 0; padding: 0 5px 0 0; border: 0; font-family: var(--r100-font-script) !important; font-size: 38px !important; font-weight: 400 !important; line-height: 39px !important; letter-spacing: 1px; color: var(--r100-text-dark) !important; text-transform: none !important; } body.r100f-single-recipe-figma #r100-ingredients .wpb_text_column .wpb_wrapper > h3::before, body.r100f-single-recipe-figma .ingredients .wpb_text_column .wpb_wrapper > h3::before { content: ""; position: absolute; left: -5px; top: 27px; z-index: -1; width: 180px; height: 12px; background: var(--r100-peach-highlight); border-radius: 24px; } body.r100f-single-recipe-figma #r100-ingredients .wpb_text_column .wpb_wrapper > h3::after, body.r100f-single-recipe-figma .ingredients .wpb_text_column .wpb_wrapper > h3::after { content: " :" !important; } body.r100f-single-recipe-figma #r100-ingredients .wpb_text_column .wpb_wrapper > h4, body.r100f-single-recipe-figma .ingredients .wpb_text_column .wpb_wrapper > h4 { margin: 0; padding: 0 5px 0 0; border: 0; font-family: var(--r100-font-script) !important; font-size: 24px !important; font-weight: 400 !important; line-height: 1.2 !important; letter-spacing: 1px; color: var(--r100-text-dark) !important; text-transform: none !important; } body.r100f-single-recipe-figma #r100-ingredients .wpb_text_column .wpb_wrapper > ul, body.r100f-single-recipe-figma .ingredients .wpb_text_column .wpb_wrapper > ul { display: flex; flex-direction: column; gap: 12px; width: 100%; margin: 0; padding: 0; list-style: none; } body.r100f-single-recipe-figma #r100-ingredients .wpb_text_column .wpb_wrapper > ul > li, body.r100f-single-recipe-figma .ingredients .wpb_text_column .wpb_wrapper > ul > li { position: relative; margin: 0; padding-left: 20px; font-size: 18px; line-height: 28px; color: var(--r100-text); list-style: none !important; } body.r100f-single-recipe-figma #r100-ingredients .wpb_text_column .wpb_wrapper > ul > li::before, body.r100f-single-recipe-figma .ingredients .wpb_text_column .wpb_wrapper > ul > li::before { content: "" !important; display: block !important; position: absolute; left: 0; top: 8px; width: 10px !important; height: 10px !important; margin: 0 !important; border-radius: 20px; background: var(--r100-peach-bullet) !important; } body.r100f-single-recipe-figma #r100-ingredients .wpb_text_column .wpb_wrapper > ul > li strong, body.r100f-single-recipe-figma .ingredients .wpb_text_column .wpb_wrapper > ul > li strong { font-weight: 700; } body.r100f-single-recipe-figma #r100-ingredients .wpb_text_column .wpb_wrapper > p.r100-ingredients__legal, body.r100f-single-recipe-figma .ingredients .wpb_text_column .wpb_wrapper > p.r100-ingredients__legal { margin: 0; font-family: var(--r100-font-body) !important; font-size: 18px !important; font-weight: 400 !important; line-height: 30.25px; color: var(--r100-text); } body.r100f-single-recipe-figma #r100-ingredients .wpb_text_column .wpb_wrapper strong, body.r100f-single-recipe-figma .ingredients .wpb_text_column .wpb_wrapper strong { font-weight: 700; } /* --- Compteurs / métadonnées (261:1150) --- */ body.r100f-single-recipe-figma .vc_row:has(.ingredients) > .ingredients + .vc_column:has(.q_counter_holder) > .vc_column-inner > .wpb_wrapper { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 32px; } body.r100f-single-recipe-figma .vc_row:has(.ingredients) .q_counter_holder { display: flex !important; flex-direction: column; align-items: center; gap: 6px; opacity: 1 !important; padding: 0 !important; margin: 0; border: none !important; background: transparent !important; text-align: center; } body.r100f-single-recipe-figma .vc_row:has(.ingredients) .q_counter_holder::before { content: ""; display: block; width: 36px; height: 36px; background-repeat: no-repeat; background-position: center; background-size: contain; } body.r100f-single-recipe-figma .vc_row:has(.ingredients) .q_counter_holder:first-of-type::before { background-image: url("../images/recipe-meta/icon-prep.svg"); } body.r100f-single-recipe-figma .vc_row:has(.ingredients) .q_counter_holder:last-of-type::before { background-image: url("../images/recipe-meta/icon-quantity.svg"); } body.r100f-single-recipe-figma .vc_row:has(.ingredients) .q_counter_holder span.counter { order: 2; height: auto !important; font-family: var(--r100-font-body) !important; font-size: 12px !important; font-weight: 400 !important; line-height: 16px !important; letter-spacing: 1px; color: var(--r100-text) !important; } body.r100f-single-recipe-figma .vc_row:has(.ingredients) .q_counter_holder p.counter_text { order: 1; margin: 0 !important; font-family: var(--r100-font-body) !important; font-size: 12px !important; font-weight: 600 !important; line-height: 16px !important; letter-spacing: 1px; text-transform: none !important; color: var(--r100-text) !important; } body.r100f-single-recipe-figma .vc_row:has(.ingredients) .q_counter_holder .separator.small { display: none !important; } div#r100-preparation { padding-left: 64px; margin-top: -28px; } /* --- Préparation (Figma 261:1625, #r100-preparation) --- */ body.r100f-single-recipe-figma #r100-preparation .vc_column-inner .wpb_text_column, body.r100f-single-recipe-figma .vc_row:has(.ingredients) > .ingredients + .vc_column:not(:has(.q_counter_holder)) .vc_column-inner .wpb_text_column, body.r100f-single-recipe-figma .vc_row:has(.ingredients) > .ingredients + .vc_column + .vc_column .vc_column-inner .wpb_text_column { padding: 0 !important; } body.r100f-single-recipe-figma #r100-preparation .wpb_text_column .wpb_wrapper, body.r100f-single-recipe-figma .vc_row:has(.ingredients) > .ingredients + .vc_column:not(:has(.q_counter_holder)) .wpb_text_column .wpb_wrapper, body.r100f-single-recipe-figma .vc_row:has(.ingredients) > .ingredients + .vc_column + .vc_column .wpb_text_column .wpb_wrapper { box-sizing: border-box; padding: 70px 0 0 0; } body.r100f-single-recipe-figma #r100-preparation .wpb_text_column .wpb_wrapper > h3, body.r100f-single-recipe-figma .vc_row:has(.ingredients) > .ingredients + .vc_column:not(:has(.q_counter_holder)) .wpb_text_column .wpb_wrapper > h3, body.r100f-single-recipe-figma .vc_row:has(.ingredients) > .ingredients + .vc_column + .vc_column .wpb_text_column .wpb_wrapper > h3 { position: relative; z-index: 0; display: inline-block; margin: 0 0 42px; padding: 0 5px 0 0; border: 0; font-family: var(--r100-font-script) !important; font-size: 38px !important; font-weight: 400 !important; line-height: 39px !important; letter-spacing: 1px; color: var(--r100-text-dark) !important; text-align: left !important; text-transform: none !important; } body.r100f-single-recipe-figma #r100-preparation .wpb_text_column .wpb_wrapper > h3::before, body.r100f-single-recipe-figma .vc_row:has(.ingredients) > .ingredients + .vc_column:not(:has(.q_counter_holder)) .wpb_text_column .wpb_wrapper > h3::before, body.r100f-single-recipe-figma .vc_row:has(.ingredients) > .ingredients + .vc_column + .vc_column .wpb_text_column .wpb_wrapper > h3::before { content: ""; position: absolute; left: -5px; top: 27px; z-index: -1; width: 185px; height: 12px; background: var(--r100-green-highlight); border-radius: 24px; } body.r100f-single-recipe-figma #r100-preparation .wpb_text_column .wpb_wrapper > h3::after, body.r100f-single-recipe-figma .vc_row:has(.ingredients) > .ingredients + .vc_column:not(:has(.q_counter_holder)) .wpb_text_column .wpb_wrapper > h3::after, body.r100f-single-recipe-figma .vc_row:has(.ingredients) > .ingredients + .vc_column + .vc_column .wpb_text_column .wpb_wrapper > h3::after { content: " :" !important; } body.r100f-single-recipe-figma #r100-preparation .wpb_text_column .wpb_wrapper > p, body.r100f-single-recipe-figma .vc_row:has(.ingredients) > .ingredients + .vc_column:not(:has(.q_counter_holder)) .wpb_text_column .wpb_wrapper > p, body.r100f-single-recipe-figma .vc_row:has(.ingredients) > .ingredients + .vc_column + .vc_column .wpb_text_column .wpb_wrapper > p { margin: 0 0 24px; font-family: var(--r100-font-body); font-size: 18px; font-weight: 400; line-height: 35px; color: var(--r100-text); text-align: left !important; word-break: break-word; } body.r100f-single-recipe-figma #r100-preparation .wpb_text_column .wpb_wrapper > p:last-child, body.r100f-single-recipe-figma .vc_row:has(.ingredients) > .ingredients + .vc_column:not(:has(.q_counter_holder)) .wpb_text_column .wpb_wrapper > p:last-child, body.r100f-single-recipe-figma .vc_row:has(.ingredients) > .ingredients + .vc_column + .vc_column .wpb_text_column .wpb_wrapper > p:last-child { margin-bottom: 0; } body.r100f-single-recipe-figma #r100-preparation .wpb_text_column .wpb_wrapper strong, body.r100f-single-recipe-figma .vc_row:has(.ingredients) > .ingredients + .vc_column:not(:has(.q_counter_holder)) .wpb_text_column .wpb_wrapper strong, body.r100f-single-recipe-figma .vc_row:has(.ingredients) > .ingredients + .vc_column + .vc_column .wpb_text_column .wpb_wrapper strong { font-weight: 700; } body.r100f-single-recipe-figma #r100-preparation .wpb_text_column .wpb_wrapper a, body.r100f-single-recipe-figma .vc_row:has(.ingredients) > .ingredients + .vc_column:not(:has(.q_counter_holder)) .wpb_text_column .wpb_wrapper a, body.r100f-single-recipe-figma .vc_row:has(.ingredients) > .ingredients + .vc_column + .vc_column .wpb_text_column .wpb_wrapper a { font-weight: 600; color: var(--r100-link); text-decoration: underline; text-underline-offset: 2px; } /* --- Vidéo YouTube / WPBakery --- */ body.r100f-single-recipe-figma div#r100-video.vc_row, body.r100f-single-recipe-figma div#r100-video { padding: 48px 0 !important; background-color: transparent !important; } body.r100f-single-recipe-figma div#r100-video .full_section_inner, body.r100f-single-recipe-figma div#r100-video .vc_column-inner, body.r100f-single-recipe-figma div#r100-video .wpb_wrapper { padding-top: 0 !important; padding-bottom: 0 !important; } body.r100f-single-recipe-figma .container-video, body.r100f-single-recipe-figma #r100-video .wpb_video_widget, body.r100f-single-recipe-figma .r100f-recipe-body .wpb_video_widget { max-width: 800px; margin: 0 auto; border-radius: 24px; overflow: hidden; } /* Wrapper div (pas l’iframe elle-même) */ body.r100f-single-recipe-figma .container-video .responsive-iframe:not(iframe), body.r100f-single-recipe-figma .container-video > div:not(.wpb_video_wrapper) { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; border-radius: 24px; } body.r100f-single-recipe-figma .container-video .responsive-iframe:not(iframe) iframe, body.r100f-single-recipe-figma .container-video > div:not(.wpb_video_wrapper) iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; } /* iframe ACF / embed direct (class sur l’élément iframe) : le ratio est géré par aspect-ratio sur l’iframe elle-même, donc le padding-top (réservation de hauteur pour enfant absolute) du .container-video générique doit être neutralisé, sinon sa hauteur s’ajoute en plus de celle de l’iframe (= grand vide en dessous). */ body.r100f-single-recipe-figma .container-video:has(> iframe.responsive-iframe) { height: auto; padding: 48px 0; } body.r100f-single-recipe-figma .container-video > iframe.responsive-iframe, body.r100f-single-recipe-figma .container-video iframe.responsive-iframe { display: block; position: static; width: 100%; max-width: 100%; aspect-ratio: 16 / 9; height: auto; min-height: 0; border: 0; border-radius: 24px; } body.r100f-single-recipe-figma .wpb_video_widget .wpb_video_wrapper { position: relative; width: 100%; padding-top: 56.25%; height: 0; overflow: hidden; border-radius: 24px; } body.r100f-single-recipe-figma .wpb_video_widget .wpb_video_wrapper iframe, body.r100f-single-recipe-figma .wpb_video_widget .wpb_video_wrapper > div, body.r100f-single-recipe-figma .wpb_video_widget .wpb_video_wrapper .fluid-width-video-wrapper { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding-top: 0 !important; border: 0; } /* --- Bouton fiche recette --- */ body.r100f-single-recipe-figma a.qbutton:has(.fa-print) { display: inline-flex !important; flex-direction: row-reverse; align-items: center; justify-content: center; gap: 12px; min-height: 41px; padding: 2.5px 19px !important; background: var(--r100-btn) !important; border: 1px solid var(--r100-btn) !important; border-radius: 30px !important; font-family: var(--r100-font-cta) !important; font-size: 12px !important; font-weight: 700 !important; line-height: 36px !important; letter-spacing: 1px; text-transform: uppercase !important; color: #fff !important; } body.r100f-single-recipe-figma a.qbutton:has(.fa-print):hover { opacity: 0.9; color: #fff !important; } body.r100f-single-recipe-figma a.qbutton:has(.fa-print) .fa-print::before { content: "" !important; display: inline-block; width: 24px; height: 24px; background: url("../images/recipe-meta/icon-print.svg") center / contain no-repeat; } body.r100f-single-recipe-figma a.qbutton:has(.fa-print) .fa-print { width: 24px; height: 24px; margin: 0 !important; font-size: 0 !important; color: transparent !important; } /* --- Bloc conseils (261:1238) — #r100-conseils / .r100-conseils-outer --- */ body.r100f-single-recipe-figma .r100-conseils-outer { --r100-conseils-aside: 179px; --r100-conseils-aside-gap: 12px; --r100-conseils-tool-width: 260px; display: flex; flex-wrap: nowrap; align-items: stretch; gap: clamp(16px, 3vw, 32px); width: 100%; margin: 0; scroll-margin-top: 96px; } body.r100f-single-recipe-figma #r100-conseils .r100-conseils-peach, body.r100f-single-recipe-figma .r100-conseils-peach { flex: 1 1 auto; min-width: 0; display: flex; flex-wrap: nowrap; align-items: center; gap: clamp(16px, 6vw, 96px); padding: 36px clamp(16px, 3vw, 62px); /* min-height: 413px; */ height: fit-content; background: var(--r100-peach-soft); border-radius: 24px; box-sizing: border-box; } body.r100f-single-recipe-figma .r100-conseils-wrap { flex: 1 1 auto; min-width: 0; } body.r100f-single-recipe-figma .r100-conseils-wrap__aside { flex: 0 0 var(--r100-conseils-aside); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--r100-conseils-aside-gap); width: var(--r100-conseils-aside); } body.r100f-single-recipe-figma .r100-conseils-wrap__avatar { flex: 0 0 auto; width: var(--r100-conseils-aside); height: var(--r100-conseils-aside); border-radius: 500px; overflow: hidden; } body.r100f-single-recipe-figma .r100-conseils-wrap__photo { display: block; width: 100%; height: 100%; object-fit: cover; } body.r100f-single-recipe-figma .r100-conseils-wrap__socials .r100f-author-figma__socials { display: flex; flex-wrap: nowrap; justify-content: center; gap: 12px; width: 100%; max-width: var(--r100-conseils-aside); margin: 0; padding: 0; list-style: none; } body.r100f-single-recipe-figma .r100-conseils-wrap__socials .r100f-author-figma__socials li { margin: 0; padding: 0; list-style: none; } body.r100f-single-recipe-figma .r100-conseils-wrap__socials .r100f-author-figma__social { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 18px; background: var(--r100-peach); color: var(--r100-text); text-decoration: none; } body.r100f-single-recipe-figma .r100-conseils-wrap__socials .r100f-author-figma__social svg, body.r100f-single-recipe-figma .r100-conseils-wrap__socials .r100f-author-figma__social .r100f-footer__social-svg { display: block; width: 18px; height: 18px; } body.r100f-single-recipe-figma .r100-conseils-wrap__main { position: relative; z-index: 1; flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 0; } body.r100f-single-recipe-figma .r100-conseils-wrap__main > .vc_column { width: 100% !important; max-width: 100%; padding: 0 !important; background: transparent !important; border-radius: 0 !important; } body.r100f-single-recipe-figma .r100-conseils-wrap__main > .wpb_column + .wpb_column, body.r100f-single-recipe-figma .r100-conseils-wrap__main > .vc_column_container + .vc_column_container, body.r100f-single-recipe-figma .r100-conseils-wrap__main > .vc_column + .vc_column { margin-top: 0; } body.r100f-single-recipe-figma .r100-conseils-wrap__main .vc_column-inner { padding: 0 !important; } body.r100f-single-recipe-figma .r100-conseils-wrap__main .wpb_text_column { margin: 0 !important; padding: 0 !important; } body.r100f-single-recipe-figma .r100-conseils-wrap__main .wpb_text_column .wpb_wrapper > h3 { position: relative; z-index: 0; display: inline-block; margin: 0 0 12px; padding: 0 5px 0 0; border: 0; font-family: var(--r100-font-script) !important; font-size: 36px !important; font-weight: 400 !important; line-height: 1.15 !important; letter-spacing: 2px; color: var(--r100-text-title) !important; text-transform: none !important; word-break: break-word; } body.r100f-single-recipe-figma .r100-conseils-wrap__main .wpb_text_column .wpb_wrapper > h3::after { content: ""; position: absolute; left: -5px; bottom: 2px; z-index: -1; width: min(420px, calc(100% + 10px)); height: 12px; background: var(--r100-green-highlight); border-radius: 24px; } body.r100f-single-recipe-figma .r100-conseils-wrap__main .wpb_text_column .wpb_wrapper > ul { margin: 0; padding: 0; list-style: none; } body.r100f-single-recipe-figma .r100-conseils-wrap__main .wpb_text_column .wpb_wrapper > ul > li { position: relative; margin: 0 0 6px; padding-left: 34px; font-family: var(--r100-font-body) !important; font-size: 16px; line-height: 26px; color: var(--r100-text); list-style: none !important; } body.r100f-single-recipe-figma .r100-conseils-wrap__main .wpb_text_column .wpb_wrapper > ul > li::before { content: "" !important; display: block !important; position: absolute; left: 12px; top: 8px; width: 10px !important; height: 10px !important; margin: 0 !important; border-radius: 50%; background: var(--r100-peach) !important; } body.r100f-single-recipe-figma .r100-conseils-wrap__main .wpb_text_column .wpb_wrapper > ul > li:last-child { margin-bottom: 0; } body.r100f-single-recipe-figma .r100-conseils-wrap__main .wpb_text_column .wpb_wrapper strong { font-weight: 700; } body.r100f-single-recipe-figma .r100-conseils-wrap__main .wpb_text_column .wpb_wrapper a { font-weight: 600; color: var(--r100-link); text-decoration: underline; text-underline-offset: 2px; } /* Appel commentaires (sous la liste) — Figma 716:14913 */ body.r100f-single-recipe-figma .r100-conseils-wrap__main .wpb_text_column .wpb_wrapper > ul ~ p, body.r100f-single-recipe-figma .r100-conseils-wrap__main .wpb_text_column .wpb_wrapper > h4 { margin: 20px 0 0; padding: 0; border: 0; font-family: var(--r100-font-script) !important; font-size: clamp(24px, 3vw, 32px) !important; font-weight: 400 !important; line-height: 1.2 !important; letter-spacing: 1px; color: var(--r100-text-title) !important; text-transform: none !important; } /* Colonne droite grise (Figma 261:1238) */ body.r100f-single-recipe-figma .r100-conseils-outer > .r100-conseils-wrap__tool.r100f-featured-tool { flex: 0 0 var(--r100-conseils-tool-width); width: var(--r100-conseils-tool-width); max-width: 270px; margin: 0; padding: 0; box-sizing: border-box; align-self: center; display: flex; flex-direction: column; background: #f8f8f8; border-radius: 24px; } body.r100f-single-recipe-figma .r100-conseils-outer > .r100-conseils-wrap__tool .r100f-featured-tool__card { flex: 1 1 auto; width: 100%; min-height: 0; margin: 0; padding: 24px 12px; background: transparent; border-radius: 0; box-sizing: border-box; } /* --- Grille desktop --- */ @media (min-width: 992px) { body.r100f-single-recipe-figma .vc_row:has(.ingredients) { display: flex; flex-wrap: wrap; align-items: flex-start; column-gap: 72px; row-gap: 48px; } body.r100f-single-recipe-figma .vc_row:has(.ingredients) > .ingredients + .vc_column:has(.q_counter_holder) { order: -1; flex: 0 0 100%; max-width: 100%; width: 100% !important; } body.r100f-single-recipe-figma .vc_row:has(.ingredients) > #r100-ingredients, body.r100f-single-recipe-figma .vc_row:has(.ingredients) > .ingredients { flex: 0 0 calc((100% - 72px) / 3); max-width: calc((100% - 72px) / 3); width: calc((100% - 72px) / 3) !important; padding-right: 0 !important; } body.r100f-single-recipe-figma .vc_row:has(.ingredients) > #r100-preparation, body.r100f-single-recipe-figma .vc_row:has(.ingredients) > .ingredients + .vc_column:not(:has(.q_counter_holder)), body.r100f-single-recipe-figma .vc_row:has(.ingredients) > .ingredients + .vc_column + .vc_column { flex: 0 0 calc(2 * (100% - 72px) / 3); max-width: calc(2 * (100% - 72px) / 3); width: calc(2 * (100% - 72px) / 3) !important; } body.r100f-single-recipe-figma .vc_row:has(.ingredients) > .r100-conseils-outer { flex: 0 0 100%; max-width: 100%; width: 100% !important; } } @media (max-width: 991px) { body.r100f-single-recipe-figma #r100-ingredients .wpb_text_column .wpb_wrapper, body.r100f-single-recipe-figma .ingredients .wpb_text_column .wpb_wrapper { gap: 32px; padding: 28px 24px !important; } body.r100f-single-recipe-figma #r100-ingredients .wpb_text_column .wpb_wrapper > h3, body.r100f-single-recipe-figma .ingredients .wpb_text_column .wpb_wrapper > h3, body.r100f-single-recipe-figma #r100-preparation .wpb_text_column .wpb_wrapper > h3, body.r100f-single-recipe-figma .vc_row:has(.ingredients) > .ingredients + .vc_column:not(:has(.q_counter_holder)) .wpb_text_column .wpb_wrapper > h3, body.r100f-single-recipe-figma .vc_row:has(.ingredients) > .ingredients + .vc_column + .vc_column .wpb_text_column .wpb_wrapper > h3 { font-size: 32px !important; line-height: 1.15 !important; } body.r100f-single-recipe-figma #r100-preparation .wpb_text_column .wpb_wrapper, body.r100f-single-recipe-figma .vc_row:has(.ingredients) > .ingredients + .vc_column:not(:has(.q_counter_holder)) .wpb_text_column .wpb_wrapper, body.r100f-single-recipe-figma .vc_row:has(.ingredients) > .ingredients + .vc_column + .vc_column .wpb_text_column .wpb_wrapper { padding: 28px 0; } body.r100f-single-recipe-figma .vc_row:has(.ingredients) > .ingredients + .vc_column:has(.q_counter_holder) > .vc_column-inner > .wpb_wrapper { justify-content: center; } body.r100f-single-recipe-figma .r100-conseils-outer { flex-direction: column; gap: 24px; } body.r100f-single-recipe-figma .r100-conseils-peach { flex-direction: column; min-height: 0; padding: 24px; } body.r100f-single-recipe-figma .r100-conseils-wrap__socials .r100f-author-figma__socials { flex-wrap: nowrap; } body.r100f-single-recipe-figma .r100-conseils-wrap__aside { flex-direction: column; justify-content: center; flex: 0 0 auto; width: 100%; max-width: none; } body.r100f-single-recipe-figma .r100-conseils-wrap__main { flex: 1 1 auto; max-width: none; } body.r100f-single-recipe-figma .r100-conseils-wrap__main .wpb_text_column .wpb_wrapper > h3 { font-size: 32px !important; line-height: 1.15 !important; } body.r100f-single-recipe-figma .r100-conseils-outer > .r100-conseils-wrap__tool.r100f-featured-tool { flex: 1 1 auto; width: 100%; max-width: 320px; align-self: center; } body.r100f-single-recipe-figma .r100-conseils-outer > .r100-conseils-wrap__tool .r100f-featured-tool__card { min-height: 0; } } /* ========================================================================== Commentaires — Figma 261:2019 (#comments) ========================================================================== */ /* Annule le wrapper Bridge si encore présent */ body.r100f-single-recipe-figma #comments.comment_holder:not(.r100f-comments-figma) .comment_number, body.r100f-single-recipe-figma #comments.comment_holder:not(.r100f-comments-figma) > .comments, body.r100f-single-recipe-figma #comments.comment_holder:not(.r100f-comments-figma) > .comment_form, body.r100f-single-recipe-figma #comments.comment_holder:not(.r100f-comments-figma) > .comment_pager { display: none !important; } body.r100f-single-recipe-figma #comments.r100f-comments-figma, body.r100f-single-recipe-figma #comments.comment_holder.r100f-comments-figma { float: none; clear: both; max-width: none; margin: 0; padding: 200px 0 0; box-sizing: border-box; background: transparent; border: none; } body.r100f-single-recipe-figma .blog_holder.single_image_title_post #comments.r100f-comments-figma { padding-left: 0 !important; padding-right: 0 !important; padding-bottom: 0; } body.r100f-single-recipe-figma .r100f-comments-figma__inner { display: flex; flex-direction: column; align-items: center; gap: 12px; width: 100%; max-width: 888px; margin: 0 auto; padding: 0 24px; box-sizing: border-box; overflow: visible; } body.r100f-single-recipe-figma .r100f-comments-figma__form-wrap { overflow: visible; } /* --- Formulaire : sans classes Bridge (comment_form / comment_holder) --- */ body.r100f-single-recipe-figma #comments.r100f-comments-figma .r100f-comments-figma__form-wrap { display: block; width: 100%; max-width: 887px; margin: 0; padding: 0 !important; background: transparent !important; border: none !important; border-top: none !important; border-radius: 0; box-shadow: none; } body.r100f-single-recipe-figma #comments.r100f-comments-figma .r100f-comments-figma__form-wrap form p.form-submit, body.r100f-single-recipe-figma #comments.r100f-comments-figma .r100f-comments-figma__list .r100f-comment-card p.form-submit { margin: 0; text-align: left; } body.r100f-single-recipe-figma #comments.r100f-comments-figma .r100f-comments-figma__form-body #respond { margin: 0; padding: 24px 42px 42px; border: none; background: #f8f8f8; border-radius: 24px; box-sizing: border-box; overflow: visible; } body.r100f-single-recipe-figma #comments.r100f-comments-figma .comment #respond { margin: 0; padding: 0; border: none; background: transparent; border-radius: 0; } body.r100f-single-recipe-figma #comments.r100f-comments-figma .comment-form { margin: 0; } body.r100f-single-recipe-figma .r100f-comments-figma__form-card { width: 100%; max-width: 887px; padding: 0; background: transparent; border-radius: 0; box-sizing: border-box; overflow: visible; } body.r100f-single-recipe-figma .r100f-comments-figma__intro { position: relative; display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-end; width: 100%; max-width: 803px; margin: 0 0 0 auto; padding-bottom: 42px; overflow: visible; } body.r100f-single-recipe-figma .r100f-comments-figma__photo { position: absolute; left: 12px; top: -139px; width: 250px; transform: rotate(-8deg); z-index: 1; } body.r100f-single-recipe-figma .r100f-comments-figma__photo-img { display: block; width: 250px; height: 250px; border: 12px solid #fff; border-radius: 4px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15); object-fit: cover; } body.r100f-single-recipe-figma .r100f-comments-figma__cta { max-width: 100%; text-align: left; } body.r100f-single-recipe-figma .r100f-comments-figma__cta-line { margin: 0; font-family: var(--r100-font-script); font-size: 36px; font-weight: 400; line-height: 48px; letter-spacing: 2px; color: #000; white-space: nowrap; } body.r100f-single-recipe-figma .r100f-comments-figma__cta-line--first { margin-bottom: 0; } body.r100f-single-recipe-figma .r100f-comments-figma__form-body { width: 100%; max-width: 887px; padding: 0; box-sizing: border-box; } body.r100f-single-recipe-figma .r100f-comment-form { display: flex; flex-direction: column; gap: 24px; margin: 0; } body.r100f-single-recipe-figma #comments.r100f-comments-figma #reply-title.comment-reply-title { order: 0; margin: 0; padding: 0; border: 0; font-family: var(--r100-font-body); font-size: 28px; font-weight: 500; line-height: 35px; letter-spacing: 2px; text-transform: uppercase; color: #000; } body.r100f-single-recipe-figma #comments.r100f-comments-figma #reply-title.comment-reply-title small { display: block; margin-top: 8px; font-size: 14px; font-weight: 400; letter-spacing: 0; text-transform: none; } body.r100f-single-recipe-figma .r100f-comment-field--author { order: 1; } body.r100f-single-recipe-figma .r100f-comment-field--email { order: 2; } body.r100f-single-recipe-figma .r100f-comment-field--message { order: 3; } body.r100f-single-recipe-figma .r100f-comment-submit { order: 4; margin: 0; } body.r100f-single-recipe-figma #comments.r100f-comments-figma .r100f-comment-field input, body.r100f-single-recipe-figma #comments.r100f-comments-figma .r100f-comment-field textarea { width: 100%; box-sizing: border-box; margin: 0; padding: 12px; border: none; border-radius: 12px; background: #fff; font-family: var(--r100-font-body); font-size: 13px; line-height: normal; color: var(--r100-text); box-shadow: none; } body.r100f-single-recipe-figma #comments.r100f-comments-figma .r100f-comment-field input::placeholder, body.r100f-single-recipe-figma #comments.r100f-comments-figma .r100f-comment-field textarea::placeholder { color: #757575; } body.r100f-single-recipe-figma #comments.r100f-comments-figma .r100f-comment-field textarea { min-height: 119px; resize: vertical; } body.r100f-single-recipe-figma #comments.r100f-comments-figma #submit_comment { transition: opacity 0.2s ease; } body.r100f-single-recipe-figma #comments.r100f-comments-figma #submit_comment:hover { opacity: 0.9; } /* Annule colonnes / grilles Bridge si un filtre les réinjecte */ body.r100f-single-recipe-figma #comments.r100f-comments-figma .three_columns, body.r100f-single-recipe-figma #comments.r100f-comments-figma .three_columns .column1, body.r100f-single-recipe-figma #comments.r100f-comments-figma .three_columns .column2, body.r100f-single-recipe-figma #comments.r100f-comments-figma .three_columns .column3 { display: block; float: none; width: 100%; margin: 0; padding: 0; } body.r100f-single-recipe-figma #comments.r100f-comments-figma .three_columns .column_inner { padding: 0; } /* --- Liste de commentaires --- */ body.r100f-single-recipe-figma .r100f-comments-figma__list { display: flex; flex-direction: column; align-items: flex-end; gap: 12px; width: 100%; max-width: 888px; margin: 0; } body.r100f-single-recipe-figma .r100f-comments-figma__list .comment-list { display: flex; flex-direction: column; align-items: flex-end; gap: 12px; width: 100%; margin: 0; padding: 0; list-style: none; } body.r100f-single-recipe-figma .r100f-comments-figma__list .comment-list > li.r100f-comment-item { display: block; position: static; width: 100%; max-width: 888px; margin: 0; padding: 0; list-style: none; background: transparent; border: none; border-radius: 0; } /* Figma 261:2046 — carte commentaire (div interne, pas le li.comment WP) */ body.r100f-single-recipe-figma #comments.r100f-comments-figma .r100f-comments-figma__list .r100f-comment-card { display: flex; gap: 42px; align-items: center; width: 100%; margin: 0; padding: 23px 28px; background: #fff9ea !important; border: none; border-radius: 24px; box-sizing: border-box; } body.r100f-single-recipe-figma #comments.r100f-comments-figma .r100f-comments-figma__list .r100f-comment-card .comment-respond { margin-top: 20px; padding: 0; background: transparent; } body.r100f-single-recipe-figma .r100f-comments-figma__list .r100f-comment-card .image { float: none !important; flex: 0 0 75px; width: 75px; height: 75px; } body.r100f-single-recipe-figma .r100f-comments-figma__list .r100f-comment-card .text { flex: 1 1 auto; min-width: 0; padding: 0 !important; min-height: 0; } body.r100f-single-recipe-figma .r100f-comments-figma__list .children { display: flex; flex-direction: column; align-items: flex-end; gap: 12px; width: 100%; max-width: 807px; margin: 12px 0 0; padding: 0; list-style: none; } body.r100f-single-recipe-figma .r100f-comments-figma__list .children > li.r100f-comment-item { display: block; width: 100%; max-width: 807px; margin: 0; padding: 0; background: transparent; } body.r100f-single-recipe-figma .r100f-comments-figma__list .children .r100f-comment-card { width: 100%; max-width: 807px; } body.r100f-single-recipe-figma .r100f-comment-avatar { flex: 0 0 75px; width: 75px; height: 75px; border-radius: 75px; overflow: hidden; position: relative; } /* Figma 261:2051 — initiales dans un cercle vert */ body.r100f-single-recipe-figma .r100f-comment-avatar--initials { display: flex; align-items: center; justify-content: center; } body.r100f-single-recipe-figma .r100f-comment-avatar__initials { display: flex; align-items: center; justify-content: center; width: 65px; height: 65px; border-radius: 500px; background: #eaf9da; font-family: Raleway, var(--r100-font-body); font-size: 24px; font-weight: 300; line-height: 26px; color: #45981a; text-align: center; } /* Figma 261:2065 — logo Recettes100faim (réponse officielle) */ body.r100f-single-recipe-figma .r100f-comment-avatar--logo { background: #fff; } body.r100f-single-recipe-figma .r100f-comment-avatar__logo { display: block; width: 100%; height: 100%; border-radius: 75px; object-fit: cover; } body.r100f-single-recipe-figma .r100f-comment-meta { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; width: 100%; margin-bottom: 12px; } body.r100f-single-recipe-figma .r100f-comment-meta--site { justify-content: flex-start; } body.r100f-single-recipe-figma .r100f-comment-meta__line { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; gap: 24px; min-width: 0; } body.r100f-single-recipe-figma .r100f-comments-figma__list .r100f-comment-card .name { display: block; margin: 0; font-family: var(--r100-font-body); font-size: 18px; font-weight: 500; line-height: 23.57px; letter-spacing: 1px; color: var(--r100-text); text-transform: none; white-space: nowrap; } body.r100f-single-recipe-figma .r100f-comments-figma__list .r100f-comment-card .name a { color: inherit; text-decoration: none; } body.r100f-single-recipe-figma .r100f-comments-figma__list .r100f-comment-card .comment_date { display: block; font-family: var(--r100-font-body); font-size: 16px; font-weight: 400; line-height: 26px; color: #a6a6a6; white-space: nowrap; } body.r100f-single-recipe-figma .r100f-comment-reply { flex: 0 0 auto; } body.r100f-single-recipe-figma .r100f-comments-figma__list .r100f-comment-card .text .comment-reply-link, body.r100f-single-recipe-figma .r100f-comments-figma__list .r100f-comment-card .text .replay { padding: 0; font-size: inherit; color: inherit; } body.r100f-single-recipe-figma .r100f-comment-reply a { display: inline-flex; align-items: center; gap: 6px; font-family: var(--r100-font-body); font-size: 12px; font-weight: 700; line-height: 26px; letter-spacing: 0; text-transform: uppercase; color: var(--r100-text) !important; text-decoration: none; } body.r100f-single-recipe-figma .r100f-comment-reply__icon { display: inline-block; width: 24px; height: 24px; background: url("../images/recipe-meta/icon-reply-arrow.svg") center / contain no-repeat; transform: rotate(90deg); } body.r100f-single-recipe-figma .r100f-comments-figma__list .text_holder, body.r100f-single-recipe-figma .r100f-comments-figma__list .text_holder p { margin: 0; font-family: var(--r100-font-body); font-size: 16px; font-weight: 300; line-height: 26px; color: var(--r100-text); } body.r100f-single-recipe-figma .r100f-comments-figma__pager { margin-top: 24px; text-align: center; } /* --- Sidebar recette : aside allégée (widgets block-2 + custom_html-4 uniquement) --- */ body.r100f-single-recipe-figma aside.sidebar { background: transparent !important; padding: 0 !important; border: none !important; margin-bottom: 0 !important; box-shadow: none !important; } body.r100f-single-recipe-figma aside.sidebar .widget { margin: 0 0 24px; padding-bottom: 0; border-bottom: none; } body.r100f-single-recipe-figma aside.sidebar .widget:last-child { margin-bottom: 0; } body.r100f-single-recipe-figma aside.sidebar .widget h5 { margin: 0 0 12px; font-family: var(--r100-font-body); font-size: 14px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; color: var(--r100-text); } /* ========================================================================== Avant articles liés — Figma 261:1335 (auteur + pub, puis 261:1336) ========================================================================== */ body.r100f-single-recipe-figma .r100f-before-related { display: flex; flex-direction: column; align-items: center; width: 100%; margin: 0; padding: 96px 0; box-sizing: border-box; } body.r100f-single-recipe-figma .r100f-before-related__inner { display: flex; justify-content: center; width: 100%; max-width: 1183px; } body.r100f-single-recipe-figma .r100f-before-related-extra { width: 100%; max-width: 1183px; margin: 24px auto 0; } /* ========================================================================== Bloc auteur + pub — Figma 261:2216 (.author_description + block-2) ========================================================================== */ body.r100f-single-recipe-figma .r100f-recipe-author-row { display: flex; align-items: center; gap: 113px; width: 100%; max-width: 100%; margin: 48px 0 0; box-sizing: border-box; } body.r100f-single-recipe-figma .r100f-before-related .r100f-recipe-author-row { margin-top: 0; } body.r100f-single-recipe-figma .author_description.r100f-author-figma, body.r100f-single-recipe-figma .r100f-recipe-author-row > .author_description:not(.r100f-author-figma), body.r100f-single-recipe-figma .r100f-before-related .author_description:not(.r100f-author-figma) { display: block; flex: 0 1 810px; width: 100%; max-width: 810px; min-width: 0; margin: 0; padding: 24px !important; background: #f4f4f4 !important; border: none !important; border-radius: 24px !important; box-shadow: none !important; box-sizing: border-box; } body.r100f-single-recipe-figma .author_description:not(.r100f-author-figma) .author_email { display: none; } body.r100f-single-recipe-figma .r100f-author-figma__inner { display: flex; align-items: center; gap: 48px; } body.r100f-single-recipe-figma .r100f-author-figma__image { flex: 0 0 250px; display: flex; align-items: center; justify-content: center; width: 250px; height: 250px; border-radius: 75px; overflow: hidden; float: none; } body.r100f-single-recipe-figma .r100f-author-figma__photo { display: block; width: 200px; height: 200px; border-radius: 500px; object-fit: cover; object-position: center top; } body.r100f-single-recipe-figma .r100f-author-figma__content { flex: 1 1 auto; min-width: 0; min-height: 100px; padding: 0 !important; position: static; } body.r100f-single-recipe-figma .r100f-author-figma .author_name { margin: 0 0 12px; font-family: var(--r100-font-script) !important; font-size: 38px !important; font-weight: 400 !important; line-height: 42px !important; letter-spacing: 1px; text-transform: uppercase; color: var(--r100-text) !important; } body.r100f-single-recipe-figma .r100f-author-figma .author_name a, body.r100f-single-recipe-figma .r100f-author-figma .author_name .fn { color: inherit; text-decoration: none; } body.r100f-single-recipe-figma .r100f-author-figma__role { margin: 0 0 12px; padding-top: 3px; font-family: var(--r100-font-body); font-size: 22px; font-weight: 600; line-height: 26px; color: var(--r100-text); } body.r100f-single-recipe-figma .r100f-author-figma .author_email { display: none; } body.r100f-single-recipe-figma .r100f-author-figma__bio, body.r100f-single-recipe-figma .r100f-author-figma__bio p { margin: 0 0 12px; font-family: var(--r100-font-body); font-size: 18px; font-weight: 300; line-height: 28px; color: var(--r100-text); } body.r100f-single-recipe-figma .r100f-author-figma__socials { display: flex; flex-wrap: wrap; gap: 12px; margin: 0; padding: 0; list-style: none; } body.r100f-single-recipe-figma .r100f-author-figma__socials li { margin: 0; padding: 0; list-style: none; } body.r100f-single-recipe-figma .r100f-author-figma__social { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 18px; background: var(--r100-peach); color: var(--r100-text); text-decoration: none; transition: opacity 0.2s ease; } body.r100f-single-recipe-figma .r100f-author-figma__social:hover { opacity: 0.85; } body.r100f-single-recipe-figma .r100f-author-figma__social svg, body.r100f-single-recipe-figma .r100f-author-figma__social .r100f-footer__social-svg { display: block; width: 18px; height: 18px; } body.r100f-single-recipe-figma .r100f-recipe-author-ad { flex: 0 0 260px; display: flex; flex-direction: column; align-items: flex-start; gap: 20px; width: 260px; min-width: 0; padding-bottom: 41px; box-sizing: border-box; } body.r100f-single-recipe-figma .r100f-recipe-author-ad__label { margin: 0; font-family: var(--r100-font-script); font-size: 15px; font-weight: 400; line-height: 23.57px; letter-spacing: 1px; color: var(--r100-text); } body.r100f-single-recipe-figma .r100f-recipe-author-ad__creative { width: 100%; } body.r100f-single-recipe-figma .r100f-recipe-author-ad .widget { margin: 0; padding: 0; background: transparent; border: none; box-shadow: none; } body.r100f-single-recipe-figma .r100f-recipe-author-ad .widget h5, body.r100f-single-recipe-figma .r100f-recipe-author-ad .widget > p:first-child { display: none; } body.r100f-single-recipe-figma .r100f-recipe-author-ad .widget img { display: block; width: 260px; max-width: 100%; height: auto; } body.r100f-single-recipe-figma .r100f-recipe-author-ad .widget a { display: block; line-height: 0; } /* Ancien widget Gutenberg block-11 (colonnes) — masqué si encore présent */ body.r100f-single-recipe-figma .r100f-before-related-widget.block-11, body.r100f-single-recipe-figma #block-11.r100f-before-related-widget { display: none !important; } @media (max-width: 991px) { body.r100f-single-recipe-figma .r100f-before-related { padding: 48px 16px 0; } body.r100f-single-recipe-figma .r100f-recipe-author-row { flex-direction: column; align-items: stretch; margin-top: 32px; gap: 24px; } body.r100f-single-recipe-figma .r100f-before-related .r100f-recipe-author-row { margin-top: 0; } body.r100f-single-recipe-figma .r100f-recipe-author-ad { flex: 0 0 auto; width: 100%; max-width: 320px; margin: 0 auto; padding-bottom: 0; } body.r100f-single-recipe-figma .author_description.r100f-author-figma { flex: 1 1 auto; max-width: 100%; margin-top: 0; } body.r100f-single-recipe-figma .r100f-recipe-author-ad { justify-content: center; } body.r100f-single-recipe-figma .r100f-author-figma__inner { flex-direction: column; align-items: center; gap: 24px; text-align: center; } body.r100f-single-recipe-figma .r100f-author-figma__image { flex: 0 0 auto; } body.r100f-single-recipe-figma .r100f-author-figma__socials { justify-content: center; } body.r100f-single-recipe-figma .r100f-author-figma .author_name { font-size: 32px !important; line-height: 1.15 !important; } body.r100f-single-recipe-figma .r100f-author-figma__role, body.r100f-single-recipe-figma .r100f-author-figma__bio, body.r100f-single-recipe-figma .r100f-author-figma__bio p { font-size: 18px; line-height: 28px; } } @media (max-width: 991px) { body.r100f-single-recipe-figma #comments.r100f-comments-figma { padding-top: 48px; } body.r100f-single-recipe-figma .r100f-comments-figma__inner { padding: 0 16px; } body.r100f-single-recipe-figma #comments.r100f-comments-figma .r100f-comments-figma__form-body #respond { padding: 20px; } body.r100f-single-recipe-figma .r100f-comments-figma__intro { align-items: center; max-width: 100%; margin: 0; padding-top: 200px; padding-bottom: 16px; } body.r100f-single-recipe-figma .r100f-comments-figma__photo { position: absolute; left: 50%; top: -20px; width: 180px; margin: 0; transform: translateX(-50%) rotate(-4deg); } body.r100f-single-recipe-figma .r100f-comments-figma__photo-img { width: 180px; height: 180px; } body.r100f-single-recipe-figma .r100f-comments-figma__cta { text-align: center; } body.r100f-single-recipe-figma .r100f-comments-figma__cta-line { font-size: 28px; line-height: 1.2; white-space: normal; } body.r100f-single-recipe-figma .r100f-comments-figma__form-body { max-width: 100%; } body.r100f-single-recipe-figma #comments.r100f-comments-figma .r100f-comments-figma__list .r100f-comment-card { flex-direction: column; align-items: flex-start; gap: 16px; } body.r100f-single-recipe-figma .r100f-comments-figma__list .children { max-width: 100%; padding-left: 16px; box-sizing: border-box; } body.r100f-single-recipe-figma .r100f-comment-meta { flex-direction: column; align-items: flex-start; gap: 12px; width: 100%; } body.r100f-single-recipe-figma .r100f-comment-meta__line { flex-wrap: wrap; gap: 8px 16px; } body.r100f-single-recipe-figma .r100f-comments-figma__list .r100f-comment-card .name, body.r100f-single-recipe-figma .r100f-comments-figma__list .r100f-comment-card .comment_date { white-space: normal; } } /* ========================================================================== Articles liés — Figma 261:1336 (.related-post.grid) ========================================================================== */ body.r100f-single-recipe-figma .related-post.r100f-related-figma, body.r100f-single-recipe-figma .related-post.grid:not(.r100f-related-figma) { clear: both; margin: 96px 0; padding: 0; box-sizing: border-box; } @media (max-width: 991px) { body.r100f-single-recipe-figma .related-post.r100f-related-figma, body.r100f-single-recipe-figma .related-post.grid:not(.r100f-related-figma) { margin-top: 48px; padding: 0 16px; } } body.r100f-single-recipe-figma .related-post.r100f-related-figma .headline { position: relative; margin: 0 0 32px !important; padding: 0 0 0 85px; border: none !important; background: transparent !important; font-family: var(--r100-font-script) !important; font-size: 38px !important; font-weight: 400 !important; line-height: 39px !important; letter-spacing: 1px; text-transform: none !important; color: var(--r100-text-dark, #28221c) !important; text-align: left; } body.r100f-single-recipe-figma .related-post.r100f-related-figma .headline .r100f-related-figma__hl { position: relative; z-index: 1; white-space: nowrap; } body.r100f-single-recipe-figma .related-post.r100f-related-figma .headline .r100f-related-figma__hl::before { content: ""; position: absolute; left: -4px; right: -4px; bottom: 2px; height: 12px; background: var(--r100-green-highlight, #d4e88c); border-radius: 24px; z-index: -1; } body.r100f-single-recipe-figma .related-post.r100f-related-figma .r100f-related-figma__carousel { display: flex; align-items: center; gap: 16px; width: 100%; } body.r100f-single-recipe-figma .related-post.r100f-related-figma .r100f-related-figma__owl-wrap { flex: 1 1 auto; min-width: 0; } body.r100f-single-recipe-figma .related-post.r100f-related-figma .r100f-related-figma__owl.owl-carousel { width: 100%; } body.r100f-single-recipe-figma .related-post.r100f-related-figma .r100f-related-figma__owl .owl-stage-outer { overflow: hidden; } body.r100f-single-recipe-figma .related-post.r100f-related-figma .r100f-related-figma__owl .owl-item { float: left; } body.r100f-single-recipe-figma .related-post.r100f-related-figma .r100f-related-figma__nav { flex: 0 0 44px; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 22px; background: rgba(159, 204, 0, 0.65); cursor: pointer; position: relative; transition: opacity 0.2s ease, transform 0.2s ease; } body.r100f-single-recipe-figma .related-post.r100f-related-figma .r100f-related-figma__nav::before { content: ""; position: absolute; left: 50%; top: 50%; width: 8px; height: 8px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; transform: translate(-35%, -50%) rotate(45deg); } body.r100f-single-recipe-figma .related-post.r100f-related-figma .r100f-related-figma__nav--next::before { transform: translate(-65%, -50%) rotate(-135deg); } body.r100f-single-recipe-figma .related-post.r100f-related-figma .r100f-related-figma__nav:hover, body.r100f-single-recipe-figma .related-post.r100f-related-figma .r100f-related-figma__nav:focus { opacity: 0.9; transform: scale(1.04); } body.r100f-single-recipe-figma .related-post.r100f-related-figma .post-list .item { display: grid !important; grid-template-columns: 1fr auto; grid-template-rows: auto auto; grid-template-areas: "thumb thumb" "title time"; width: 100% !important; max-width: 400px; margin: 0 !important; padding: 0 !important; overflow: hidden; vertical-align: top; background: #fff !important; border: none !important; border-radius: 12px !important; box-shadow: none !important; box-sizing: border-box; } body.r100f-single-recipe-figma .related-post.r100f-related-figma .post-list .item .post_thumb { grid-area: thumb; position: relative; margin: 0 !important; padding: 0 !important; overflow: hidden; border-radius: 12px; } body.r100f-single-recipe-figma .related-post.r100f-related-figma .post-list .item .post_thumb a { display: block; line-height: 0; } body.r100f-single-recipe-figma .related-post.r100f-related-figma .post-list .item .post_thumb img { display: block; width: 100%; height: auto; aspect-ratio: 400 / 225; object-fit: cover; border-radius: 12px; } body.r100f-single-recipe-figma .related-post.r100f-related-figma .r100f-related-figma__badge { position: absolute; top: 13px; left: 12px; z-index: 2; display: inline-flex; align-items: center; justify-content: center; min-height: 28px; padding: 4px 24px; background: #fff; border: 1px solid #a6cd79; border-radius: 24px; font-family: var(--r100-font-cta); font-size: 14px; font-weight: 600; line-height: 1.2; letter-spacing: 1px; text-transform: capitalize; color: var(--r100-text-dark, #28221c); pointer-events: none; } body.r100f-single-recipe-figma .related-post.r100f-related-figma .post-list .item .post_title { grid-area: title; align-self: end; margin: 0 !important; padding: 12px 0 12px 12px !important; font-family: var(--r100-font-body) !important; font-size: 16px !important; font-weight: 500 !important; line-height: 24px !important; letter-spacing: 1px; /* text-transform: capitalize; */ color: var(--r100-text-dark, #28221c) !important; text-decoration: none !important; } body.r100f-single-recipe-figma .related-post.r100f-related-figma .post-list .item .post_excerpt.r100f-related-figma__duration { grid-area: time; display: flex !important; align-items: center; justify-content: flex-end; gap: 6px; margin: 0 !important; padding: 12px 12px 12px 0 !important; font-family: var(--r100-font-body, "Inter", sans-serif) !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1 !important; letter-spacing: 1px; color: var(--r100-text-dark, #28221c) !important; white-space: nowrap; } body.r100f-single-recipe-figma .related-post.r100f-related-figma .r100f-related-figma__duration-icon { flex: 0 0 19px; width: 19px; height: 19px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2328221c' stroke-width='1.75'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") center / contain no-repeat; } body.r100f-single-recipe-figma .related-post.r100f-related-figma .owl-nav, body.r100f-single-recipe-figma .related-post.r100f-related-figma .owl-dots { display: none !important; } @media (max-width: 991px) { body.r100f-single-recipe-figma .related-post.r100f-related-figma .headline { position: relative; margin: 0; padding: 0; font-size: 32px !important; line-height: 1.15 !important; } body.r100f-single-recipe-figma .related-post.r100f-related-figma .r100f-related-figma__carousel { flex-wrap: wrap; } body.r100f-single-recipe-figma .related-post.r100f-related-figma .r100f-related-figma__owl-wrap { order: 1; flex-basis: 100%; } body.r100f-single-recipe-figma .related-post.r100f-related-figma .r100f-related-figma__nav { order: 2; } } /* ========================================================================== Template « Image in title » + contenu article (sans .ingredients) ========================================================================== */ body.r100f-single-recipe-figma .itp_post_text, body.r100f-single-recipe-figma .itp_post_text .post_text_inner { font-family: var(--r100-font-body); color: var(--r100-text); } body.r100f-single-recipe-figma .post_text_inner .wpb_text_column .wpb_wrapper > h2, body.r100f-single-recipe-figma .post_text_inner .wpb_text_column .wpb_wrapper > h3 { position: relative; z-index: 0; display: inline-block; width: fit-content; max-width: 100%; isolation: isolate; margin: 0 0 32px; padding: 0 5px 0 0; border: 0; font-family: var(--r100-font-script) !important; font-size: 38px !important; font-weight: 400 !important; line-height: 39px !important; letter-spacing: 1px; color: var(--r100-text-dark) !important; text-align: left !important; text-transform: none !important; } body.r100f-single-recipe-figma.r100f-single-article-figma .post_text_inner .wpb_text_column .wpb_wrapper > h2::after, body.r100f-single-recipe-figma.r100f-single-article-figma .post_text_inner .wpb_text_column .wpb_wrapper > h3::after { content: ""; position: absolute; left: 0; top: 27px; z-index: -1; width: 220px; max-width: 100%; height: 12px; background: var(--r100-green-highlight); border-radius: 24px; } body.r100f-single-recipe-figma .post_text_inner .wpb_text_column .wpb_wrapper > p { margin: 0 0 24px; font-size: 16px; line-height: 28px; color: var(--r100-text); text-align: left !important; } body.r100f-single-recipe-figma .post_text_inner .wpb_text_column .wpb_wrapper > p:last-child { margin-bottom: 0; } body.r100f-single-recipe-figma .post_text_inner .wpb_text_column .wpb_wrapper > ul:not(:last-child) { margin: 0 0 24px; padding: 0; list-style: none; } body.r100f-single-recipe-figma .post_text_inner .wpb_text_column .wpb_wrapper > ul > li { position: relative; margin: 0 0 12px; padding-left: 20px; font-size: 16px; line-height: 26px; color: var(--r100-text); list-style: none !important; } body.r100f-single-recipe-figma .post_text_inner .wpb_text_column .wpb_wrapper > ul > li::before { content: "" !important; display: block !important; position: absolute; left: 0; top: 8px; width: 10px !important; height: 10px !important; margin: 0 !important; border-radius: 20px; background: var(--r100-peach-bullet) !important; } body.r100f-single-recipe-figma .post_text_inner .wpb_text_column .wpb_wrapper a { font-weight: 600; color: var(--r100-link); text-decoration: underline; text-underline-offset: 2px; } body.r100f-single-recipe-figma .post_text_inner .wpb_text_column .wpb_wrapper strong { font-weight: 700; } /* ========================================================= * En-tête recette Figma 261:1126 + 261:1136 * ======================================================= */ body.r100f-single-recipe-only-figma .post_content_holder > .post_image, body.r100f-single-article-only-figma .post_content_holder > .post_image, body.r100f-single-recipe-only-figma.single_image_title_post .post_content_holder > .post_image, body.r100f-single-article-only-figma.single_image_title_post .post_content_holder > .post_image, body.r100f-single-recipe-only-figma .post_text_inner > .entry_title, body.r100f-single-article-only-figma .post_text_inner > .entry_title, body.r100f-single-recipe-only-figma .post_text_inner > .post_info, body.r100f-single-article-only-figma .post_text_inner > .post_info { display: none !important; } /* Corps WPBakery sous l’en-tête Figma */ body.r100f-single-recipe-only-figma .r100f-recipe-body, body.r100f-single-article-only-figma .r100f-recipe-body, body.r100f-single-recipe-only-figma .post_content_holder .post_text, body.r100f-single-article-only-figma .post_content_holder .post_text, body.r100f-single-recipe-only-figma .post_content_holder .itp_post_text, body.r100f-single-article-only-figma .post_content_holder .itp_post_text { display: block !important; visibility: visible !important; opacity: 1 !important; width: 100% !important; max-width: 1260px; margin: 0 auto; padding: 0 var(--r100-page-gutter); box-sizing: border-box; clear: both; overflow: visible !important; } :is(body.r100f-single-recipe-only-figma, body.r100f-single-article-only-figma) .r100f-recipe-body .post_text, :is(body.r100f-single-recipe-only-figma, body.r100f-single-article-only-figma) .r100f-recipe-body .post_text_inner { width: 100% !important; max-width: 100%; padding-left: 0 !important; padding-right: 0 !important; } :is(body.r100f-single-recipe-only-figma, body.r100f-single-article-only-figma) .post_content_holder .post_text_inner, :is(body.r100f-single-recipe-only-figma, body.r100f-single-article-only-figma) .r100f-recipe-body .post_text_inner { padding-top: 0 !important; overflow: visible !important; min-height: 1px; } :is(body.r100f-single-recipe-only-figma, body.r100f-single-article-only-figma) .r100f-recipe-body .vc_row, :is(body.r100f-single-recipe-only-figma, body.r100f-single-article-only-figma) .r100f-recipe-body .wpb_row, :is(body.r100f-single-recipe-only-figma, body.r100f-single-article-only-figma) .post_text_inner > .vc_row, :is(body.r100f-single-recipe-only-figma, body.r100f-single-article-only-figma) .post_text_inner > .wpb_row { display: block !important; visibility: visible !important; opacity: 1 !important; } :is(body.r100f-single-recipe-only-figma, body.r100f-single-article-only-figma) .r100f-recipe-header { width: 100%; max-width: 1260px; margin: 0 auto 40px; padding: 0 var(--r100-page-gutter); box-sizing: border-box; } /* Fil d’Ariane — 261:1126 */ :is(body.r100f-single-recipe-only-figma, body.r100f-single-article-only-figma) .r100f-recipe-breadcrumb { margin: 0 0 24px; } :is(body.r100f-single-recipe-only-figma, body.r100f-single-article-only-figma) .r100f-recipe-breadcrumb__list { display: flex; flex-wrap: wrap; align-items: center; gap: 0; margin: 0; padding: 0; list-style: none; font-family: var(--r100-font-body); font-size: 14px; line-height: 26px; letter-spacing: 1px; color: #555; } :is(body.r100f-single-recipe-only-figma, body.r100f-single-article-only-figma) .r100f-recipe-breadcrumb__item { display: inline-flex; align-items: center; } :is(body.r100f-single-recipe-only-figma, body.r100f-single-article-only-figma) .r100f-recipe-breadcrumb__item:not(:last-child)::after { content: ">"; margin: 0 0.35em; color: #555; font-weight: 400; } :is(body.r100f-single-recipe-only-figma, body.r100f-single-article-only-figma) .r100f-recipe-breadcrumb__link { font-weight: 600; color: #555; text-decoration: none; } :is(body.r100f-single-recipe-only-figma, body.r100f-single-article-only-figma) .r100f-recipe-breadcrumb__link:hover { text-decoration: underline; } :is(body.r100f-single-recipe-only-figma, body.r100f-single-article-only-figma) .r100f-recipe-breadcrumb__text { font-weight: 600; color: #555; } :is(body.r100f-single-recipe-only-figma, body.r100f-single-article-only-figma) .r100f-recipe-breadcrumb__item--current .r100f-recipe-breadcrumb__text { font-weight: 400; } /* Hero — 261:1136 */ :is(body.r100f-single-recipe-only-figma, body.r100f-single-article-only-figma) .r100f-recipe-header__hero { display: flex; flex-wrap: wrap; gap: 36px; align-items: flex-start; } :is(body.r100f-single-recipe-only-figma, body.r100f-single-article-only-figma) .r100f-recipe-header__media { flex: 0 1 700px; max-width: 100%; min-width: 0; border-radius: 24px; overflow: hidden; } :is(body.r100f-single-recipe-only-figma, body.r100f-single-article-only-figma) .r100f-recipe-header__img { display: block; width: 100%; height: auto; min-height: 280px; max-height: 394px; object-fit: cover; border-radius: 24px; } :is(body.r100f-single-recipe-only-figma, body.r100f-single-article-only-figma) .r100f-recipe-header__body { flex: 1 1 280px; min-width: 0; display: flex; flex-direction: column; gap: 48px; align-items: flex-start; } :is(body.r100f-single-recipe-only-figma, body.r100f-single-article-only-figma) .r100f-recipe-header__main { display: flex; flex-direction: column; align-items: flex-start; gap: 28px; width: 100%; } :is(body.r100f-single-recipe-only-figma, body.r100f-single-article-only-figma) .r100f-recipe-header__title { margin: 0; font-family: var(--r100-font-script); font-size: 52px; font-weight: 400; line-height: 56px; letter-spacing: 2px; color: var(--r100-text-title); text-transform: none; } /* Badges */ :is(body.r100f-single-recipe-only-figma, body.r100f-single-article-only-figma) .r100f-recipe-badges { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; } :is(body.r100f-single-recipe-only-figma, body.r100f-single-article-only-figma) .r100f-badge { display: inline-flex; align-items: center; gap: 10px; height: 28px; padding: 8px 12px; border-radius: 24px; font-family: var(--r100-font-body); font-size: 14px; font-weight: 400; line-height: 18px; letter-spacing: 1px; text-decoration: none; white-space: nowrap; box-sizing: border-box; } :is(body.r100f-single-recipe-only-figma, body.r100f-single-article-only-figma) .r100f-badge--category { background: var(--r100-peach); color: var(--r100-text); text-transform: capitalize; } :is(body.r100f-single-recipe-only-figma, body.r100f-single-article-only-figma) .r100f-badge--tag { background: #e8e8e6; color: var(--r100-text); text-transform: capitalize; } :is(body.r100f-single-recipe-only-figma, body.r100f-single-article-only-figma) .r100f-badge--cooking { background: #e8e8e6; color: var(--r100-text); } :is(body.r100f-single-recipe-only-figma, body.r100f-single-article-only-figma) .r100f-badge--video { background: #e8e8e6; color: var(--r100-text); } :is(body.r100f-single-recipe-only-figma, body.r100f-single-article-only-figma) .r100f-badge__icon { display: inline-flex; width: 24px; height: 24px; flex-shrink: 0; } :is(body.r100f-single-recipe-only-figma, body.r100f-single-article-only-figma) .r100f-badge__icon svg { width: 100%; height: 100%; } /* Méta-données */ :is(body.r100f-single-recipe-only-figma, body.r100f-single-article-only-figma) .r100f-recipe-meta { display: flex; flex-wrap: wrap; gap: 32px; align-items: center; } :is(body.r100f-single-recipe-only-figma, body.r100f-single-article-only-figma) .r100f-meta-item { display: flex; flex-direction: column; align-items: center; gap: 6px; min-width: 0; text-align: center; } :is(body.r100f-single-recipe-only-figma, body.r100f-single-article-only-figma) .r100f-meta-item__icon { display: flex; width: 36px; height: 36px; align-items: center; justify-content: center; flex-shrink: 0; } :is(body.r100f-single-recipe-only-figma, body.r100f-single-article-only-figma) .r100f-meta-item__icon svg { width: 36px; height: 36px; } :is(body.r100f-single-recipe-only-figma, body.r100f-single-article-only-figma) .r100f-meta-item__label { font-family: var(--r100-font-body); font-size: 12px; font-weight: 600; line-height: 16px; color: var(--r100-text); letter-spacing: 1px; text-transform: none; } :is(body.r100f-single-recipe-only-figma, body.r100f-single-article-only-figma) .r100f-meta-item__value { font-family: var(--r100-font-body); font-size: 12px; font-weight: 400; line-height: 16px; color: var(--r100-text); letter-spacing: 1px; } /* Bouton PDF — 500:10455 */ :is(body.r100f-single-recipe-only-figma, body.r100f-single-article-only-figma) .r100f-recipe-pdf-wrap { margin: 0; } :is(body.r100f-single-recipe-only-figma, body.r100f-single-article-only-figma) .r100f-btn-pdf { display: inline-flex; align-items: center; gap: 12px; height: 41px; padding: 2.5px 19px; border: 1px solid var(--r100-btn); border-radius: 30px; background: var(--r100-btn); color: #fff; font-family: var(--r100-font-cta); font-size: 12px; font-weight: 700; line-height: 36px; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; white-space: nowrap; cursor: pointer; transition: background 0.2s, color 0.2s; } :is(body.r100f-single-recipe-only-figma, body.r100f-single-article-only-figma) .r100f-btn-pdf:hover { background: transparent; color: var(--r100-btn); } :is(body.r100f-single-recipe-only-figma, body.r100f-single-article-only-figma) .r100f-btn-pdf__icon { display: inline-flex; width: 24px; height: 24px; flex-shrink: 0; } :is(body.r100f-single-recipe-only-figma, body.r100f-single-article-only-figma) .r100f-btn-pdf__icon svg { width: 100%; height: 100%; } :is(body.r100f-single-recipe-only-figma, body.r100f-single-article-only-figma) .r100f-btn-pdf:hover .r100f-btn-pdf__icon svg path { fill: var(--r100-btn); } @media (max-width: 900px) { :is(body.r100f-single-recipe-only-figma, body.r100f-single-article-only-figma) .r100f-recipe-header__hero { flex-direction: column; } :is(body.r100f-single-recipe-only-figma, body.r100f-single-article-only-figma) .r100f-recipe-header__media { flex: 1 1 100%; width: 100%; order: 2; } :is(body.r100f-single-recipe-only-figma, body.r100f-single-article-only-figma) .r100f-recipe-header__title { font-size: 32px; line-height: 42px; } :is(body.r100f-single-recipe-only-figma, body.r100f-single-article-only-figma) .r100f-recipe-header__body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 48px; align-items: flex-start; } :is(body.r100f-single-recipe-only-figma, body.r100f-single-article-only-figma) .r100f-recipe-header__img { display: block; width: 100%; height: auto; min-height: 215px; max-height: 215px; object-fit: cover; border-radius: 24px; } } @media (max-width: 600px) { :is(body.r100f-single-recipe-only-figma, body.r100f-single-article-only-figma) .r100f-recipe-header { padding: 0; margin-bottom: 28px; } :is(body.r100f-single-recipe-only-figma, body.r100f-single-article-only-figma) .r100f-recipe-meta { justify-content: flex-start; gap: 20px 24px; } :is(body.r100f-single-recipe-only-figma, body.r100f-single-article-only-figma) .r100f-btn-pdf { width: 100%; justify-content: center; } } /* ========================================================= * Fin en-tête recette * ======================================================= */ body.r100f-single-recipe-figma .itp_post_text .wpb_single_image img:not(.emoji), body.r100f-single-recipe-figma .post_text_inner .wpb_single_image img:not(.emoji), body.r100f-single-article-figma .r100f-recipe-body .wpb_single_image img:not(.emoji), body.r100f-single-article-figma .r100f-recipe-body img:not(.emoji) { border-radius: 24px; } /* ========================================================================== Single article — contenu éditorial (typographie, tags) ========================================================================== */ body.r100f-single-article-figma .r100f-recipe-body .post_text_inner > h2, body.r100f-single-article-figma .r100f-recipe-body .post_text_inner > h3, body.r100f-single-article-figma .r100f-recipe-body .wpb_text_column .wpb_wrapper > h2, body.r100f-single-article-figma .r100f-recipe-body .wpb_text_column .wpb_wrapper > h3 { position: relative; z-index: 0; display: inline-block; width: fit-content; max-width: 100%; isolation: isolate; margin: 0 0 32px; padding: 0 5px 0 0; border: 0; font-family: var(--r100-font-script) !important; font-size: 38px !important; font-weight: 400 !important; line-height: 39px !important; letter-spacing: 1px; color: var(--r100-text-dark) !important; text-align: left !important; text-transform: none !important; } body.r100f-single-article-figma .r100f-recipe-body .post_text_inner > h2::after, body.r100f-single-article-figma .r100f-recipe-body .post_text_inner > h3::after, body.r100f-single-article-figma .r100f-recipe-body .wpb_text_column .wpb_wrapper > h2::after, body.r100f-single-article-figma .r100f-recipe-body .wpb_text_column .wpb_wrapper > h3::after { content: ""; position: absolute; left: 0; top: 27px; z-index: -1; width: 220px; max-width: 100%; height: 12px; background: var(--r100-green-highlight); border-radius: 24px; } body.r100f-single-article-figma .r100f-recipe-body .post_text_inner > p, body.r100f-single-article-figma .r100f-recipe-body .wpb_text_column .wpb_wrapper > p { margin: 0 0 24px; font-size: 16px; line-height: 35px; color: var(--r100-text); text-align: left !important; } body.r100f-single-article-figma .r100f-recipe-body a { font-weight: 600; color: #ffffff; text-decoration: none; /* text-underline-offset: 2px; */ } body.r100f-single-article-figma .r100f-recipe-body strong { font-weight: 700; } body.r100f-single-article-figma .single_tags { max-width: 1240px; margin: 0; padding: 0 var(--r100-page-gutter); box-sizing: border-box; font-family: var(--r100-font-body); } body.r100f-single-article-figma .single_tags .tags_text h5 { font-family: var(--r100-font-body); font-size: 14px; font-weight: 600; color: var(--r100-text); } /* ===================================================================== Iframes vidéo dans les articles ===================================================================== */ /* Wrapper WPBakery fluid-width */ body.r100f-single-article-figma .r100f-recipe-body .wpb_video_widget .wpb_video_wrapper { position: relative; width: 100%; max-width: 800px; padding-top: 56.25%; height: 0; margin: 0 auto; overflow: hidden; border-radius: 24px; } body.r100f-single-article-figma .r100f-recipe-body .wpb_video_widget .wpb_video_wrapper iframe, body.r100f-single-article-figma .r100f-recipe-body .wpb_video_widget .wpb_video_wrapper > div, body.r100f-single-article-figma .r100f-recipe-body .wpb_video_widget .wpb_video_wrapper .fluid-width-video-wrapper { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding-top: 0 !important; border: 0; } /* iframe directe (ACF, embed, .responsive-iframe) */ body.r100f-single-article-figma .r100f-recipe-body iframe { display: block; width: 100%; max-width: 800px; aspect-ratio: 16 / 9; height: auto; margin: 0 auto; border: 0; border-radius: 24px; } /* ========================================================================== Mobile strict (≤600px) — ajustements ingrédients, préparation, commentaires ========================================================================== */ @media (max-width: 600px) { body.r100f-single-recipe-figma #r100-ingredients .wpb_text_column .wpb_wrapper, body.r100f-single-recipe-figma .ingredients .wpb_text_column .wpb_wrapper { padding: 20px 16px !important; gap: 24px; } body.r100f-single-recipe-figma #r100-ingredients .wpb_text_column .wpb_wrapper > h3, body.r100f-single-recipe-figma .ingredients .wpb_text_column .wpb_wrapper > h3, body.r100f-single-recipe-figma #r100-preparation .wpb_text_column .wpb_wrapper > h3 { font-size: 34px !important; line-height: 1.2 !important; } div#r100-preparation { padding-left: 0; margin-top: 14px; } body.r100f-single-recipe-figma .vc_column_container > .vc_column-inner { box-sizing: border-box; padding-left: 0; padding-right: 0; width: 100%; } body.r100f-single-recipe-figma div#r100-video.vc_row, body.r100f-single-recipe-figma div#r100-video { padding: 24px 0 !important; } body.r100f-single-recipe-figma .r100-conseils-wrap__avatar { flex: 0 0 auto; width: 120px; height: 120px; border-radius: 500px; overflow: hidden; } body.r100f-single-recipe-figma .post_text_inner .wpb_text_column .wpb_wrapper > h3 { position: relative; z-index: 0; display: inline-block; width: fit-content; max-width: 100%; isolation: isolate; margin: 8px 0; padding: 0; border: 0; font-family: var(--r100-font-script) !important; font-size: 26px !important; font-weight: 400 !important; line-height: 32px !important; } body.r100f-single-recipe-figma .r100f-comments-figma__inner { padding: 0 12px; } body.r100f-single-recipe-figma .r100f-comments-figma__cta-line { font-size: 24px; line-height: 1.25; } body.r100f-single-recipe-figma .r100f-before-related { padding: 32px 12px 0; } body.r100f-single-recipe-figma .related-post.r100f-related-figma, body.r100f-single-recipe-figma .related-post.grid:not(.r100f-related-figma) { padding: 0 12px; } }