/**
 * Moneysworth Toolkit — search results, sidebar trust block, product page
 *
 * Companion to mt-shop.css (which styles the product grid those search
 * results reuse). Kept separate so any one of the three can be rolled back
 * on its own.
 *
 * Rollback: remove the 'mt-pages' enqueue in core-init.php.
 */


/* =========================================================================
 * Search results
 *
 * mt_ux_products_only_search() restricts the query to products and the child
 * theme search.php renders them through WooCommerce's own card template, so
 * the grid rules in mt-shop.css already apply. This is the furniture around
 * them.
 * ====================================================================== */

body .mt-search-title {
	font-size: 28px !important;
	font-weight: 700;
	color: #1c2b3a !important;
	margin: 0 0 22px !important;
	padding-bottom: 14px;
	border-bottom: 1px solid #e3e8ee;
	line-height: 1.25;
}

body .mt-search-results { margin-bottom: 34px; }

body .mt-search-pagination .nav-links {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
}

body .mt-search-pagination a.page-numbers,
body .mt-search-pagination span.page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	min-height: 44px;
	padding: 0 12px;
	border: 1px solid #ccd3da;
	border-radius: 3px;
	font-size: 15px;
	font-weight: 600;
	color: #15467b;
	text-decoration: none !important;
	background: #fff;
}

body .mt-search-pagination a.page-numbers:hover {
	background: #eef2f7;
	border-color: #15467b;
}

body .mt-search-pagination span.page-numbers.current {
	background: #15467b;
	border-color: #15467b;
	color: #fff;
}

body .mt-search-pagination .screen-reader-text {
	position: absolute;
	left: -9999px;
}

body .mt-search-empty {
	max-width: 560px;
	color: #4a5a6b;
	font-size: 15.5px;
}

body .mt-search-empty form.search-form {
	display: flex;
	gap: 8px;
	margin: 18px 0 22px;
}

body .mt-search-empty form.search-form input[type="search"] {
	flex: 1 1 auto;
	height: 46px;
	padding: 0 12px;
	border: 1px solid #9aa4b0;
	border-radius: 3px;
	font-size: 16px;
}

body .mt-search-empty form.search-form button,
body .mt-search-empty form.search-form input[type="submit"] {
	height: 46px;
	padding: 0 20px;
	background: #15467b;
	color: #fff;
	border: 0;
	border-radius: 3px;
	font-weight: 600;
	cursor: pointer;
}

body .mt-search-links {
	list-style: none;
	padding: 0;
	margin: 0;
}

body .mt-search-links li { list-style: none; margin: 0; }

body .mt-search-links a {
	display: inline-block;
	padding: 9px 0;
	color: #15467b !important;
	font-weight: 600;
	min-height: 40px;
}


/* =========================================================================
 * Sidebar — trust block and call CTA
 * ====================================================================== */

body .mt-trust {
	border: 1px solid #dbe2e9;
	border-radius: 4px;
	overflow: hidden;
	margin: 0 0 30px !important;   /* first item in the sidebar */
	background: #fff;
}

body .mt-trust__cta {
	background: #15467b;
	color: #fff;
	padding: 20px 18px;
	text-align: center;
}

body .mt-trust__cta-lead {
	margin: 0 0 6px !important;
	font-size: 14px;
	color: #cfe0f2 !important;
	font-weight: 600;
}

body .mt-trust__call {
	display: block;
	text-decoration: none !important;
	color: #fff !important;
	padding: 6px 0;
	min-height: 44px;
}

body .mt-trust__call:hover .mt-trust__call-num { text-decoration: underline; }

body .mt-trust__call-num {
	display: block;
	font-size: 23px;
	font-weight: 700;
	line-height: 1.15;
	font-variant-numeric: tabular-nums;
	color: #fff !important;
}

body .mt-trust__call-sub {
	display: block;
	font-size: 13px;
	color: #cfe0f2 !important;
	margin-top: 3px;
}

body .mt-trust__hours {
	margin: 8px 0 0 !important;
	font-size: 12.5px;
	color: #b9d2ec !important;
}

body .mt-trust__list {
	list-style: none !important;
	margin: 0 !important;
	padding: 6px 0 !important;
}

body .mt-trust__list li {
	display: flex;
	gap: 12px;
	align-items: flex-start;
	padding: 13px 18px !important;
	margin: 0 !important;
	border-bottom: 1px solid #eef1f4;
	list-style: none !important;
}

body .mt-trust__list li:last-child { border-bottom: 0; }

body .mt-trust__icon {
	flex: none;
	width: 24px;
	height: 24px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #2aa190;
	font-family: ETmodules;
	font-size: 19px;
	line-height: 1;
	margin-top: 1px;
}

/* One glyph per point rather than four identical checks — the icons should
   carry meaning, not just decorate the row. ETmodules codepoints. */
