/*
Theme Name: interminidipizza
Template: twentytwentyfive
Description: Child theme di Twenty Twenty-Five con il Pizza Design System (palette Farina, Fraunces + system sans).
Version: 0.2.0
Requires at least: 6.7
Text Domain: interminidipizza
*/

/* ---------- superfici del browser ---------- */
::selection { background: var(--wp--preset--color--accent-soft); color: var(--wp--preset--color--contrast); }
a { text-underline-offset: 0.18em; text-decoration-thickness: 1px; }
:where(a, button, input, select, textarea, summary):focus-visible {
	outline: 3px solid var(--wp--preset--color--accent-1);
	outline-offset: 2px;
}
body { -webkit-font-smoothing: antialiased; font-variant-numeric: tabular-nums; }
h1, h2, h3 { text-wrap: balance; }
p, li { text-wrap: pretty; }

/* ---------- header ---------- */
.idp-header { align-items: center; }
.idp-header > .wp-block-group { flex-shrink: 0; }
.idp-search .wp-block-search__button {
	width: 44px; height: 44px; padding: 0; margin: 0;
	border: 1px solid var(--wp--preset--color--accent-6); border-radius: 12px;
	background: var(--wp--preset--color--accent-5); color: var(--wp--preset--color--contrast);
}
.idp-search .wp-block-search__button:hover { border-color: var(--wp--preset--color--line-strong); }
.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close {
	width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center;
	border: 1px solid var(--wp--preset--color--accent-6); border-radius: 12px;
}
@media (max-width: 600px) {
	.idp-header { gap: 8px !important; }
	.idp-logo { font-size: 21px !important; }
	.idp-cta .wp-block-button__link { padding: 11px 14px !important; font-size: 15px !important; }
}

/* ---------- footer: link toccabili ---------- */
.idp-footer-nav .wp-block-navigation-item__content { display: inline-block; padding-block: 10px; }
.idp-footer-nav { gap: 0 !important; }

/* ---------- card articolo (pattern card-guida) ---------- */
.idp-card { position: relative; overflow: hidden; display: flex; flex-direction: column; }
.idp-card > :not(.wp-block-post-featured-image) { padding-inline: 22px; }
.idp-card > .wp-block-post-featured-image { margin: 0 0 6px; }
.idp-card:not(:has(.wp-block-post-featured-image img))::before {
	content: ""; aspect-ratio: 16 / 9; margin-bottom: 6px;
	background-color: var(--wp--preset--color--accent-2);
	background-image: repeating-linear-gradient(135deg, rgba(117,108,95,.10) 0 2px, transparent 2px 14px);
}
.idp-card__cat, .idp-card__cat a {
	font-size: 13px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; text-decoration: none;
}
.idp-card__cat a { position: relative; z-index: 1; }
.idp-card__title { font-size: 23px !important; line-height: 1.25; margin: 0; }
.idp-card__title a { text-decoration: none; }
.idp-card__title a::after { content: ""; position: absolute; inset: 0; }
.idp-card__excerpt { color: var(--wp--preset--color--accent-4); font-size: 16px; margin: 0; }
.idp-card__excerpt .wp-block-post-excerpt__more-text { display: none; }
.idp-card__date { margin-top: auto !important; font-size: 14px; }
.idp-card:hover { border-color: var(--wp--preset--color--line-strong) !important; }
.idp-card:hover .idp-card__title a { color: var(--wp--preset--color--accent-3); }
/* card statiche della home "Inizia da qui" */
.idp-card h3 a::after { content: ""; position: absolute; inset: 0; }

/* ---------- chip "Qualcosa non va?" ---------- */
.idp-chips a {
	display: inline-block; padding: 11px 18px; border-radius: 999px;
	background: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--line-strong);
	color: var(--wp--preset--color--contrast); font-weight: 600; text-decoration: none;
}
.idp-chips a:hover { border-color: var(--wp--preset--color--accent-3); color: var(--wp--preset--color--accent-3); }

/* ---------- card "forno" (scura) ---------- */
.idp-forno .wp-block-table table { border-collapse: collapse; width: 100%; }
.idp-forno .wp-block-table td { border: 0; border-bottom: 1px solid var(--wp--preset--color--night-200); padding: 10px 0; }
.idp-forno .wp-block-table tr:last-child td { border-bottom: 0; }
.idp-forno .wp-block-table strong { font-family: var(--wp--preset--font-family--display); font-size: 1.125rem; }
.idp-forno a:not(.wp-element-button) { color: var(--wp--preset--color--base); }

/* ---------- articolo ---------- */
.idp-meta { color: var(--wp--preset--color--ink-faint); font-size: var(--wp--preset--font-size--small); }
.idp-meta .idp-jump a { font-weight: 700; text-decoration: none; }
body:not(:has(.idp-ricetta)) .idp-jump { display: none; }
.wp-block-post-content > * + h2 { margin-top: 2.2em; }
.wp-block-post-content > * + h3 { margin-top: 1.8em; }
.wp-block-post-content img { border-radius: 12px; }

/* ---------- scheda ricetta (contenuto migrato) ---------- */
.idp-ricetta {
	margin-block: 48px !important; padding: 32px !important;
	background: var(--wp--preset--color--accent-5);
	border: 1px solid var(--wp--preset--color--accent-6); border-radius: 22px;
	scroll-margin-top: 24px;
}
.idp-ricetta > h2:first-child { margin-top: 0; }
.idp-ricetta h3 {
	font-family: var(--wp--preset--font-family--sans); font-size: 13px !important; font-weight: 700;
	letter-spacing: .08em; text-transform: uppercase; color: var(--wp--preset--color--ink-faint);
	margin-top: 2em;
}
/* ingredienti: righe come la card "La tua ricetta" in home */
.idp-ricetta ul.wp-block-list {
	list-style: none; padding: 8px 20px; margin-block: 8px 0;
	background: var(--wp--preset--color--night); color: var(--wp--preset--color--base); border-radius: 16px;
}
.idp-ricetta ul.wp-block-list li { padding: 11px 0; border-bottom: 1px solid var(--wp--preset--color--night-200); }
.idp-ricetta ul.wp-block-list li:last-child { border-bottom: 0; }
/* procedimento: passi numerati */
.idp-ricetta ol.wp-block-list { list-style: none; counter-reset: passo; padding: 0; }
.idp-ricetta ol.wp-block-list li {
	counter-increment: passo; position: relative; padding: 0 0 14px 48px; min-height: 32px;
}
.idp-ricetta ol.wp-block-list li::before {
	content: counter(passo); position: absolute; left: 0; top: -2px;
	width: 32px; height: 32px; border-radius: 999px; display: grid; place-items: center;
	background: var(--wp--preset--color--accent-soft); color: var(--wp--preset--color--accent-3);
	font: 700 15px/1 var(--wp--preset--font-family--sans);
}
.idp-ricetta p:has(> strong:only-child) { margin-top: 1.6em; margin-bottom: .4em; }
@media (max-width: 600px) { .idp-ricetta { padding: 22px !important; } }

/* ---------- ricerca a tutta larghezza (404, risultati) ---------- */
.idp-search-full { max-width: 560px; }
.idp-search-full .wp-block-search__input { border-radius: 12px; border-color: var(--wp--preset--color--line-strong); padding: 12px 14px; font-size: 1.0625rem; }