/*
Theme Name:   DomusVet
Description:  Tema hijo de Kadence para la tienda DomusVet Pet Shop.
Author:       Kevin Yang
Template:     kadence
Version:      1.1.1
Text Domain:  domusvet-child
*/

/* Brand colors live in Kadence's global palette (Personalizar > Colores):
   palette1 #034947 teal, palette2 #3CA18C mint, palette8 #FBF7EF cream, palette9 white.
   Only adjustments the Customizer can't do go here. */

/* Brand font: Nunito (variable weight 400–800), served from our own server. */
@font-face {
	font-family: "Nunito";
	font-style: normal;
	font-weight: 400 800;
	font-display: swap;
	src: url("fonts/nunito-latin.woff2") format("woff2");
}
@font-face {
	font-family: "Nunito";
	font-style: italic;
	font-weight: 400 800;
	font-display: swap;
	src: url("fonts/nunito-latin-italic.woff2") format("woff2");
}
:root {
	--global-body-font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
h1, h2, h3, h4, h5, h6 { font-weight: 800; }

/* Product cards: white card on the cream page background. */
.woocommerce ul.products li.product {
	background: var(--global-palette9);
	border-radius: 12px;
	padding: 12px;
}

/* ---------- Home page sections ---------- */

.dv-hero,
.dv-benefits,
.dv-categories,
.dv-about,
.dv-coverage,
.dv-contact {
	padding: clamp(40px, 6vw, 80px) 20px;
}
/* Sections sit edge to edge (Kadence adds a bottom margin to groups inside the content). */
.single-content :is(.dv-hero, .dv-benefits, .dv-categories, .dv-about, .dv-coverage, .dv-contact) {
	margin-top: 0;
	margin-bottom: 0;
}
/* Kadence wraps group content in an inner container: center it at a comfortable width. */
:is(.dv-hero, .dv-benefits, .dv-categories, .dv-about, .dv-coverage, .dv-contact) > .wp-block-group__inner-container {
	max-width: 1160px;
	margin-left: auto;
	margin-right: auto;
}
.dv-benefits { padding-top: 48px; padding-bottom: 48px; }

.dv-hero { background: var(--global-palette8); }
.dv-hero__cols { align-items: center; gap: 40px; }
.dv-hero h1 {
	font-size: clamp(2rem, 4.5vw, 3.2rem);
	line-height: 1.1;
	color: var(--global-palette1);
	margin: 12px 0 16px;
}
.dv-lead { font-size: 1.15rem; color: var(--global-palette4); max-width: 34em; }
.dv-hero__logo img { max-width: 420px; width: 100%; margin: 0 auto; display: block; }

.dv-badge {
	display: inline-block;
	background: var(--global-palette2);
	color: #fff;
	font-size: 0.85rem;
	font-weight: 600;
	padding: 6px 14px;
	border-radius: 999px;
	margin: 0;
}

/* Buttons */
.dv-hero .wp-block-button__link,
.dv-contact .wp-block-button__link { border-radius: 999px; padding: 14px 26px; font-weight: 600; }
.dv-hero .is-style-outline .wp-block-button__link {
	color: var(--global-palette1);
	border: 2px solid var(--global-palette1);
	background: transparent;
}

/* Icons */
.dv-icon {
	width: 44px;
	height: 44px;
	fill: none;
	stroke: var(--global-palette1);
	stroke-width: 1.6;
	stroke-linecap: round;
	stroke-linejoin: round;
	background: var(--global-palette7);
	border-radius: 50%;
	padding: 10px;
	box-sizing: content-box;
}

/* Benefits strip */
.dv-benefits { background: var(--global-palette9); }
.dv-benefit h3, .dv-card h3 { font-size: 1.15rem; margin: 14px 0 6px; color: var(--global-palette3); }
.dv-benefit p, .dv-card p { margin: 0; color: var(--global-palette5); }

/* Categories */
.dv-categories { background: var(--global-palette8); }
.dv-categories h2, .dv-about h2, .dv-coverage h2 { color: var(--global-palette1); }
.dv-sub { color: var(--global-palette5); margin-bottom: 32px; }
.dv-cards { gap: 20px; margin-bottom: 20px; }
.dv-card {
	background: var(--global-palette9);
	border-radius: 16px;
	padding: 24px;
	box-shadow: 0 2px 10px rgba(3, 73, 71, 0.06);
}

/* About */
.dv-about { background: var(--global-palette9); }
.dv-facts ul {
	list-style: none;
	padding: 24px;
	margin: 0;
	background: var(--global-palette8);
	border-radius: 16px;
}
.dv-facts li { padding: 8px 0; border-bottom: 1px solid var(--global-palette7); }
.dv-facts li:last-child { border-bottom: 0; }

/* Coverage */
.dv-coverage { background: var(--global-palette8); }
.dv-towns { font-size: 1.1rem; color: var(--global-palette4); line-height: 1.9; }

/* Contact (dark section) */
.dv-contact { background: var(--global-palette1); color: #fff; }
.dv-contact h2, .dv-contact p, .dv-contact a { color: #fff; }
.dv-contact .wp-block-button .wp-block-button__link { background: var(--global-palette2); color: #fff; }
.dv-contact .wp-block-button.is-style-outline .wp-block-button__link {
	background: transparent;
	color: #fff;
	border: 2px solid #fff;
}
.dv-mail { margin-top: 16px; opacity: 0.9; }

/* Inner pages (Nosotros, Contacto): shorter header */
.single-content .dv-page-head { padding-top: 56px; padding-bottom: 40px; }
.dv-card .wp-block-buttons { margin-top: 16px; }
.dv-card .wp-block-button__link { border-radius: 999px; padding: 10px 22px; font-weight: 600; }

/* Legal pages: comfortable reading width */
.single-content .dv-legal { padding: 24px 20px 64px; margin: 0; }
.dv-legal > .wp-block-group__inner-container { max-width: 760px; margin: 0 auto; }
.dv-legal h2 { color: var(--global-palette1); font-size: 1.35rem; margin-top: 2em; }

/* Mobile */
@media (max-width: 781px) {
	.dv-hero__logo { order: -1; }
	.dv-hero__logo img { max-width: 260px; }
	.dv-cards { gap: 14px; }
}