/*
Theme Name: Diet&Pet
Theme URI: https://dietepet.it
Author: Diet&Pet
Description: Tema su misura per Diet&Pet, nutrizione per cani e gatti. Colori, caratteri e sezioni pronte per la Home e le pagine del sito.
Version: 1.0.0
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dietpet
*/

/* ---------- Struttura generale ---------- */
.wp-site-blocks > * { margin-block-start: 0; }
.dp-landing .wp-block-post-content > * { margin-block-start: 0; }
.dp-landing .wp-block-post-content > .alignfull + .alignfull { margin-block-start: 0; }

/* ---------- Intestazione ---------- */
.dp-logo { margin: 0; }
.dp-logo img { display: block; height: auto; }
.dp-wa-top .wp-block-button__link { padding: 10px 18px; font-size: 15px; }

/* ---------- Apertura ---------- */
.dp-eyebrow { text-transform: uppercase; letter-spacing: 0.04em; font-weight: 600; margin-bottom: 12px; }
.dp-hero-media { position: relative; }
.dp-hero-img { margin: 0; }
.dp-hero-img img { border-radius: 32px 32px 32px 140px; display: block; width: 100%; }
.dp-badge {
	position: absolute; left: -12px; bottom: 28px;
	background: #ffffff; border-radius: 16px; padding: 12px 18px 12px 12px;
	box-shadow: 0 6px 20px rgba(22, 88, 112, 0.12);
	margin: 0 !important; gap: 12px; max-width: calc(100% - 24px);
}
.dp-badge .wp-block-image { margin: 0; flex: none; }
.dp-badge p { margin: 0; line-height: 1.4; }
.dp-badge strong { color: var(--wp--preset--color--primary); font-family: var(--wp--preset--font-family--heading); font-size: 16px; }

/* ---------- Icone e numeri ---------- */
.dp-icon { width: 52px; height: 52px; border-radius: 14px; display: flex; align-items: center; justify-content: center; margin-bottom: 18px; }
.dp-icon svg { display: block; }
.dp-icon--primary { background: var(--wp--preset--color--primary); }
.dp-icon--accent { background: var(--wp--preset--color--accent); }
.dp-icon--grey { background: var(--wp--preset--color--grey); }
.dp-num {
	width: 48px; height: 48px; min-width: 48px; border-radius: 50%;
	background: var(--wp--preset--color--accent); color: var(--wp--preset--color--ink-strong);
	display: flex; align-items: center; justify-content: center;
	font-family: var(--wp--preset--font-family--heading); font-weight: 900; font-size: 22px;
	margin: 0 0 10px 0; line-height: 1;
}
.dp-stat { font-family: var(--wp--preset--font-family--heading); font-weight: 900; font-size: 32px; line-height: 1.2; margin: 0 0 4px 0; }

/* ---------- Sezioni scure ---------- */
.dp-dark a { color: #ffffff; }
.dp-dark a:hover { color: var(--wp--preset--color--tint); }

/* ---------- Squadra ---------- */
.dp-person .wp-block-image { margin: 0; flex: none; }
.dp-person-name { font-family: var(--wp--preset--font-family--heading); font-weight: 800; font-size: 22px; margin: 0; }
.dp-person-role { font-weight: 600; color: var(--wp--preset--color--primary); font-size: 15px; margin: 0 0 6px 0; }
.dp-pet .wp-block-image { margin: 0; }
.dp-pet-name { font-family: var(--wp--preset--font-family--heading); font-weight: 800; font-size: 20px; margin: 12px 0 0 0; }
.dp-pet-role { margin: 0; }
.dp-portrait img { border-radius: 24px; }

/* ---------- Invito all'azione ---------- */
.dp-cta { border-radius: 28px; }

/* ---------- Piè di pagina ---------- */
.dp-footer a { color: #ffffff; }
.dp-footer a:hover { color: var(--wp--preset--color--tint); }
.dp-footer p { margin-top: 0; }

/* ---------- Barra WhatsApp (solo telefono) ---------- */
.dp-sticky { display: none; }

/* ---------- Articoli ---------- */
.dp-post-card .wp-block-post-featured-image img { border-radius: 16px; }

/* ---------- Telefono e tablet stretti ---------- */
@media (max-width: 781px) {
	.dp-logo img { width: 160px !important; }
	.dp-wa-top { display: none !important; }
	.dp-badge { position: relative; left: auto; bottom: auto; margin: -36px 16px 0 !important; }
	.dp-hero .wp-block-button, .dp-cta .wp-block-button { flex: 1 1 100%; }
	.dp-hero .wp-block-button__link, .dp-cta .wp-block-button__link { width: 100%; box-sizing: border-box; text-align: center; }
	.dp-person { flex-direction: column !important; text-align: center; }
	.dp-cta { padding: 32px 24px !important; border-radius: 22px; }
	.dp-sticky {
		display: flex; position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 50;
		background: var(--wp--preset--color--primary); color: #ffffff; text-decoration: none;
		font-weight: 600; font-size: 17px; padding: 15px 20px; border-radius: 999px;
		align-items: center; justify-content: center; gap: 10px;
		box-shadow: 0 8px 24px rgba(22, 88, 112, 0.35);
	}
	.dp-sticky:hover, .dp-sticky:focus { color: #ffffff; }
	body { padding-bottom: 84px; }
}