/* Demo skin — Saveur Kitchen (food): warm paper, Merriweather italics, plate circles, recipe-card tear lines.
   Pairs with grid-recipes + single style-21. Loaded after skin-base.css + skin-8.css. */
html[data-demo="saveur"] {
	--sk-radius: 26px; --sk-field-radius: 16px; --sk-btn-radius: 999px;
	--sv-paper: #fbf3ea; --sv-paper-2: #f4e4d3; --sv-line: #ead8c5; --sv-brown: #8a5a3c; --sv-amber: #f59e0b;
	--sk-head-bg: var(--sv-paper);
	--sk-label-font: 'Inter', var(--font-body), sans-serif; --sk-label-ls: 2.5px;
	--sk-title-weight: 900; --sk-title-ls: -0.02em; --sk-title-style: italic;
	--sk-btn-tt: none; --sk-btn-ls: 0;
	--sk-soft: var(--sv-paper);
}
html[data-demo="saveur"][data-theme="dark"] .archive-header::before { --sv-plate: #3a2e28; }
html[data-demo="saveur"][data-theme="dark"] { --sv-paper: #1f1815; --sv-paper-2: #2c221d; --sv-line: #3a2d26; --sv-brown: #d6ad8c; }

/* Merriweather replaces the travel skin's Playfair */
html[data-demo="saveur"] :is(.archive-title, .author-name, .comments-title, .comment-reply-title, .classic-article-row .headline, .vt-grid-circle h3, .vt-grid-square h3, .error-title) { font-family: 'Merriweather', Georgia, serif; }

/* ---------- Archive header: placemat with a scalloped edge and plates ---------- */
html[data-demo="saveur"] .archive-header { padding: 78px 24px 92px; }
html[data-demo="saveur"] .archive-header::before {
	inset: 26px auto auto 6%; width: 150px; height: 150px; border-radius: 50%;
	--sv-plate: #fff; background: radial-gradient(circle, var(--sv-plate) 0 47%, var(--sv-line) 48% 49%, var(--sv-plate) 50% 70%, transparent 71%);
	box-shadow: 0 24px 40px -26px rgba(110, 50, 20, .45);
}
html[data-demo="saveur"] .archive-header::after {
	content: ''; position: absolute; z-index: 0; left: 0; right: 0; bottom: -1px; height: 22px;
	background: radial-gradient(circle at 16px 22px, var(--bg-body) 12px, transparent 12.5px) 0 0 / 32px 22px repeat-x;
}
html[data-demo="saveur"] .archive-header .container::after {
	content: ''; position: absolute; z-index: -1; top: -40px; right: 4%; width: 120px; height: 120px; border-radius: 50%;
	background: radial-gradient(circle, var(--sv-amber) 0 28%, transparent 29%) 0 0 / 15px 15px; opacity: .35;
}
html[data-demo="saveur"] .archive-label { color: var(--sv-brown); }
html[data-demo="saveur"] .archive-label::before, html[data-demo="saveur"] .archive-label::after { width: 7px; height: 7px; border-radius: 50%; background: var(--accent); opacity: 1; }
html[data-demo="saveur"] .archive-title::after { background: var(--accent); }
html[data-demo="saveur"] .archive-desc { font-family: 'Merriweather', Georgia, serif; font-style: italic; font-size: 1rem; line-height: 1.8; }
html[data-demo="saveur"] .author-hero-section { background: var(--sv-paper); }
html[data-demo="saveur"] .author-avatar { box-shadow: 0 0 0 10px #fff, 0 0 0 11px var(--sv-line), 0 24px 40px -18px rgba(110, 50, 20, .5); }
html[data-demo="saveur"][data-theme="dark"] .author-avatar { box-shadow: 0 0 0 10px #3a2e28, 0 24px 40px -18px rgba(0, 0, 0, .7); }

/* ---------- List rows → recipe cards ---------- */
html[data-demo="saveur"] .classic-article-row {
	position: relative; margin-bottom: 20px; padding: 18px 18px 18px 26px; border: 0; border-radius: 26px; background: var(--sv-paper);
	transition: transform .3s, box-shadow .3s;
}
html[data-demo="saveur"] .classic-article-row:hover { transform: translateY(-3px); box-shadow: 0 26px 44px -30px color-mix(in srgb, var(--accent) 55%, transparent); }
html[data-demo="saveur"] .classic-article-row .headline { font-weight: 800; letter-spacing: -.3px; line-height: 1.35; }
html[data-demo="saveur"] .classic-article-row .headline a:hover { color: var(--accent-text, var(--accent)); }
html[data-demo="saveur"] .classic-meta-time { font-family: 'Merriweather', Georgia, serif; font-style: italic; color: var(--accent-text, var(--accent)); }
html[data-demo="saveur"] .classic-thumb { border-radius: 50%; overflow: hidden; aspect-ratio: 1; max-width: 170px; border: 7px solid #fff; box-shadow: 0 16px 30px -16px rgba(110, 50, 20, .5); }
html[data-demo="saveur"][data-theme="dark"] .classic-thumb { border-color: #3a2e28; }
html[data-demo="saveur"] .classic-thumb img { width: 100%; height: 100%; object-fit: cover; }
html[data-demo="saveur"] .card-footer.classic { padding-top: 12px; border-top: 2px dashed var(--sv-line); }
html[data-demo="saveur"] .category-tag { padding: 6px 12px; border-radius: 999px; background: var(--sv-paper-2); color: var(--sv-brown); font-size: 11px; font-weight: 700; letter-spacing: 1.4px; text-transform: uppercase; }
html[data-demo="saveur"] .category-tag::before { content: ''; display: inline-block; width: 6px; height: 6px; margin: 0 7px 1px 0; border-radius: 50%; background: var(--accent); }

/* ---------- Buttons + pagination ---------- */
html[data-demo="saveur"] .load-more-btn { padding: 13px 28px; border: 2px solid var(--accent); background: transparent; color: var(--accent-text, var(--accent)); font-family: 'Merriweather', Georgia, serif; font-style: italic; font-size: 14px; }
html[data-demo="saveur"] .load-more-btn:hover { color: #fff; }
html[data-demo="saveur"] .ep-pagination.numeric-pagination a,
html[data-demo="saveur"] .ep-pagination.numeric-pagination span { border: 1.5px solid var(--sv-line); background: var(--sv-paper); font-family: 'Merriweather', Georgia, serif; font-style: italic; }
html[data-demo="saveur"] .ep-pagination.numeric-pagination span.current { border-color: var(--accent); background: var(--accent-fill, var(--accent)); color: var(--on-accent-fill, #fff); box-shadow: 0 0 0 4px var(--bg-body), 0 0 0 5px color-mix(in srgb, var(--accent) 40%, transparent); }

/* ---------- Comments: recipe card with tear line ---------- */
html[data-demo="saveur"] .comments-area { border: 0; background: var(--sv-paper); }
html[data-demo="saveur"] .comments-title, html[data-demo="saveur"] .comment-reply-title { font-weight: 800; }
html[data-demo="saveur"] .comments-title::after,
html[data-demo="saveur"] .comment-reply-title::after { background: var(--accent); }
html[data-demo="saveur"] .comment-respond { padding-top: 26px; border-top: 2px dashed var(--sv-line); }
html[data-demo="saveur"] .comment-content-wrap { border: 0; border-radius: 4px 22px 22px 22px; background: var(--bg-body); }
html[data-demo="saveur"] .comment-author { font-style: italic; }
html[data-demo="saveur"] .comment-avatar img { box-shadow: 0 0 0 3px var(--bg-body), 0 0 0 5px var(--accent); }
html[data-demo="saveur"] .comment-form textarea,
html[data-demo="saveur"] .comment-form input[type="text"],
html[data-demo="saveur"] .comment-form input[type="email"],
html[data-demo="saveur"] .comment-form input[type="url"],
html[data-demo="saveur"] #commentform textarea,
html[data-demo="saveur"] #commentform input[type="text"],
html[data-demo="saveur"] #commentform input[type="email"] { border-color: var(--sv-line); background: var(--bg-body); }
html[data-demo="saveur"] .submit-btn { padding: 14px 30px; color: var(--cm-btn-text, #fff); font-family: 'Merriweather', Georgia, serif; font-style: italic; font-size: 14px; }
html[data-demo="saveur"] .load-more-btn:hover, html[data-demo="saveur"] .ep-pagination.numeric-pagination span.current { color: #fff; }

/* ---------- Taxonomy index: plates ---------- */
html[data-demo="saveur"] .vt-grid-circle .vt-circle-img { border: 8px solid #fff; box-shadow: 0 0 0 1px var(--sv-line), 0 20px 34px -18px rgba(110, 50, 20, .5); transition: transform .8s cubic-bezier(.2, .7, .2, 1), box-shadow .3s; }
html[data-demo="saveur"][data-theme="dark"] .vt-grid-circle .vt-circle-img { border-color: #3a2e28; box-shadow: 0 20px 34px -18px rgba(0, 0, 0, .7); }
html[data-demo="saveur"] .vt-grid-circle a:hover .vt-circle-img { transform: rotate(10deg); box-shadow: 0 0 0 1px var(--accent), 0 20px 34px -18px color-mix(in srgb, var(--accent) 60%, transparent); }
html[data-demo="saveur"] .vt-grid-circle h3 { font-style: italic; }

@media (max-width: 768px) {
	html[data-demo="saveur"] .archive-header { padding: 54px 20px 66px; }
	html[data-demo="saveur"] .archive-header::before { width: 90px; height: 90px; inset: 14px auto auto -24px; }
	html[data-demo="saveur"] .classic-article-row { padding: 16px; border-radius: 22px; }
	html[data-demo="saveur"] .classic-thumb { max-width: 110px; border-width: 5px; }
}
@media (prefers-reduced-motion: reduce) { html[data-demo="saveur"] .classic-article-row, html[data-demo="saveur"] .vt-grid-circle .vt-circle-img { transition: none; } }