/* Dip & Dough Fixes — loads after the child-theme Tailwind build */

/* C2: single H1 on the front page (hide GP page title "Home") */
.home .entry-title {
	display: none;
}

/* C3: belt-and-braces — never render the duplicate featured image block */
.home .post-image {
	display: none;
}

/* H5: clean header — wordmark only, no text branding */
.site-branding {
	display: none;
}

/* H5: large full logo — never crop/clip into a shape, show the whole image */
.site-logo img {
	border-radius: 0;
	max-height: 90px;
	width: auto;
	height: auto;
}

@media (max-width: 768px) {
	.site-logo img {
		max-height: 64px;
	}
}

/* C9: horizontal nav — undo the food-menu `.menu-item` component collision.
   Tailwind's `.menu-item` (display:flex, dashed border, padding-block) is meant
   for the Menu-page food list, but WP nav <li> also carries `menu-item`. */
.main-navigation .main-nav > ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
}

.main-navigation .main-nav > ul > li.menu-item {
	display: block;
	float: none;
	justify-content: normal;
	align-items: normal;
	gap: normal;
	border-bottom: none;
	border-style: none;
	padding-block: 0;
}

/* H3: email link in the CTA band — keep it on-brand and tap-friendly */
a[href^="mailto:"] {
	color: inherit;
}

/* ------------------------------------------------------------------
 * Blog / ingredient articles (SEO page depth, added 2026-08-01)
 * ------------------------------------------------------------------ */

/* Article posts embed their own styled hero image in the content —
   suppress GP's duplicate, unstyled featured-image banner on singles. */
.single .featured-image.page-header-image-single {
	display: none;
}

/* GP core style.min.css 404s via Cloudflare, so .entry-content ships with
   no base typography. Give post bodies sensible defaults; every element in
   our articles is Tailwind-classed, these only catch unclassed output. */
.single .entry-meta {
	display: none;
}

.single .entry-content {
	font-family: var(--font-body, "Nunito", sans-serif);
	font-size: 1.0625rem;
	line-height: 1.75;
	color: var(--color-ink-soft, #57534e);
}

.single .entry-content h1,
.single .entry-content h2,
.single .entry-content h3,
.single .entry-content h4 {
	font-family: var(--font-display, "Baloo 2", sans-serif);
	color: var(--color-ink, #292524);
	line-height: 1.2;
}

.single .entry-content img {
	max-width: 100%;
	height: auto;
}

.single .entry-content a {
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* Category archive (signature-dips) — GP's own CSS is missing, so give the
   archive list a clean minimal card layout. */
body.category .site-main .inside-article {
	background: var(--color-cream, #faf7f2);
	border-radius: 1rem;
	padding: 1.5rem;
	margin-bottom: 1.25rem;
}

body.category .site-main .inside-article h2.entry-title {
	font-family: var(--font-display, "Baloo 2", sans-serif);
	font-size: 1.5rem;
	font-weight: 800;
	color: var(--color-ink, #292524);
	display: block;
	margin-bottom: 0.5rem;
}

body.category .site-main .inside-article h2.entry-title a {
	color: inherit;
	text-decoration: none;
}

body.category .site-main .inside-article h2.entry-title a:hover {
	color: var(--color-brand, #b4532a);
}

body.category .site-main .inside-article .entry-summary,
body.category .site-main .inside-article .entry-meta {
	color: var(--color-ink-soft, #57534e);
	font-size: 0.9375rem;
}