.wp-block-woocommerce-order-confirmation-totals-wrapper h2,
.wp-block-woocommerce-order-confirmation-shipping-wrapper h2,
.wp-block-woocommerce-order-confirmation-billing-wrapper h2 {
	font-size: 38px !important;
}

/* Model Lookup page - "Don't Know Your Model Number?" tip card hover. Uses stable custom class rhead-lookup-tip-card, so page saves no longer break it. */
.rhead-lookup-tip-card > .kt-inside-inner-col {
	transition: background-color 0.3s ease, color 0.3s ease;
}
.rhead-lookup-tip-card > .kt-inside-inner-col:hover {
	background-color: #063FD3;
}
.rhead-lookup-tip-card > .kt-inside-inner-col:hover * {
	color: #ffffff !important;
}

/* Model Lookup page - "Shop by Model" search card hover glow */
.rhead-lookup-search-card > .kt-inside-inner-col {
	transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.rhead-lookup-search-card > .kt-inside-inner-col:hover {
	box-shadow: 0 0 5px rgba(255,255,255,0.25), 0 0 16px rgba(255,255,255,0.3), 0 8px 18px rgba(6,63,211,0.15);
	transform: translateY(-3px);
}

/* Homepage - "Shop by Model" box hover glow */
.rhead-shop-by-model-card > .kt-inside-inner-col {
	transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.rhead-shop-by-model-card > .kt-inside-inner-col:hover {
	box-shadow: 0 0 5px rgba(255,255,255,0.25), 0 0 16px rgba(255,255,255,0.3), 0 8px 18px rgba(6,63,211,0.15);
	transform: translateY(-3px);
}

/* Model Lookup page - reduce bottom spacing before footer newsletter section (was 125px sitewide default) */
body.page-id-4121 .entry-content {
	padding-bottom: 40px;
}

/* Homepage - trust badge icon boxes hover (Reliable Parts / Fast Shipping / Expert Support). Uses stable custom class rhead-trust-badge set on each icon column, so homepage saves no longer break it. */
.rhead-trust-badge .kb-svg-icon-wrap {
	transition: background-color 0.3s ease, color 0.3s ease, transform 0.3s ease, border-color 0.3s ease;
}
.rhead-trust-badge .kb-svg-icon-wrap:hover {
	background-color: #063FD3;
	color: #ffffff;
	border-color: #063FD3;
	transform: translateY(-3px);
}

/* Contact Us page - card hover (subtle blue outline). Uses a stable custom class (rhead-contact-card) added directly to each card block in the editor, instead of Kadence's auto-generated per-column class - this survives page re-saves/class-regeneration, unlike the old selector list above did. */
.rhead-contact-card > .kt-inside-inner-col {
	transition: box-shadow 0.25s ease;
}
.rhead-contact-card > .kt-inside-inner-col:hover {
	box-shadow: 0 0 0 2px rgba(6,63,211,0.55), 0 0 14px rgba(0,0,0,0.2);
}

/* Contact Us page - reduce bottom spacing before footer newsletter section (was 125px sitewide default) */
body.page-id-17 .entry-content {
	padding-bottom: 85px;
}

/* Sitewide footer - "Subscribe" newsletter button hover (darken + lift) */
.mailpoet_submit {
	transition: background-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}
.mailpoet_submit:hover {
	background-color: #052e96 !important;
	transform: translateY(-2px);
	box-shadow: 0 6px 14px rgba(6,63,211,0.35);
}

/* My Account page - reduce bottom spacing before footer newsletter section (was 125px sitewide default) */
body.page-id-1178 .entry-content {
	padding-bottom: 85px;
}

/* Cart page - reduce bottom spacing before footer newsletter section (inline style override, was var(--wp--preset--spacing--50) ~100px) */
body.page-id-1176 main {
	padding-bottom: 65px !important;
}

/* Contact Us request pages + Customer Support policy pages - reduce bottom spacing before footer newsletter section (was 125px sitewide default) */
body.page-id-1049 .entry-content,
body.page-id-1090 .entry-content,
body.page-id-1091 .entry-content,
body.page-id-2146 .entry-content,
body.page-id-114 .entry-content,
body.page-id-119 .entry-content,
body.page-id-2969 .entry-content,
body.page-id-116 .entry-content,
body.page-id-117 .entry-content {
	padding-bottom: 85px;
}

/* Single Product page template - reduce bottom spacing before footer newsletter section (shared template class, applies to all products; was 75px) */
.kadence-columnassembler__single-product_6614f6-6e > .kt-inside-inner-col {
	padding-bottom: 45px;
}

/* Product search results page - reduce bottom spacing before footer newsletter section (inline style override, was var(--wp--preset--spacing--40) ~75px) */
body.search-results main {
	padding-bottom: 45px !important;
}

/* Homepage - reduce bottom spacing before footer newsletter section (was 125px sitewide default) */
body.page-id-1 .entry-content {
	padding-bottom: 85px;
}

/* My Account - login/register view (2026-10-04). Keyed to stable class .rhead-account-wrap + #customer_login, not Kadence auto classes. Logged-in dashboard is unaffected. */
.rhead-account-wrap .woocommerce:has(#customer_login) { max-width: 960px; margin-left: auto; margin-right: auto; }
.rhead-account-wrap #customer_login { max-width: 960px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 32px; float: none; }
.rhead-account-wrap #customer_login::before, .rhead-account-wrap #customer_login::after { display: none; }
.rhead-account-wrap #customer_login > .u-column1, .rhead-account-wrap #customer_login > .u-column2 { width: auto; max-width: none; float: none; margin: 0; display: flex; flex-direction: column; }
.rhead-account-wrap #customer_login h2 { font-size: 24px; font-weight: 500; margin: 0 0 16px; text-align: center; }
.rhead-account-wrap #customer_login form { border: 0; border-radius: 0; box-shadow: 0 0 14px 0 rgba(0,0,0,0.2); padding: 32px; margin: 0; flex: 1; transition: box-shadow 0.25s ease; }
.rhead-account-wrap #customer_login form:hover { box-shadow: 0 0 0 2px rgba(6,63,211,0.55), 0 0 14px rgba(0,0,0,0.2); }
.rhead-account-wrap #customer_login .input-text { border-radius: 3px; }
.rhead-account-wrap #customer_login button.button { background-color: #063FD3; color: #fff; border: 0; border-radius: 3px; font-size: 18px; font-weight: 400; padding: 10px 18px; transition: background-color 0.25s ease; }
.rhead-account-wrap #customer_login button.button:hover, .rhead-account-wrap #customer_login button.button:focus { background-color: #000; color: #fff; }
.rhead-account-wrap #customer_login .woocommerce-form-login__submit { width: 100%; margin: 8px 0 0; }
.rhead-account-wrap #customer_login .lost_password { margin: 12px 0 0; text-align: center; }
.rhead-account-wrap #customer_login .lost_password a { color: #063FD3; }
@media (max-width: 767px) { .rhead-account-wrap #customer_login { grid-template-columns: 1fr; } }

/* My Account - Forgot/reset password pages (request form, "email sent" confirmation, and set-new-password form). Scoped by WooCommerce body class + stable .rhead-account-wrap. */
body.woocommerce-lost-password .rhead-account-wrap .woocommerce { max-width: 680px; margin-left: auto; margin-right: auto; text-align: center; }
body.woocommerce-lost-password .rhead-account-wrap .woocommerce form { text-align: left; box-shadow: 0 0 14px 0 rgba(0,0,0,0.2); padding: 32px; margin: 0; border: 0; border-radius: 0; transition: box-shadow 0.25s ease; }
body.woocommerce-lost-password .rhead-account-wrap .woocommerce form:hover { box-shadow: 0 0 0 2px rgba(6,63,211,0.55), 0 0 14px rgba(0,0,0,0.2); }
body.woocommerce-lost-password .rhead-account-wrap .woocommerce form > p:first-child { text-align: center; margin-top: 0; }
body.woocommerce-lost-password .rhead-account-wrap .woocommerce .form-row { float: none; width: 100%; }
body.woocommerce-lost-password .rhead-account-wrap .woocommerce .input-text { border-radius: 3px; width: 100%; }
body.woocommerce-lost-password .rhead-account-wrap .woocommerce button.button { width: 100%; background-color: #063FD3; color: #fff; border: 0; border-radius: 3px; font-size: 18px; font-weight: 400; padding: 10px 18px; transition: background-color 0.25s ease; }
body.woocommerce-lost-password .rhead-account-wrap .woocommerce button.button:hover, body.woocommerce-lost-password .rhead-account-wrap .woocommerce button.button:focus { background-color: #000; color: #fff; }

/* My Account > Orders - hide the "Draft" status filter button (draft orders are also excluded from the list itself via snippet 6) (2026-10-05) */
.wcmam-order-filters-button[data-filter="checkout-draft"] { display: none !important; }

/* Sitewide footer - text links turn brand blue on hover. Uses stable classes (footer template part + Kadence advanced heading), not auto-generated per-block classes, so page/template saves won't break it. */
footer.wp-block-template-part .wp-block-kadence-advancedheading a {
	transition: color 0.2s ease;
}
footer.wp-block-template-part .wp-block-kadence-advancedheading a:hover,
footer.wp-block-template-part .wp-block-kadence-advancedheading a:focus-visible {
	color: #063FD3 !important;
}


/* Header search bar - force white background (overrides Jetpack/WordPress.com global input styling added Oct 2026) */
.super-speedy-search-form input.ssstext {
	background-color: #ffffff !important;
	color: rgba(0,0,0,0.87) !important;
	border: none !important;
	border-radius: 0 !important;
}

/* Header search button - turns black on hover (icon stays white) */
.super-speedy-search-form button.sss_search_button {
	transition: background-color 0.25s ease !important;
}
.super-speedy-search-form button.sss_search_button:hover,
.super-speedy-search-form button.sss_search_button:focus-visible {
	background-color: #000000 !important;
	color: #ffffff !important;
}

/* Product cards - blue hover ring on every product list (search results; shop/brand/category archives; machine model pages). Replaces the 3px Kadence hover border, which squeezed card content inward on hover. These are template-level classes, so routine page edits won't regenerate them. */
.kadence-columnassembler__product-search-results_0aaad9-20:hover > .kt-inside-inner-col,
.kadence-columnassembler__archive-product_903a23-3c:hover > .kt-inside-inner-col,
.kadence-columnassembler__taxonomy-machine_model_d061d9-53:hover > .kt-inside-inner-col {
	border-width: 0 !important;
	box-shadow: 0 0 0 2px #063FD3, 0 0 14px rgba(0,0,0,0.2) !important;
}

/* Brand pages (/brand/<name>/) - reduce bottom spacing before footer newsletter section (inline style override, was var(--wp--preset--spacing--50) ~100px; matches Cart) */
body.tax-product_brand main {
	padding-bottom: 65px !important;
}

/* Shop by Brand / Shop by Category icon tiles - blue hover ring matching the product cards. Targets any Kadence column that is a whole-tile link (homepage, Model Lookup, all parts category pages). Keyed on the link overlay rather than auto-generated classes, so page or template edits won't break it. Replaces the old 4px Kadence hover border. */
.wp-block-kadence-column:has(> .kb-section-link-overlay):hover > .kt-inside-inner-col {
	border-width: 0 !important;
	box-shadow: 0 0 0 2px #063FD3, 0 0 14px rgba(0,0,0,0.2) !important;
}

/* Model Lookup page - "Shop By Appliance" tiles: exclude from the blue hover ring above. These already fill blue on hover (Kadence's own setting), so the ring was too much. Restores their normal resting border/shadow on hover. */
body.page-id-4121 .wp-block-kadence-column:has(> .kb-section-link-overlay[href*="/product-category/"]):hover > .kt-inside-inner-col {
	border-width: 10px !important;
	box-shadow: 0 0 14px rgba(0,0,0,0.2) !important;
}


/* Contact forms (Kadence Advanced Form) - keep field backgrounds white. The Assembler theme's generic input rule (5% grey tint) was overriding Kadence's white field background. */
.kb-advanced-form input.kb-field,
.kb-advanced-form textarea.kb-field,
.kb-advanced-form select.kb-field {
	background-color: var(--kb-form-background-color, #ffffff) !important;
}

/* Merchandise products (category: Merchandise) - hide parts-only elements. Keyed to WooCommerce's own product_cat-merchandise body class, not Kadence auto-classes, so page/template saves won't break it. */
body.product_cat-merchandise .rhead-fit-check,
body.product_cat-merchandise h2.kt-adv-heading-has-icon {
	display: none !important;
}

/* Merchandise products - reduce bottom spacing before footer newsletter section */
body.product_cat-merchandise .wp-block-group.woocommerce.product > .wp-block-kadence-column > .kt-inside-inner-col {
	padding-bottom: 15px !important;
}

/* Merchandise category page - hide the filters column for now (only one product), product grid goes full width. Keyed to WooCommerce's term-merchandise body class + block names, not Kadence auto-classes. Delete this rule to bring filters back. */
body.term-merchandise .wp-block-kadence-column:has(> .kt-inside-inner-col > .wp-block-woocommerce-product-filters) {
	display: none !important;
}
body.term-merchandise .kt-row-column-wrap:has(> .wp-block-kadence-column > .kt-inside-inner-col > .wp-block-woocommerce-product-filters) {
	grid-template-columns: minmax(0, 1fr) !important;
}

/* Merchandise category page - reduce bottom spacing before footer newsletter section (was ~100px main padding + 30px grid margin) */
body.term-merchandise main {
	padding-bottom: 45px !important;
}
body.term-merchandise .wp-block-woocommerce-product-collection {
	margin-bottom: 0 !important;
}

/* Parts / Appliance Parts / appliance-type category pages (brand tiles) - reduce bottom spacing before footer newsletter section (inline main padding override, was var(--wp--preset--spacing--40) ~75px). Keyed to WooCommerce term body classes, not Kadence auto-classes. */
body.term-parts main,
body.term-appliance-parts main,
body.term-refrigerator-parts main,
body.term-freezer-parts main,
body.term-dishwasher-parts main,
body.term-range-oven-cooktop-parts main,
body.term-microwave-parts main,
body.term-ice-maker-parts main {
	padding-bottom: 45px !important;
}