body .mt-trust__icon::before { content: "\e052"; }                         /* fallback: check */
body .mt-trust__list li:nth-child(1) .mt-trust__icon::before { content: "\e0d3"; }  /* van */
body .mt-trust__list li:nth-child(2) .mt-trust__icon::before { content: "\e06b"; }  /* clock */
body .mt-trust__list li:nth-child(3) .mt-trust__icon::before { content: "\e052"; }  /* check */
body .mt-trust__list li:nth-child(4) .mt-trust__icon::before { content: "\e08c"; }  /* lock */

body .mt-trust__body { display: block; }

body .mt-trust__body strong {
	display: block;
	font-size: 14.5px;
	font-weight: 700;
	color: #1c2b3a;
	line-height: 1.3;
	margin-bottom: 2px;
}

body .mt-trust__body span {
	display: block;
	font-size: 13.5px;
	line-height: 1.45;
	color: #5a6672;
}

body .mt-trust__terms {
	margin: 0 !important;
	padding: 14px 18px;
	border-top: 1px solid #eef1f4;
	background: #f7f9fb;
	font-size: 13.5px;
}

body .mt-trust__terms a {
	color: #15467b !important;
	font-weight: 600;
	text-decoration: underline;
}


/* =========================================================================
 * Product page — assurances beside the Add to cart button
 * ====================================================================== */

body .mt-product-assurances {
	list-style: none !important;
	margin: 22px 0 0 !important;
	padding: 16px 18px !important;
	border: 1px solid #dbe2e9;
	border-left: 3px solid #2aa190;
	border-radius: 3px;
	background: #f7fbfa;
}

body .mt-product-assurances li {
	list-style: none !important;
	margin: 0 0 8px !important;
	padding: 0 0 0 25px !important;
	position: relative;
	font-size: 14.5px;
	line-height: 1.5;
	color: #3d4854;
}

body .mt-product-assurances li:last-child { margin-bottom: 0 !important; }

body .mt-product-assurances li::before {
	content: "\e052";
	font-family: ETmodules;
	font-size: 15px;
	color: #2aa190;
	position: absolute;
	left: 0;
	top: 1px;
}

body .mt-product-assurances li strong { color: #1c2b3a; font-weight: 700; }

body .mt-product-assurances__call {
	border-top: 1px solid #dbe2e9;
	margin-top: 12px !important;
	padding-top: 12px !important;
}

body .mt-product-assurances__call::before {
	content: "\e090" !important;
	top: 13px !important;
}

body .mt-product-assurances__call a {
	font-weight: 700;
	color: #15467b !important;
	font-variant-numeric: tabular-nums;
	text-decoration: underline;
}


/* =========================================================================
 * Product page — hierarchy and spacing
 * ====================================================================== */

body.single-product div.product .product_title {
	font-size: 30px !important;
	font-weight: 700;
	color: #1c2b3a !important;
	line-height: 1.2;
	margin: 0 0 10px !important;
	padding: 0 !important;
}

body.single-product div.product p.price {
	margin: 0 0 18px !important;
	padding-bottom: 16px;
	border-bottom: 1px solid #e3e8ee;
	display: block;
}

body.single-product div.product p.price .woocommerce-Price-amount {
	font-size: 30px !important;
	font-weight: 700;
	color: #0373ae !important;
	font-variant-numeric: tabular-nums;
}

body.single-product div.product .woocommerce-product-details__short-description,
body.single-product div.product .woocommerce-product-details__short-description p {
	font-size: 15.5px;
	line-height: 1.65;
	color: #3d4854;
}

body.single-product div.product .woocommerce-product-details__short-description ul {
	margin: 12px 0 16px;
	padding-left: 20px;
}

body.single-product div.product .woocommerce-product-details__short-description li {
	margin-bottom: 5px;
	font-size: 15px;
	color: #3d4854;
}

/* Gallery thumbnails: even, square, quiet until chosen. */
body.single-product .woocommerce-product-gallery .flex-control-thumbs {
	display: grid !important;
	grid-template-columns: repeat(5, 1fr);
	gap: 8px;
	margin: 12px 0 0 !important;
	padding: 0 !important;
	list-style: none;
}

body.single-product .woocommerce-product-gallery .flex-control-thumbs li {
	width: auto !important;
	margin: 0 !important;
	list-style: none;
	float: none !important;
}

body.single-product .woocommerce-product-gallery .flex-control-thumbs img {
	width: 100% !important;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border: 1px solid #e3e8ee;
	border-radius: 3px;
	opacity: .62;
	transition: opacity .14s ease, border-color .14s ease;
	cursor: pointer;
}

body.single-product .woocommerce-product-gallery .flex-control-thumbs img:hover,
body.single-product .woocommerce-product-gallery .flex-control-thumbs img.flex-active {
	opacity: 1;
	border-color: #15467b;
}

@media (max-width: 620px) {
	body.single-product div.product .product_title { font-size: 24px !important; }
	body.single-product div.product p.price .woocommerce-Price-amount { font-size: 26px !important; }
	body.single-product .woocommerce-product-gallery .flex-control-thumbs { grid-template-columns: repeat(4, 1fr); }
	body .mt-search-title { font-size: 22px !important; }
}

@media (prefers-reduced-motion: reduce) {
	body.single-product .woocommerce-product-gallery .flex-control-thumbs img { transition: none !important; }
}
