/**
 * Pethola brand skin + detail polish (logo, type, media overrides).
 */

:root {
	--ph-orange: #e77103;
	--ph-orange-hover: #c55f02;
	--lf-red: #e77103;
	--red: #e77103;
}

/* Force Manrope stack (avoid leftover Lato on home) */
body,
.lf-atelier,
.lf-inner-page,
.lf-site-nav,
.lf-atelier-nav {
	font-family: "Manrope", "Helvetica Neue", Arial, sans-serif !important;
}

/* ---- Logo (was 27px — too small for square/wordmark) ---- */
.lf-atelier-brand img,
.lf-site-brand img {
	height: 52px !important;
	max-height: 52px !important;
	width: auto !important;
	max-width: 200px !important;
	object-fit: contain !important;
}

.lf-atelier-nav,
.lf-site-nav {
	height: 84px !important;
}

.lf-atelier-nav nav,
.lf-site-nav nav {
	gap: 28px !important;
}

.lf-atelier-nav nav a,
.lf-site-nav nav a,
.lf-atelier-nav-cta,
.lf-site-nav-cta {
	font-size: 15px !important;
	font-weight: 600 !important;
}

/* ---- Typography polish ---- */
.lf-atelier-hero h1 {
	font-size: clamp(42px, 5.2vw, 72px) !important;
	line-height: 1.08 !important;
	letter-spacing: -0.03em !important;
}

.lf-atelier-hero-lede {
	font-size: 17px !important;
	line-height: 1.65 !important;
	max-width: 460px !important;
}

.lf-atelier-label,
.lf-next-kicker,
.lf-next-index,
.lf-catalog-kicker {
	font-size: 11px !important;
	letter-spacing: 0.14em !important;
}

.lf-about-hero h1,
.lf-faq-hero h1,
.lf-insights-hero h1 {
	font-size: clamp(40px, 4.8vw, 64px) !important;
	line-height: 1.08 !important;
}

.lf-contact-page h1,
.lf-inner-page .lf-inner-wrap > h1,
.page-id-oem .lf-inner-wrap h1 {
	font-size: clamp(36px, 4vw, 56px) !important;
	line-height: 1.12 !important;
	margin-bottom: 16px !important;
}

.lf-catalog-intro h1 {
	font-size: clamp(36px, 4vw, 52px) !important;
}

/* ---- Media overrides: feeder-first heroes ---- */
.lf-atelier-hero-image {
	background-image: url("https://pethola.com/wp-content/uploads/2025/12/sku-1-White214-800x800.png") !important;
	background-position: center center !important;
	background-size: cover !important;
	background-color: #1a1c1e !important;
}

.lf-atelier-hero-shade {
	background: linear-gradient(
		90deg,
		rgba(8, 10, 12, 0.78) 0%,
		rgba(8, 10, 12, 0.48) 40%,
		rgba(8, 10, 12, 0.16) 70%,
		rgba(8, 10, 12, 0.04) 100%
	) !important;
}

.lf-atelier-factory-image {
	background-image: url("https://pethola.com/wp-content/uploads/2025/11/ChatGPT-Image-2025%E5%B9%B411%E6%9C%8818%E6%97%A5-13_59_46-1024x683.png") !important;
	background-position: center !important;
	background-size: cover !important;
}

.lf-about-hero-image {
	background-image: url("https://pethola.com/wp-content/uploads/2025/12/sku-1-White3543.jpg") !important;
	background-position: center !important;
	background-size: cover !important;
}

.lf-about-cta {
	background-image:
		linear-gradient(90deg, rgba(8, 8, 8, 0.94) 25%, rgba(8, 8, 8, 0.55) 60%, rgba(8, 8, 8, 0.35)),
		url("https://pethola.com/wp-content/uploads/2025/12/sku-1-White214-800x800.png") !important;
	background-size: cover !important;
	background-position: center !important;
}

.lf-atelier-feature-image img {
	object-fit: contain !important;
	background: #eef0ee !important;
}

/* Nav Quote CTA: was text-link + orange fill → text sat high; make real button */
.lf-atelier-nav-cta,
.lf-site-nav-cta,
.lf-next-nav-cta {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	min-height: 40px !important;
	padding: 0 16px !important;
	line-height: 1 !important;
	border-radius: 2px !important;
	box-sizing: border-box !important;
	white-space: nowrap !important;
	text-decoration: none !important;
}

.lf-atelier-nav-cta span,
.lf-site-nav-cta span,
.lf-next-nav-cta span {
	display: inline-flex !important;
	align-items: center !important;
	margin-left: 0 !important;
	font-size: 14px !important;
	line-height: 1 !important;
}

/* Primary CTAs / buttons */
.lf-atelier-button-red,
.lf-atelier-nav-cta,
.lf-site-nav-cta,
.lf-next-nav-cta,
.lf-next-button-primary,
a.button.primary,
.button.primary,
.pethola-quote-btn,
.lifoost-product-inquiry .button {
	background-color: var(--ph-orange) !important;
	border-color: var(--ph-orange) !important;
	color: #fff !important;
}

.lf-atelier-button-red:hover,
.lf-atelier-nav-cta:hover,
.lf-site-nav-cta:hover,
.lf-next-nav-cta:hover,
.lf-next-button-primary:hover,
a.button.primary:hover,
.button.primary:hover {
	background-color: var(--ph-orange-hover) !important;
	border-color: var(--ph-orange-hover) !important;
	color: #fff !important;
}

.lf-atelier-link-red,
.lf-next-arrow-link,
.lf-sidebar-new-cta,
.lf-catalog-sidebar a:hover,
.page-numbers li .current,
.page-numbers li a:hover,
.nav-pagination > li > .current,
.nav-pagination > li > a:hover {
	color: var(--ph-orange) !important;
	border-color: var(--ph-orange) !important;
}

.lf-atelier-link-red:hover,
.lf-next-arrow-link:hover {
	background-color: var(--ph-orange) !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff;
}

.lf-faq-signal,
.lf-faq-hero .lf-faq-signal,
[class*="lf-faq"] .lf-faq-signal {
	background-color: var(--ph-orange) !important;
}

.lifoost-b2b-price,
.pethola-b2b-price {
	color: var(--ph-orange) !important;
	font-weight: 600;
}

.lf-cat-ico svg rect {
	fill: var(--ph-orange) !important;
}

ul.page-numbers li span.current,
ul.page-numbers li .page-number.current {
	background-color: var(--ph-orange) !important;
	border-color: var(--ph-orange) !important;
	color: #fff !important;
}

.lifoost-product-inquiry {
	margin: 16px 0 8px;
}

.header-cart,
.payment-icons,
.yith-wcwl-add-to-wishlist,
.add_to_cart_button,
.single_add_to_cart_button {
	display: none !important;
}

@media (max-width: 849px) {
	.lf-atelier-brand img,
	.lf-site-brand img {
		height: 40px !important;
		max-height: 40px !important;
		max-width: 150px !important;
	}
	.lf-atelier-nav,
	.lf-site-nav {
		height: 70px !important;
	}
}