/*
Theme Name: MaxPart
Theme URI: https://maxpartsuperstore.com
Author: MaxPart Superstore
Description: Custom WooCommerce theme for MaxPart Superstore — OEM and performance auto parts across Toyota, Ford, Mercedes-Benz, Mitsubishi, BMW, Honda and Dodge. Built around brand + category navigation, a Year/Make/Model/Engine fitment search, and trust-focused product pages.
Version: 2.0.0
Requires at least: 6.5
Requires PHP: 7.4
Tested up to: 6.6
WC requires at least: 8.3
WC tested up to: 9.0
Text Domain: maxpart
*/

/* Block theme — colors, typography and spacing mostly live in theme.json
   and are edited via Appearance -> Editor -> Styles. Rules below cover the
   handful of custom markup (search form) that isn't native core blocks. */

.mp-brand{
	display:flex;
	align-items:center;
	gap:10px;
	text-decoration:none;
	color:inherit;
	flex:none;
}
.mp-brand__mark{
	width:15px;
	height:15px;
	flex:none;
	background:var(--wp--preset--color--accent);
	transform:rotate(45deg);
	border-radius:2px;
}
.mp-brand__text{
	display:flex;
	flex-direction:column;
	line-height:1.15;
}
.mp-brand__name{
	font-family:var(--wp--preset--font-family--heading);
	font-weight:800;
	font-size:1.3rem;
	letter-spacing:.01em;
	color:inherit;
}
.mp-brand__tagline{
	font-size:.62rem;
	letter-spacing:.16em;
	text-transform:uppercase;
	color:inherit;
	opacity:.72;
}
.mp-header-actions{
	flex:none;
}
.mp-icon-action{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:3px;
	text-decoration:none;
	color:inherit;
	font-size:.66rem;
	letter-spacing:.06em;
	text-transform:uppercase;
}
.mp-icon-action svg{
	width:20px;
	height:20px;
}
.mp-icon-action__label{
	font-size:.66rem;
	letter-spacing:.06em;
	text-transform:uppercase;
	margin:0;
	color:inherit;
}
.mp-icon-action--cart .wp-block-woocommerce-mini-cart{
	display:flex;
	justify-content:center;
}
.mp-header-search{
	display:flex;
	align-items:stretch;
	flex:1 1 auto;
	min-width:0;
	max-width:900px;
	border:1.5px solid rgba(255,255,255,.35);
	border-radius:4px;
	overflow:hidden;
	background:#ffffff;
}
.mp-header-search__cat{
	width:150px;
	flex:none;
	border:none;
	border-right:1px solid var(--wp--preset--color--line);
	background:transparent;
	padding:0 10px;
	font-size:.85rem;
	color:var(--wp--preset--color--contrast-soft);
}
.mp-header-search__input{
	flex:1;
	min-width:0;
	border:none;
	background:transparent;
	padding:12px 14px;
	color:var(--wp--preset--color--contrast);
	font-family:inherit;
	font-size:.95rem;
}
.mp-header-search__input:focus,
.mp-header-search__cat:focus{
	outline:none;
}
.mp-header-search__btn{
	flex:none;
	border:none;
	background:var(--wp--preset--color--accent);
	color:var(--wp--preset--color--base);
	padding:0 22px;
	font-family:var(--wp--preset--font-family--heading);
	font-weight:600;
	font-size:.82rem;
	text-transform:uppercase;
	letter-spacing:.03em;
	cursor:pointer;
}
.mp-header-search__btn:hover{
	filter:brightness(1.08);
}
@media (max-width: 782px){
	.mp-header-search{ width:100%; }
}

