/**
 * EZ KLEEN Storefront Style — global header + footer polish.
 * Additive, cosmetic only. Targets the theme's real classes so it enhances
 * without restructuring the Beaver Builder layout. Brand: #2f7556 / #1b3d3c.
 */

:root {
	--ezss-green: #2f7556;
	--ezss-green-l: #7fc4a3;
	--ezss-deep: #1b3d3c;
}

/* ---------------------------------------------------------------------------
 * HEADER — lift it off the page with a soft shadow + crisp hairline
 * ------------------------------------------------------------------------- */
header[role="banner"].fl-builder-content,
.fl-page-header {
	box-shadow: 0 2px 14px rgba(27, 61, 60, .07);
	border-bottom: 1px solid #eef2f0;
	position: relative;
	z-index: 20;
}

/* Header call-to-action button (Contact us) — subtle hover lift */
header[role="banner"] .fl-button,
header[role="banner"] a.fl-button {
	transition: transform .12s ease, box-shadow .15s ease, background-color .15s ease !important;
	box-shadow: 0 3px 10px rgba(47, 117, 86, .22);
}
header[role="banner"] .fl-button:hover {
	transform: translateY(-1px);
	box-shadow: 0 6px 16px rgba(47, 117, 86, .28);
}

/* Header utility icons (search / cart / menu) — brand-green hover */
header[role="banner"] .fl-icon a:hover i,
header[role="banner"] a:hover .fl-icon-text,
header[role="banner"] .fa:hover,
header[role="banner"] .fas:hover {
	color: var(--ezss-green) !important;
}

/* ---------------------------------------------------------------------------
 * FOOTER — link hovers, refined subscribe inputs, social lift
 * ------------------------------------------------------------------------- */
footer[itemtype*="WPFooter"] a:not(.fl-button):not(.pp-social-icon):hover {
	color: var(--ezss-green-l) !important;
	text-decoration: none;
}

/* PowerPack subscribe form (Name / Email pills) */
.pp-subscribe-form input[type="text"],
.pp-subscribe-form input[type="email"] {
	border-radius: 999px !important;
	border: 1.5px solid rgba(255, 255, 255, .28) !important;
	background: rgba(255, 255, 255, .10) !important;
	color: #fff !important;
	padding: 12px 20px !important;
	transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}
.pp-subscribe-form input[type="text"]::placeholder,
.pp-subscribe-form input[type="email"]::placeholder {
	color: rgba(255, 255, 255, .72) !important;
}
.pp-subscribe-form input[type="text"]:focus,
.pp-subscribe-form input[type="email"]:focus {
	border-color: #fff !important;
	background: rgba(255, 255, 255, .16) !important;
	box-shadow: 0 0 0 3px rgba(255, 255, 255, .16) !important;
	outline: none;
}
.pp-subscribe-form .pp-subscribe-button,
.pp-subscribe-form button {
	border-radius: 999px !important;
	transition: transform .12s ease, box-shadow .15s ease !important;
}
.pp-subscribe-form .pp-subscribe-button:hover,
.pp-subscribe-form button:hover {
	transform: translateY(-1px);
	box-shadow: 0 6px 16px rgba(0, 0, 0, .18);
}

/* Social icons — gentle hover lift */
.pp-social-icons .pp-social-icon a {
	transition: transform .12s ease, opacity .15s ease !important;
	display: inline-flex;
}
.pp-social-icons .pp-social-icon a:hover {
	transform: translateY(-3px);
	opacity: .92;
}

/* Footer headings spacing polish */
footer[itemtype*="WPFooter"] h2,
footer[itemtype*="WPFooter"] h3,
footer[itemtype*="WPFooter"] h4 {
	letter-spacing: .2px;
}

/* ---------------------------------------------------------------------------
 * Keep PayPal express OFF the cart, product, and mini-cart so every order
 * goes through the verified checkout. PayPal still shows on the checkout page.
 * Scoped by page body class so checkout (body.woocommerce-checkout) is untouched.
 * ------------------------------------------------------------------------- */
body.woocommerce-cart #ppc-button-ppcp-gateway,
body.woocommerce-cart .ppc-button-wrapper,
body.woocommerce-cart .ppcp-button-wrapper,
body.woocommerce-cart .ppcp-messages,
body.single-product #ppc-button-ppcp-gateway,
body.single-product .ppc-button-wrapper,
body.single-product .ppcp-button-wrapper,
body.single-product .ppcp-messages,
#ppc-button-minicart,
.widget_shopping_cart #ppc-button-ppcp-gateway,
.widget_shopping_cart .ppc-button-wrapper {
	display: none !important;
}