/* =========================================================
   RecetteBredele.com - Home / corpus custom Noël
   Scope strict : .rbd-wrap uniquement
   ========================================================= */

html body .rbd-wrap {
	max-width: 1160px !important;
	margin: 42px auto 36px !important;
	padding: 0 18px !important;
	color: #3f2417 !important;
	font-family: inherit !important;
}

html body .rbd-wrap,
html body .rbd-wrap *,
html body .rbd-wrap *::before,
html body .rbd-wrap *::after {
	box-sizing: border-box !important;
}

html body .rbd-wrap a:not(:where(.not-to-miss-content a, .not-to-miss a, .ntm a, .ssjinstinct a, .smartstore a, .smartstorespotlight a, .ssg-gallery-title a)) {
	color: #9b1c1f !important;
	font-weight: 800 !important;
	text-decoration: underline !important;
	text-decoration-thickness: 2px !important;
	text-underline-offset: 3px !important;
}

html body .rbd-wrap a:not(:where(.not-to-miss-content a, .not-to-miss a, .ntm a, .ssjinstinct a, .smartstore a, .smartstorespotlight a)):hover {
	color: #c79a27 !important;
}

html body .rbd-hero {
	position: relative !important;
	overflow: hidden !important;
	border-radius: 34px !important;
	padding: clamp(28px, 5vw, 58px) !important;
	background:
		radial-gradient(circle at 12% 12%, rgba(255, 236, 184, .95) 0, rgba(255, 236, 184, 0) 28%),
		radial-gradient(circle at 88% 8%, rgba(210, 30, 44, .22) 0, rgba(210, 30, 44, 0) 26%),
		radial-gradient(circle at 80% 88%, rgba(24, 102, 68, .22) 0, rgba(24, 102, 68, 0) 30%),
		linear-gradient(135deg, #fff8ea 0%, #fff0d6 46%, #fffaf1 100%) !important;
	border: 1px solid rgba(128, 43, 27, .18) !important;
	box-shadow: 0 24px 70px rgba(91, 35, 18, .16) !important;
}

html body .rbd-hero::before {
	content: "✦" !important;
	position: absolute !important;
	top: 20px !important;
	right: 28px !important;
	font-size: 56px !important;
	color: rgba(151, 28, 31, .18) !important;
	line-height: 1 !important;
	pointer-events: none !important;
}

html body .rbd-hero::after {
	content: "🎄 🍪 ✨" !important;
	position: absolute !important;
	left: 26px !important;
	bottom: 20px !important;
	font-size: 28px !important;
	opacity: .38 !important;
	pointer-events: none !important;
}

html body .rbd-kicker,
html body .rbd-eyebrow {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	width: auto !important;
	margin: 0 0 14px !important;
	padding: 7px 13px !important;
	border-radius: 999px !important;
	background: linear-gradient(135deg, #8f1f22 0%, #b82d2f 100%) !important;
	color: #fff8ea !important;
	font-size: .78rem !important;
	font-weight: 900 !important;
	letter-spacing: .06em !important;
	text-transform: uppercase !important;
	box-shadow: 0 10px 24px rgba(143, 31, 34, .22) !important;
}

html body .rbd-kicker::before,
html body .rbd-eyebrow::before {
	content: "🎁" !important;
	font-size: .95rem !important;
	line-height: 1 !important;
}

html body .rbd-title {
	max-width: 920px !important;
	margin: 0 0 18px !important;
	padding: 0 !important;
	background: none !important;
	color: #5b2115 !important;
	font-size: clamp(2.05rem, 5vw, 4.2rem) !important;
	line-height: .98 !important;
	font-weight: 950 !important;
	letter-spacing: -.045em !important;
	text-wrap: balance !important;
	text-shadow: 0 2px 0 rgba(255,255,255,.72) !important;
}

html body .rbd-lead {
	max-width: 900px !important;
	margin: 0 0 26px !important;
	color: #5a3423 !important;
	font-size: clamp(1.05rem, 1.7vw, 1.24rem) !important;
	line-height: 1.75 !important;
	font-weight: 500 !important;
}

html body .rbd-hero-grid {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) minmax(300px, 420px) !important;
	gap: 22px !important;
	align-items: stretch !important;
	margin-top: 28px !important;
}

html body .rbd-fast-card,
html body .rbd-link-card,
html body .rbd-recipe-card,
html body .rbd-tip-card {
	position: relative !important;
	overflow: hidden !important;
	border-radius: 24px !important;
	padding: 22px !important;
	background:
		linear-gradient(180deg, rgba(255,255,255,.92) 0%, rgba(255,248,235,.92) 100%) !important;
	border: 1px solid rgba(118, 57, 31, .14) !important;
	box-shadow: 0 18px 40px rgba(89, 42, 19, .11) !important;
}

html body .rbd-fast-card::before,
html body .rbd-link-card::before,
html body .rbd-recipe-card::before,
html body .rbd-tip-card::before {
	content: "" !important;
	position: absolute !important;
	inset: 0 auto 0 0 !important;
	width: 5px !important;
	background: linear-gradient(180deg, #8f1f22, #1f7a54, #c79a27) !important;
	opacity: .9 !important;
}

html body .rbd-link-card--main {
	background:
		radial-gradient(circle at top right, rgba(199, 154, 39, .22), transparent 34%),
		linear-gradient(180deg, #fffdf7 0%, #fff1dc 100%) !important;
}

html body .rbd-fast-title {
	margin: 0 0 14px !important;
	color: #7a251e !important;
	font-size: 1.28rem !important;
	font-weight: 950 !important;
	line-height: 1.15 !important;
}

html body .rbd-fast-list,
html body .rbd-checklist {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

html body .rbd-fast-list li,
html body .rbd-checklist li {
	position: relative !important;
	margin: 10px 0 !important;
	padding: 0 0 0 30px !important;
	color: #51301f !important;
	line-height: 1.55 !important;
}

html body .rbd-fast-list li::before {
	content: "🍪" !important;
	position: absolute !important;
	left: 0 !important;
	top: .05em !important;
	font-size: 1rem !important;
}

html body .rbd-checklist li::before {
	content: "✓" !important;
	position: absolute !important;
	left: 0 !important;
	top: .08em !important;
	width: 20px !important;
	height: 20px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 999px !important;
	background: #1f7a54 !important;
	color: #fff !important;
	font-size: .75rem !important;
	font-weight: 900 !important;
}

html body .rbd-fast-list strong,
html body .rbd-checklist strong {
	color: #7a251e !important;
	font-weight: 950 !important;
}

html body .rbd-summary {
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: center !important;
	gap: 10px !important;
	margin: 24px auto 26px !important;
	padding: 14px !important;
	border-radius: 22px !important;
	background: rgba(255, 248, 235, .78) !important;
	border: 1px solid rgba(118, 57, 31, .12) !important;
	box-shadow: 0 12px 28px rgba(89, 42, 19, .08) !important;
}

html body .rbd-summary a {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 38px !important;
	padding: 8px 14px !important;
	border-radius: 999px !important;
	background: #fff !important;
	color: #7a251e !important;
	border: 1px solid rgba(143, 31, 34, .16) !important;
	text-decoration: none !important;
	font-weight: 900 !important;
	box-shadow: 0 8px 18px rgba(89, 42, 19, .07) !important;
}

html body .rbd-summary a:hover {
	background: #8f1f22 !important;
	color: #fff8ea !important;
	border-color: #8f1f22 !important;
}

html body .rbd-section {
	position: relative !important;
	margin: 28px 0 !important;
	padding: clamp(24px, 4vw, 42px) !important;
	border-radius: 28px !important;
	background: #fffdf8 !important;
	border: 1px solid rgba(118, 57, 31, .11) !important;
	box-shadow: 0 18px 44px rgba(89, 42, 19, .08) !important;
}

html body .rbd-section--soft {
	background:
		radial-gradient(circle at top left, rgba(255, 235, 178, .42), transparent 32%),
		linear-gradient(135deg, #fff8ea 0%, #fff3df 100%) !important;
}

html body .rbd-section h2,
html body .rbd-link-card h2 {
	margin: 0 0 16px !important;
	padding: 0 !important;
	background: none !important;
	color: #5b2115 !important;
	font-size: clamp(1.55rem, 3vw, 2.45rem) !important;
	line-height: 1.12 !important;
	font-weight: 950 !important;
	letter-spacing: -.025em !important;
	text-wrap: balance !important;
}

html body .rbd-section h3,
html body .rbd-link-card h3,
html body .rbd-recipe-card h3,
html body .rbd-tip-card h3 {
	margin: 0 0 10px !important;
	padding: 0 !important;
	background: none !important;
	color: #7a251e !important;
	font-size: 1.18rem !important;
	line-height: 1.22 !important;
	font-weight: 950 !important;
}

html body .rbd-section p:not(:where(blockquote p)),
html body .rbd-link-card p:not(:where(blockquote p)),
html body .rbd-recipe-card p:not(:where(blockquote p)),
html body .rbd-tip-card p:not(:where(blockquote p)) {
	margin: 0 0 15px !important;
	color: #4e3022 !important;
	font-size: 1rem !important;
	line-height: 1.74 !important;
}

html body .rbd-section p:not(:where(blockquote p)):last-child,
html body .rbd-link-card p:not(:where(blockquote p)):last-child,
html body .rbd-recipe-card p:not(:where(blockquote p)):last-child,
html body .rbd-tip-card p:not(:where(blockquote p)):last-child {
	margin-bottom: 0 !important;
}

html body .rbd-grid-2,
html body .rbd-grid-3,
html body .rbd-grid-4 {
	display: grid !important;
	gap: 18px !important;
	margin-top: 20px !important;
}

html body .rbd-grid-2 {
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

html body .rbd-grid-3 {
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

html body .rbd-grid-4 {
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

html body .rbd-recipe-card {
	transition: transform .18s ease, box-shadow .18s ease !important;
}

html body .rbd-recipe-card:hover,
html body .rbd-link-card:hover,
html body .rbd-tip-card:hover {
	transform: translateY(-3px) !important;
	box-shadow: 0 22px 52px rgba(89, 42, 19, .14) !important;
}

html body .rbd-card-cta,
html body .rbd-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: auto !important;
	min-height: 42px !important;
	margin-top: 8px !important;
	padding: 10px 16px !important;
	border-radius: 999px !important;
	text-decoration: none !important;
	font-size: .95rem !important;
	font-weight: 950 !important;
	line-height: 1.2 !important;
	text-align: center !important;
}

html body .rbd-card-cta {
	background: #8f1f22 !important;
	color: #fff8ea !important;
	border: 1px solid #8f1f22 !important;
	box-shadow: 0 12px 24px rgba(143, 31, 34, .22) !important;
}

html body .rbd-card-cta:hover {
	background: #1f7a54 !important;
	color: #fff !important;
	border-color: #1f7a54 !important;
}

html body .rbd-actions {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 12px !important;
	align-items: center !important;
	margin-top: 22px !important;
}

html body .rbd-btn--primary {
	background: linear-gradient(135deg, #8f1f22 0%, #b62a31 100%) !important;
	color: #fff8ea !important;
	border: 1px solid #8f1f22 !important;
	box-shadow: 0 14px 30px rgba(143, 31, 34, .26) !important;
}

html body .rbd-btn--ghost {
	background: #fff !important;
	color: #7a251e !important;
	border: 1px solid rgba(143, 31, 34, .22) !important;
	box-shadow: 0 10px 22px rgba(89, 42, 19, .08) !important;
}

html body .rbd-btn--primary:hover,
html body .rbd-btn--ghost:hover {
	background: #1f7a54 !important;
	color: #fff !important;
	border-color: #1f7a54 !important;
}

html body .rbd-card-icon {
	width: 52px !important;
	height: 52px !important;
	margin: 0 auto 14px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 18px !important;
	background:
		radial-gradient(circle at 30% 25%, rgba(255,255,255,.8), transparent 35%),
		linear-gradient(135deg, #fff1c9 0%, #ffd98a 100%) !important;
	font-size: 1.55rem !important;
	box-shadow: 0 12px 24px rgba(89, 42, 19, .12) !important;
}

html body .rbd-tip-card {
	text-align: center !important;
}

html body .rbd-table-wrap {
	width: 100% !important;
	margin: 20px 0 0 !important;
	overflow: visible !important;
}

html body .rbd-table {
	width: 100% !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
	overflow: hidden !important;
	border-radius: 22px !important;
	background: #fff !important;
	border: 1px solid rgba(118, 57, 31, .13) !important;
	box-shadow: 0 14px 30px rgba(89, 42, 19, .08) !important;
}

html body .rbd-table th,
html body .rbd-table td {
	padding: 15px 16px !important;
	border: 0 !important;
	border-bottom: 1px solid rgba(118, 57, 31, .11) !important;
	text-align: left !important;
	vertical-align: top !important;
	color: #4e3022 !important;
	line-height: 1.55 !important;
}

html body .rbd-table th {
	background: linear-gradient(135deg, #7d1d21 0%, #a3282e 100%) !important;
	color: #fff8ea !important;
	font-weight: 950 !important;
}

html body .rbd-table tr:last-child td {
	border-bottom: 0 !important;
}

html body .rbd-table td:first-child {
	font-weight: 900 !important;
	color: #7a251e !important;
}

@media (max-width: 980px) {
	html body .rbd-hero-grid,
	html body .rbd-grid-4,
	html body .rbd-grid-3 {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 720px) {
	html body .rbd-wrap {
		margin: 28px auto 28px !important;
		padding: 0 12px !important;
	}

	html body .rbd-hero,
	html body .rbd-section {
		border-radius: 24px !important;
		padding: 24px 16px !important;
	}

	html body .rbd-hero-grid,
	html body .rbd-grid-2,
	html body .rbd-grid-3,
	html body .rbd-grid-4 {
		grid-template-columns: 1fr !important;
	}

	html body .rbd-title {
		font-size: clamp(2rem, 11vw, 3rem) !important;
	}

	html body .rbd-summary {
		justify-content: flex-start !important;
		overflow-x: auto !important;
		flex-wrap: nowrap !important;
		padding-bottom: 12px !important;
		scrollbar-width: thin !important;
	}

	html body .rbd-summary a {
		flex: 0 0 auto !important;
	}

	html body .rbd-actions {
		align-items: stretch !important;
	}

	html body .rbd-btn,
	html body .rbd-card-cta {
		width: 100% !important;
	}

	html body .rbd-table,
	html body .rbd-table thead,
	html body .rbd-table tbody,
	html body .rbd-table tr,
	html body .rbd-table th,
	html body .rbd-table td {
		display: block !important;
		width: 100% !important;
	}

	html body .rbd-table thead {
		display: none !important;
	}

	html body .rbd-table {
		border-radius: 20px !important;
		background: transparent !important;
		border: 0 !important;
		box-shadow: none !important;
	}

	html body .rbd-table tr {
		margin: 0 0 14px !important;
		border-radius: 18px !important;
		overflow: hidden !important;
		background: #fff !important;
		border: 1px solid rgba(118, 57, 31, .13) !important;
		box-shadow: 0 12px 26px rgba(89, 42, 19, .08) !important;
	}

	html body .rbd-table td {
		position: relative !important;
		padding: 12px 14px 12px 42% !important;
		min-height: 46px !important;
		border-bottom: 1px solid rgba(118, 57, 31, .1) !important;
	}

	html body .rbd-table td::before {
		content: attr(data-label) !important;
		position: absolute !important;
		left: 14px !important;
		top: 12px !important;
		width: calc(42% - 22px) !important;
		color: #7a251e !important;
		font-weight: 950 !important;
		line-height: 1.35 !important;
	}

	html body .rbd-table td:last-child {
		border-bottom: 0 !important;
	}
}

@media (max-width: 460px) {
	html body .rbd-table td {
		padding: 12px 14px !important;
	}

	html body .rbd-table td::before {
		position: static !important;
		display: block !important;
		width: auto !important;
		margin: 0 0 4px !important;
	}
}

/* FAQ custom uniquement si class="rbd-faq" ajoutée */
html body .rbd-faq {
	max-width: 1160px !important;
	margin: 34px auto 46px !important;
	padding: 28px 18px !important;
	border-radius: 30px !important;
	background:
		radial-gradient(circle at top left, rgba(255, 236, 184, .78), transparent 34%),
		linear-gradient(135deg, #fff8ea 0%, #fff1dc 50%, #fffaf2 100%) !important;
	border: 1px solid rgba(128, 43, 27, .16) !important;
	box-shadow: 0 18px 48px rgba(89, 42, 19, .12) !important;
	color: #4e3022 !important;
}

html body .rbd-faq h2 {
	margin: 0 0 20px !important;
	padding: 0 !important;
	background: none !important;
	color: #5b2115 !important;
	font-size: clamp(1.55rem, 3vw, 2.35rem) !important;
	line-height: 1.14 !important;
	font-weight: 950 !important;
	text-align: center !important;
}

html body .rbd-faq h2::before {
	content: "🎄 " !important;
}

html body .rbd-faq h3 {
	margin: 18px auto 8px !important;
	max-width: 920px !important;
	padding: 14px 18px !important;
	border-radius: 18px !important;
	background: #8f1f22 !important;
	color: #fff8ea !important;
	font-size: 1.05rem !important;
	line-height: 1.35 !important;
	font-weight: 950 !important;
	box-shadow: 0 10px 22px rgba(143, 31, 34, .18) !important;
}

html body .rbd-faq p {
	max-width: 920px !important;
	margin: 0 auto 12px !important;
	padding: 0 4px !important;
	color: #4e3022 !important;
	font-size: 1rem !important;
	line-height: 1.75 !important;
}

/* Boutique : contenu après grille, compatible sidebar auto */
html body .rbd-shop-after {
	max-width: 100% !important;
	margin: 26px 0 30px !important;
	padding: 0 !important;
}

html body .rbd-shop-after .rbd-section {
	margin: 22px 0 !important;
	padding: clamp(22px, 3vw, 34px) !important;
}

html body .rbd-shop-after .rbd-title {
	font-size: clamp(1.75rem, 3.6vw, 3rem) !important;
	line-height: 1.05 !important;
}

html body .rbd-shop-after .rbd-lead {
	font-size: 1.05rem !important;
	line-height: 1.7 !important;
}

html body .rbd-shop-after .rbd-grid-3 {
	gap: 14px !important;
}

html body .rbd-shop-after .rbd-link-card,
html body .rbd-shop-after .rbd-tip-card {
	padding: 18px !important;
}

html body .rbd-shop-after + .rbd-faq,
html body .rbd-faq {
	max-width: 100% !important;
}

@media (max-width: 980px) {
	html body .rbd-shop-after .rbd-grid-3 {
		grid-template-columns: 1fr !important;
	}
}

/* =========================================================
   Patch cards / listes / boutons - RecetteBredele
   ========================================================= */

/* Listes custom : uniquement les listes volontairement stylées */
html body .rbd-wrap :where(.rbd-fast-list, .rbd-checklist),
html body .rbd-wrap :where(.rbd-fast-list, .rbd-checklist) li,
html body .rbd-faq :where(ul, ol, li) {
	list-style: none !important;
}

html body .rbd-wrap :where(.rbd-fast-list, .rbd-checklist),
html body .rbd-faq :where(ul, ol) {
	margin-left: 0 !important;
	padding-left: 0 !important;
}

/* Cards icône : h3 bien centré sous l’icône */
html body .rbd-wrap .rbd-tip-card {
	text-align: center !important;
}

html body .rbd-wrap .rbd-tip-card .rbd-card-icon {
	margin-left: auto !important;
	margin-right: auto !important;
}

html body .rbd-wrap .rbd-tip-card .rbd-card-icon + h3,
html body .rbd-wrap .rbd-tip-card h3 {
	display: block !important;
	width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	text-align: center !important;
}

/* Boutons : reprendre la main sur html body .rbd-wrap a */
html body .rbd-wrap a.rbd-btn,
html body .rbd-wrap a.rbd-card-cta {
	text-decoration: none !important;
	text-decoration-thickness: 0 !important;
	text-underline-offset: 0 !important;
}

html body .rbd-wrap a.rbd-btn.rbd-btn--primary,
html body .rbd-wrap a.rbd-card-cta {
	background: linear-gradient(135deg, #8f1f22 0%, #b62a31 100%) !important;
	color: #fff8ea !important;
	border: 1px solid #8f1f22 !important;
	box-shadow: 0 14px 30px rgba(143, 31, 34, .26) !important;
}

html body .rbd-wrap a.rbd-btn.rbd-btn--primary:visited,
html body .rbd-wrap a.rbd-card-cta:visited {
	color: #fff8ea !important;
}

html body .rbd-wrap a.rbd-btn.rbd-btn--primary:hover,
html body .rbd-wrap a.rbd-btn.rbd-btn--primary:focus,
html body .rbd-wrap a.rbd-card-cta:hover,
html body .rbd-wrap a.rbd-card-cta:focus {
	background: #1f7a54 !important;
	color: #ffffff !important;
	border-color: #1f7a54 !important;
	text-decoration: none !important;
	transform: translateY(-2px) !important;
}

html body .rbd-wrap a.rbd-btn.rbd-btn--ghost {
	background: #fff !important;
	color: #7a251e !important;
	border: 1px solid rgba(143, 31, 34, .22) !important;
	text-decoration: none !important;
}

html body .rbd-wrap a.rbd-btn.rbd-btn--ghost:visited {
	color: #7a251e !important;
}

html body .rbd-wrap a.rbd-btn.rbd-btn--ghost:hover,
html body .rbd-wrap a.rbd-btn.rbd-btn--ghost:focus {
	background: #1f7a54 !important;
	color: #ffffff !important;
	border-color: #1f7a54 !important;
	text-decoration: none !important;
}

/* =========================================================
   RecetteBredele - Fix collision CSS natif Recipe sur listes custom
   Cause : article#ss_the_content[itemtype$="/Recipe"] ol > li
   Usage : <ol class="rbd-plus-list"> dans un bloc custom .rbd-wrap
   ========================================================= */

html body article#ss_the_content[itemtype$="/Recipe"] .rbd-wrap #recette ol.rbd-plus-list,
html body article#ss_the_content[itemtype$="/Recipe"] .rbd-wrap ol.rbd-plus-list {
	display: grid !important;
	grid-template-columns: 1fr !important;
	gap: 14px !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 22px 0 0 !important;
	padding: 0 !important;
	list-style: none !important;
	counter-reset: none !important;
}

html body article#ss_the_content[itemtype$="/Recipe"] .rbd-wrap #recette ol.rbd-plus-list > li,
html body article#ss_the_content[itemtype$="/Recipe"] .rbd-wrap ol.rbd-plus-list > li {
	counter-increment: none !important;
	display: block !important;
	grid-template-columns: none !important;
	gap: 0 !important;
	align-items: initial !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 16px 18px 16px 52px !important;
	position: relative !important;
	border-radius: 22px !important;
	border: 1px solid rgba(118, 57, 31, .14) !important;
	background-color: #ffffff !important;
	background-image: linear-gradient(180deg, #ffffff 0%, #fff8ea 100%) !important;
	box-shadow: 0 12px 26px rgba(89, 42, 19, .08) !important;
	color: #4e3022 !important;
	font-size: 1rem !important;
	line-height: 1.72 !important;
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	list-style: none !important;
}

html body article#ss_the_content[itemtype$="/Recipe"] .rbd-wrap #recette ol.rbd-plus-list > li::before,
html body article#ss_the_content[itemtype$="/Recipe"] .rbd-wrap ol.rbd-plus-list > li::before {
	content: "🍪" !important;
	position: absolute !important;
	left: 16px !important;
	top: 17px !important;
	width: 24px !important;
	height: 24px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	border: 0 !important;
	font-size: 1rem !important;
	line-height: 1 !important;
}

html body article#ss_the_content[itemtype$="/Recipe"] .rbd-wrap #recette ol.rbd-plus-list > li span,
html body article#ss_the_content[itemtype$="/Recipe"] .rbd-wrap #recette ol.rbd-plus-list > li strong,
html body article#ss_the_content[itemtype$="/Recipe"] .rbd-wrap #recette ol.rbd-plus-list > li em,
html body article#ss_the_content[itemtype$="/Recipe"] .rbd-wrap #recette ol.rbd-plus-list > li a,
html body article#ss_the_content[itemtype$="/Recipe"] .rbd-wrap ol.rbd-plus-list > li span,
html body article#ss_the_content[itemtype$="/Recipe"] .rbd-wrap ol.rbd-plus-list > li strong,
html body article#ss_the_content[itemtype$="/Recipe"] .rbd-wrap ol.rbd-plus-list > li em,
html body article#ss_the_content[itemtype$="/Recipe"] .rbd-wrap ol.rbd-plus-list > li a {
	display: inline !important;
	width: auto !important;
	max-width: none !important;
	min-width: 0 !important;
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

@media (max-width: 760px) {
	html body article#ss_the_content[itemtype$="/Recipe"] .rbd-wrap #recette ol.rbd-plus-list > li,
	html body article#ss_the_content[itemtype$="/Recipe"] .rbd-wrap ol.rbd-plus-list > li {
		padding: 14px 15px 14px 48px !important;
		border-radius: 20px !important;
	}

	html body article#ss_the_content[itemtype$="/Recipe"] .rbd-wrap #recette ol.rbd-plus-list > li::before,
	html body article#ss_the_content[itemtype$="/Recipe"] .rbd-wrap ol.rbd-plus-list > li::before {
		left: 15px !important;
		top: 15px !important;
	}
}

/* =========================================================
   RecetteBredele - Override direct du Recipe natif
   Cible exacte : article#ss_the_content[itemtype$="/Recipe"] ol > li
   Objectif : supprimer display:grid qui casse l’alignement
   ========================================================= */

html body article#ss_the_content[itemtype$="/Recipe"] ol:not(#table-of-contents *):not(nav#fil-ariane *) > li {
	display: block !important;
	grid-template-columns: none !important;
	gap: 0 !important;
	align-items: initial !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	position: relative !important;
	padding: 14px 16px 14px 56px !important;
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

/* On reprend aussi le pseudo-élément du natif pour qu’il ne dépende plus de la grille */
html body article#ss_the_content[itemtype$="/Recipe"] ol:not(#table-of-contents *):not(nav#fil-ariane *) > li::before {
	position: absolute !important;
	left: 14px !important;
	top: 14px !important;
	width: 28px !important;
	height: 28px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1 !important;
	flex: none !important;
}

/* Sécurité : les contenus internes ne doivent pas hériter d’une largeur/grid bizarre */
html body article#ss_the_content[itemtype$="/Recipe"] ol:not(#table-of-contents *):not(nav#fil-ariane *) > li span,
html body article#ss_the_content[itemtype$="/Recipe"] ol:not(#table-of-contents *):not(nav#fil-ariane *) > li strong,
html body article#ss_the_content[itemtype$="/Recipe"] ol:not(#table-of-contents *):not(nav#fil-ariane *) > li em,
html body article#ss_the_content[itemtype$="/Recipe"] ol:not(#table-of-contents *):not(nav#fil-ariane *) > li a {
	display: inline !important;
	width: auto !important;
	max-width: none !important;
	min-width: 0 !important;
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

@media (max-width: 760px) {
	html body article#ss_the_content[itemtype$="/Recipe"] ol:not(#table-of-contents *):not(nav#fil-ariane *) > li {
		padding: 13px 14px 13px 50px !important;
	}

	html body article#ss_the_content[itemtype$="/Recipe"] ol:not(#table-of-contents *):not(nav#fil-ariane *) > li::before {
		left: 13px !important;
		top: 13px !important;
		width: 26px !important;
		height: 26px !important;
	}
}

/* =========================================================
   RecetteBredele - Override direct du Recipe natif sur ingrédients
   Cible exacte : article#ss_the_content[itemtype$="/Recipe"] ul:has([itemprop]) > li
   Objectif : supprimer display/grid forcé sur la liste ingrédients
   ========================================================= */

html body article#ss_the_content[itemtype$="/Recipe"] ul#ingredients > li,
html body article#ss_the_content[itemtype$="/Recipe"] ul:not(#table-of-contents *):not(nav#fil-ariane *):has([itemprop="ingredients"], [itemprop="recipeIngredient"]) > li {
	display: block !important;
	grid-template-columns: none !important;
	gap: 0 !important;
	align-items: initial !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	position: relative !important;
	padding: 10px 14px 10px 38px !important;
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

/* On reprend aussi le pseudo-élément éventuel des ingrédients */
html body article#ss_the_content[itemtype$="/Recipe"] ul#ingredients > li::before,
html body article#ss_the_content[itemtype$="/Recipe"] ul:not(#table-of-contents *):not(nav#fil-ariane *):has([itemprop="ingredients"], [itemprop="recipeIngredient"]) > li::before {
	position: absolute !important;
	left: 12px !important;
	top: 11px !important;
	width: 18px !important;
	height: 18px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1 !important;
	flex: none !important;
}

/* Sécurité sur les contenus internes */
html body article#ss_the_content[itemtype$="/Recipe"] ul#ingredients > li span,
html body article#ss_the_content[itemtype$="/Recipe"] ul#ingredients > li strong,
html body article#ss_the_content[itemtype$="/Recipe"] ul#ingredients > li em,
html body article#ss_the_content[itemtype$="/Recipe"] ul#ingredients > li a,
html body article#ss_the_content[itemtype$="/Recipe"] ul:not(#table-of-contents *):not(nav#fil-ariane *):has([itemprop="ingredients"], [itemprop="recipeIngredient"]) > li span,
html body article#ss_the_content[itemtype$="/Recipe"] ul:not(#table-of-contents *):not(nav#fil-ariane *):has([itemprop="ingredients"], [itemprop="recipeIngredient"]) > li strong,
html body article#ss_the_content[itemtype$="/Recipe"] ul:not(#table-of-contents *):not(nav#fil-ariane *):has([itemprop="ingredients"], [itemprop="recipeIngredient"]) > li em,
html body article#ss_the_content[itemtype$="/Recipe"] ul:not(#table-of-contents *):not(nav#fil-ariane *):has([itemprop="ingredients"], [itemprop="recipeIngredient"]) > li a {
	display: inline !important;
	width: auto !important;
	max-width: none !important;
	min-width: 0 !important;
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

@media (max-width: 760px) {
	html body article#ss_the_content[itemtype$="/Recipe"] ul#ingredients > li,
	html body article#ss_the_content[itemtype$="/Recipe"] ul:not(#table-of-contents *):not(nav#fil-ariane *):has([itemprop="ingredients"], [itemprop="recipeIngredient"]) > li {
		padding: 9px 12px 9px 36px !important;
	}

	html body article#ss_the_content[itemtype$="/Recipe"] ul#ingredients > li::before,
	html body article#ss_the_content[itemtype$="/Recipe"] ul:not(#table-of-contents *):not(nav#fil-ariane *):has([itemprop="ingredients"], [itemprop="recipeIngredient"]) > li::before {
		left: 11px !important;
		top: 10px !important;
	}
}

html body .rbd-wrap blockquote {
	position: relative !important;
	margin: 22px 0 !important;
	padding: 24px 26px 24px 58px !important;
	border-radius: 24px !important;
	overflow: hidden !important;
	background:
		radial-gradient(circle at top left, rgba(255, 226, 148, .20), transparent 34%),
		radial-gradient(circle at bottom right, rgba(31, 122, 84, .24), transparent 36%),
		linear-gradient(135deg, #4b1115 0%, #7d1d21 48%, #2f1512 100%) !important;
	border: 1px solid rgba(255, 236, 184, .28) !important;
	box-shadow: 0 18px 42px rgba(63, 17, 20, .28) !important;
	color: #fff8ea !important;
}

html body .rbd-wrap blockquote::before {
	content: "🎄" !important;
	position: absolute !important;
	left: 20px !important;
	top: 22px !important;
	width: 28px !important;
	height: 28px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 999px !important;
	background: rgba(255, 248, 234, .14) !important;
	color: #fff8ea !important;
	font-size: 1.05rem !important;
	box-shadow: inset 0 0 0 1px rgba(255, 248, 234, .22) !important;
}

html body .rbd-wrap blockquote p {
	margin: 0 !important;
	color: #fff8ea !important;
	font-size: 1.04rem !important;
	line-height: 1.75 !important;
	font-weight: 700 !important;
	text-shadow: 0 1px 0 rgba(0,0,0,.22) !important;
}

html body .rbd-wrap blockquote strong,
html body .rbd-wrap blockquote em,
html body .rbd-wrap blockquote u {
	color: #ffe29a !important;
}