.mp-fitment-card{
	margin-top:22px;
	padding:20px;
	background:var(--wp--preset--color--base);
	border:1px solid var(--wp--preset--color--line);
	border-radius:8px;
	box-shadow:0 1px 3px rgba(0,0,0,.06);
}
.mp-fitment-card__label{
	margin:0 0 12px;
	font-size:.7rem;
	font-weight:700;
	letter-spacing:.1em;
	text-transform:uppercase;
	color:var(--wp--preset--color--contrast-soft);
}
.mp-fitment-card__row{
	display:grid;
	grid-template-columns:repeat(4, 1fr);
	gap:10px;
	margin-bottom:12px;
}
.mp-fitment-select{
	width:100%;
	padding:10px 10px;
	border:1px solid var(--wp--preset--color--line);
	border-radius:4px;
	background:var(--wp--preset--color--base);
	color:var(--wp--preset--color--contrast);
	font-size:.85rem;
}
.mp-fitment-card__submit{
	display:block;
	width:100%;
	padding:14px 10px;
	background:var(--wp--preset--color--accent);
	color:var(--wp--preset--color--base);
	text-align:center;
	text-decoration:none;
	font-family:var(--wp--preset--font-family--heading);
	font-weight:700;
	font-size:.85rem;
	letter-spacing:.05em;
	text-transform:uppercase;
	border-radius:4px;
}
.mp-fitment-card__submit:hover{
	filter:brightness(1.08);
}
@media (max-width: 600px){
	.mp-fitment-card__row{ grid-template-columns:repeat(2, 1fr); }
}

.mp-cat-list__row{
	display:flex;
	align-items:baseline;
	justify-content:space-between;
	gap:12px;
	padding:11px 0;
	border-bottom:1px solid var(--wp--preset--color--line);
	font-size:.9rem;
}
.mp-cat-list__row:last-child{
	border-bottom:none;
	padding-bottom:0;
}
.mp-cat-list__row a{
	color:var(--wp--preset--color--contrast);
	text-decoration:none;
}
.mp-cat-list__row a:hover{
	text-decoration:underline;
}
.mp-cat-list__row span{
	flex:none;
	font-family:var(--wp--preset--font-family--mono, monospace);
	font-size:.78rem;
	color:var(--wp--preset--color--contrast-soft);
}

.wpcf7-form label,
.maxpart-enquiry-form label{
	display:block;
	margin-bottom:16px;
	font-size:.88rem;
	color:var(--wp--preset--color--contrast-soft);
}
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea,
.maxpart-enquiry-form input[type="text"],
.maxpart-enquiry-form input[type="email"],
.maxpart-enquiry-form textarea{
	display:block;
	width:100%;
	margin-top:6px;
	padding:11px 12px;
	border:1px solid var(--wp--preset--color--line);
	border-radius:4px;
	background:var(--wp--preset--color--base);
	color:var(--wp--preset--color--contrast);
	font-family:inherit;
	font-size:.92rem;
	box-sizing:border-box;
}
.wpcf7-form input:focus,
.wpcf7-form textarea:focus,
.maxpart-enquiry-form input:focus,
.maxpart-enquiry-form textarea:focus{
	outline:2px solid var(--wp--preset--color--accent);
	outline-offset:1px;
}
.wpcf7-form .wpcf7-submit,
.maxpart-enquiry-form button[type="submit"]{
	margin-top:6px;
	padding:13px 28px;
	border:none;
	border-radius:4px;
	background:var(--wp--preset--color--accent);
	color:var(--wp--preset--color--base);
	font-family:var(--wp--preset--font-family--heading);
	font-weight:600;
	font-size:.85rem;
	text-transform:uppercase;
	letter-spacing:.04em;
	cursor:pointer;
}
.wpcf7-form .wpcf7-submit:hover,
.maxpart-enquiry-form button[type="submit"]:hover{
	filter:brightness(1.08);
}
.wpcf7-form .wpcf7-spinner{
	margin-left:10px;
}
.wpcf7-form .wpcf7-not-valid-tip{
	color:var(--wp--preset--color--red, #a3341f);
	font-size:.8rem;
	margin-top:4px;
}
.wpcf7-form-control-wrap{
	display:block;
}
.wpcf7 form.sent .wpcf7-response-output{
	border:1px solid var(--wp--preset--color--line);
	border-left:3px solid var(--wp--preset--color--green, #2f6a45);
	padding:14px 16px;
	margin-top:16px;
	font-size:.88rem;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output{
	border:1px solid var(--wp--preset--color--line);
	border-left:3px solid var(--wp--preset--color--red, #a3341f);
	padding:14px 16px;
	margin-top:16px;
	font-size:.88rem;
}