/* VIPAutopro Auto — footer, plain pages, cart, checkout, order received. Scoped by body class or own wrapper classes.
   Measured from cavaha.com (1280 wide): orange contact strip 62px, deep cyan footer #0A2A47 with 5 columns
   (starts at x 60, 381, 619, 833, 1060; top padding 30), bottom bar 63px with a thin top border. */

/* ---------- Footer ----------
   Selectors are prefixed with .vap-footer .vap-footer-* on purpose: the parent's layout.css styles
   `.vap-footer p a` and `.vap-footer .footer-hotline` (higher specificity than a single class). */
.vap-footer {
	background: var(--vap-footer);
	color: #FFFFFF;
	font-family: var(--vap-font-body);
	font-size: var(--vap-fs-base);
	line-height: 22px;
	padding: 0 !important;
	margin: 0 !important;
}
/* The parent's group spacing (padding, gap) must not inset the full-width bands. */
.vap-footer > * {
	margin: 0 !important;
	max-width: none !important;
}
.wp-block-template-part:has(> .vap-footer) {
	margin-top: 0 !important;
}
.vap-footer .vap-footer-strip a,
.vap-footer .vap-footer-main a {
	color: #FFFFFF;
	font-size: var(--vap-fs-base);
	line-height: 22px;
	text-decoration: none;
}
.vap-footer .vap-footer-strip a:hover,
.vap-footer .vap-footer-strip a:focus-visible {
	color: #FFFFFF;
	text-decoration: underline;
}
.vap-footer .vap-footer-main a:hover,
.vap-footer .vap-footer-main a:focus-visible {
	color: #FFFFFF;
	text-decoration: underline;
}
.vap-footer .vap-footer-strip p,
.vap-footer .vap-footer-main p {
	margin: 0 0 10px;
	font-size: var(--vap-fs-base);
	line-height: 22px;
	color: #FFFFFF;
}
.vap-footer .vap-footer-strip p {
	margin: 0;
}
.vap-footer .footer-hotline {
	color: #FFFFFF;
	font-size: var(--vap-fs-base);
	font-weight: 700;
	line-height: 22px;
	letter-spacing: 0;
}
.vap-footer .vap-footer-main .footer-hotline:hover,
.vap-footer .vap-footer-main .footer-hotline:focus-visible {
	color: #FFFFFF;
}
.vap-footer-ico {
	display: block;
	flex: none;
	width: 18px;
	height: 18px;
}

/* Orange strip: 62px, three items spread across the 1160px container */
.vap-footer-strip {
	background: var(--vap-primary);
	color: #FFFFFF;
}
.vap-footer-strip__inner {
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 8px 24px;
	width: min(var(--vap-container), calc(100% - 2 * var(--vap-gutter)));
	min-height: 62px;
	margin-inline: auto;
}
.vap-footer .vap-footer-strip__item {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0;
	color: #FFFFFF;
}
.vap-footer .vap-footer-strip__item strong {
	font-weight: 700;
}

/* Black area: columns */
.vap-footer-main {
	background: var(--vap-footer);
}
.vap-footer-main__inner {
	box-sizing: border-box;
	width: min(var(--vap-container), calc(100% - 2 * var(--vap-gutter)));
	margin-inline: auto;
	padding-top: 30px;
	padding-bottom: 24px;
}
.vap-footer-cols {
	display: grid;
	grid-template-columns: 1.85fr 1.34fr 1.19fr 1.27fr 1fr;
	column-gap: 24px;
	row-gap: 28px;
	align-items: start;
}
.vap-footer-col {
	min-width: 0;
}
.vap-footer-col:first-child {
	padding-right: 24px;
	border-right: 1px solid #0F4F87;
}
.vap-footer .vap-footer-main h2 {
	margin: 0 0 14px;
	font-family: var(--vap-font-head);
	font-size: var(--vap-fs-md);
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 0;
	text-transform: uppercase;
	color: #FFFFFF;
}
.vap-footer .vap-footer-main p:last-child {
	margin-bottom: 0;
}
.vap-footer .vap-footer-main .vap-footer-col__name {
	font-weight: 700;
}
.vap-footer .vap-footer-main .vap-footer-col__note {
	color: #BFE3EA;
}
.vap-footer .vap-footer-cols .vap-footer-col:nth-child(2) .vap-footer-col__name {
	font-size: var(--vap-fs-md);
	font-weight: 600;
	color: var(--vap-primary);
}
.vap-footer .vap-footer-col > p > .vap-footer-ico {
	display: inline-block;
	vertical-align: -4px;
	margin-right: 6px;
	color: var(--vap-primary);
}

.vap-footer .vap-footer-main .footer-links {
	display: grid;
	gap: 6px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.vap-footer .vap-footer-main .footer-links li {
	margin: 0;
}

.vap-footer .vap-footer-main .vap-footer-social {
	display: grid;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.vap-footer .vap-footer-main .vap-footer-social a {
	display: inline-flex;
	align-items: center;
	gap: 10px;
}
.vap-footer .vap-footer-main .vap-footer-social__ico {
	display: block;
	flex: none;
	width: 22px;
	height: 22px;
	color: #FFFFFF;
}

/* Seat-cover models: one row of links, separated by bars */
.vap-footer-models {
	margin-top: 28px;
	padding-top: 24px;
	border-top: 1px solid #0F4F87;
}
.vap-footer .vap-footer-models__list {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 0;
	margin: 0;
	padding: 0;
	list-style: none;
}
.vap-footer .vap-footer-models__list li {
	margin: 0;
}
.vap-footer .vap-footer-models__list li:not(:last-child)::after {
	content: "|";
	margin-inline: 10px;
	color: #9CC7D1;
}

/* Bottom bar: 63px, thin top border */
.vap-footer-bottom {
	border-top: 1px solid #0F4F87;
}
.vap-footer-bottom__inner {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	width: min(var(--vap-container), calc(100% - 2 * var(--vap-gutter)));
	min-height: 63px;
	margin-inline: auto;
	padding-inline: 24px;
}
.vap-footer .vap-footer-bottom p {
	margin: 0;
	color: #FFFFFF;
	font-size: var(--vap-fs-base);
	line-height: 22px;
}

@media (max-width: 1023px) {
	.vap-footer-cols {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
	.vap-footer-col:first-child {
		grid-column: 1 / -1;
		padding-right: 0;
		border-right: 0;
	}
}

@media (max-width: 767px) {
	.vap-footer-strip__inner {
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		min-height: 0;
		padding-block: 12px;
	}
	.vap-footer .vap-footer-strip p {
		font-size: var(--vap-fs-sm);
	}
	.vap-footer-main__inner {
		padding-top: 24px;
	}
	.vap-footer-cols {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		row-gap: 24px;
	}
	.vap-footer-col:first-child {
		grid-column: 1 / -1;
	}
	.vap-footer .vap-footer-main h2 {
		font-size: var(--vap-fs-base);
	}
	.vap-footer .vap-footer-main p,
	.vap-footer .vap-footer-main a {
		font-size: var(--vap-fs-sm);
	}
	/* 44px touch targets for list links */
	.vap-footer .vap-footer-main .footer-links a,
	.vap-footer .vap-footer-main .vap-footer-social a,
	.vap-footer .vap-footer-models__list a {
		display: inline-flex;
		align-items: center;
		min-height: 44px;
	}
	.vap-footer .vap-footer-main .footer-links {
		gap: 0;
	}
	.vap-footer .vap-footer-models__list li:not(:last-child)::after {
		margin-inline: 6px;
	}
	/* Clear the fixed mobile contact bar at the very end of the page */
	.vap-footer-bottom__inner {
		min-height: 52px;
	}
	.vap-footer-bottom {
		padding-bottom: calc(56px + env(safe-area-inset-bottom));
	}
}

/* ---------- Plain pages (policies etc.): white, no box ---------- */
.vap-plain {
	box-sizing: border-box;
	width: min(var(--vap-container), calc(100% - 2 * var(--vap-gutter)));
	max-width: var(--vap-container);
	margin: 24px auto 56px;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: var(--vap-surface);
}
.vap-plain > .vap-auto-title {
	margin-bottom: 20px;
}
.vap-plain .vap-prose {
	max-width: 860px;
	font-size: var(--vap-fs-base);
	line-height: 1.7;
	color: var(--vap-text);
}
.vap-plain .vap-prose > * {
	max-width: none;
}
.vap-plain .vap-prose h2 {
	margin-block: 28px 10px;
	font-size: var(--vap-fs-md);
	font-weight: 700;
	line-height: 1.35;
}
.vap-plain .vap-prose h3 {
	margin-block: 20px 8px;
	font-size: var(--vap-fs-base);
	font-weight: 700;
}
.vap-plain .vap-prose a {
	color: var(--vap-primary);
}
@media (max-width: 767px) {
	.vap-plain {
		margin-block: 16px 40px;
	}
}

/* ---------- Cart, checkout, order received ---------- */
.woocommerce-cart .vap-page,
.woocommerce-checkout .vap-page {
	padding-block: 16px 48px;
}
.woocommerce-cart .vap-page > .vap-auto-title,
.woocommerce-checkout .vap-page > .vap-auto-title {
	margin-top: 8px;
	margin-bottom: 20px;
	font-size: var(--vap-fs-xl);
	font-weight: 700;
}

/* White panels for the main column and the order summary column */
.woocommerce-cart .wc-block-components-main,
.woocommerce-checkout .wc-block-components-main,
.woocommerce-cart .wc-block-components-sidebar,
.woocommerce-checkout .wc-block-components-sidebar {
	box-sizing: border-box;
	padding: 20px;
	border: 1px solid var(--vap-line);
	border-radius: var(--vap-radius-sm);
	background: var(--vap-surface);
}
.woocommerce-cart .wc-block-components-sidebar-layout,
.woocommerce-checkout .wc-block-components-sidebar-layout {
	align-items: start;
}
.woocommerce-cart .wc-block-components-sidebar,
.woocommerce-checkout .wc-block-components-sidebar {
	align-self: start;
}
.woocommerce-cart .wc-block-components-sidebar .wc-block-components-totals-wrapper,
.woocommerce-checkout .wc-block-components-sidebar .wc-block-components-totals-wrapper,
.woocommerce-checkout .wc-block-components-sidebar .wp-block-woocommerce-checkout-order-summary-block {
	border: 0;
	padding-inline: 0;
	background: transparent;
}
.woocommerce-cart .wc-block-components-main,
.woocommerce-checkout .wc-block-components-main {
	min-width: 0;
}

/* Inputs: 1px #E5E5E5 line, 4px radius, 40px tall. Core's form rules are (0,3,2); these selectors are higher so they win. */
.woocommerce-cart .wc-block-components-form .wc-block-components-text-input input[type],
.woocommerce-checkout .wc-block-components-form .wc-block-components-text-input input[type],
.woocommerce-checkout .wc-block-components-form .wc-block-components-address-form input[type],
.woocommerce-checkout .wc-block-components-form .wc-blocks-components-select .wc-blocks-components-select__select,
.woocommerce-checkout .wc-block-components-form .wc-block-components-country-input select,
.woocommerce-cart .wc-block-components-form .wc-block-components-quantity-selector input {
	box-sizing: border-box;
	height: 40px;
	min-height: 40px;
	border: 1px solid var(--vap-line);
	border-radius: var(--vap-radius-sm);
	background: var(--vap-white);
	font-family: var(--vap-font-body);
	font-size: var(--vap-fs-base);
}
.woocommerce-checkout .wc-block-components-form .wc-block-components-textarea {
	box-sizing: border-box;
	border: 1px solid var(--vap-line);
	border-radius: var(--vap-radius-sm);
	background: var(--vap-white);
	font-family: var(--vap-font-body);
}
.woocommerce-cart .wc-block-components-form .wc-block-components-text-input input:focus,
.woocommerce-checkout .wc-block-components-form .wc-block-components-text-input input:focus,
.woocommerce-checkout .wc-block-components-form .wc-blocks-components-select .wc-blocks-components-select__select:focus,
.woocommerce-checkout .wc-block-components-form .wc-block-components-textarea:focus {
	border-color: var(--vap-primary);
	box-shadow: none;
	outline: 2px solid var(--vap-primary);
	outline-offset: 0;
}

/* Primary action: full width, orange, radius 4 */
.woocommerce-cart .wc-block-cart__submit-button,
.woocommerce-checkout .wc-block-components-checkout-place-order-button,
.woocommerce-checkout .wc-block-components-checkout-place-order-button.wc-block-components-button,
.woocommerce-cart .wc-block-components-checkout-place-order-button {
	box-sizing: border-box;
	width: 100%;
	min-height: 44px;
	padding: 10px 16px;
	border: 1px solid var(--vap-primary);
	border-radius: var(--vap-radius-sm);
	background-color: var(--vap-primary);
	background-image: none;
	color: var(--vap-white);
	font-family: var(--vap-font-body);
	font-size: var(--vap-fs-base);
	font-weight: 700;
	justify-content: center;
}
.woocommerce-cart .wc-block-cart__submit-button:hover,
.woocommerce-checkout .wc-block-components-checkout-place-order-button:hover {
	background-color: var(--vap-primary-dark);
	border-color: var(--vap-primary-dark);
}
.woocommerce-cart .wc-block-cart__submit-button:focus-visible,
.woocommerce-checkout .wc-block-components-checkout-place-order-button:focus-visible {
	outline: 2px solid var(--vap-primary);
	outline-offset: 2px;
}

/* Mobile bottom bar (contact-bar, fixed) must not cover the payment controls */
@media (max-width: 767px) {
	.woocommerce-cart .vap-page,
	.woocommerce-checkout .vap-page,
	.woocommerce-order-received .vap-page {
		padding-bottom: calc(88px + env(safe-area-inset-bottom));
	}
	.woocommerce-cart .wc-block-components-main,
	.woocommerce-checkout .wc-block-components-main {
		padding: 16px;
	}
	/* Explicit tracks prevent the total from creating an implicit fourth column on narrow carts. */
	.woocommerce-cart .wc-block-cart table.wc-block-cart-items .wc-block-cart-items__row {
		grid-template-columns: 64px minmax(0, 1fr) auto;
		column-gap: 12px;
	}
	.woocommerce-cart .wc-block-cart table.wc-block-cart-items .wc-block-cart-item__image { grid-column: 1; grid-row: 1; width: auto; }
	.woocommerce-cart .wc-block-cart table.wc-block-cart-items .wc-block-cart-item__product { grid-column: 2; grid-row: 1; min-width: 0; padding-right: 0; }
	.woocommerce-cart .wc-block-cart table.wc-block-cart-items .wc-block-cart-item__total { grid-column: 3; grid-row: 1; }
	/* Checkout summary already has its own border on mobile: drop the outer panel to avoid a double box. */
	.woocommerce-checkout .wc-block-components-sidebar {
		padding: 0;
		border: 0;
		background: transparent;
	}
}

/* Order received: white panels and the same mobile clearance */
.woocommerce-order-received .wc-block-order-confirmation-summary,
.woocommerce-order-received .wc-block-order-confirmation-totals,
.woocommerce-order-received .wc-block-order-confirmation-address-wrapper address {
	background: var(--vap-surface);
}

/* Plain pages (cart, checkout, contact…): same content edge as every other page. */
.vap-main.vap-page.vap-wrap {
	box-sizing: border-box;
	width: min(var(--vap-container), calc(100% - 2 * var(--vap-gutter)));
	max-width: none;
	margin-right: auto;
	margin-left: auto;
	padding-right: 0;
	padding-left: 0;
}

/* Buttons: one look and one motion everywhere. Grow a little on hover so a visitor sees it is clickable, press in on tap. */
.vap-btn,
.vap-flash__buy,
.vap-seat__contact a,
.vap-accessory > div > a,
.wp-element-button,
.wp-block-button__link,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.wc-block-components-button:not(.is-link),
.vap-auto-header .vap-auto-search .wp-block-search__button,
.vap-chip,
.vap-sort-chip,
.page-numbers,
.vap-seat__chip,
.vap-seat__thumb {
	transition: transform 160ms cubic-bezier(.2, .8, .3, 1), box-shadow 160ms ease, background-color 160ms ease, border-color 160ms ease, color 160ms ease, filter 160ms ease;
}
.vap-btn--primary,
.vap-flash__buy,
.vap-seat__contact a,
.wc-block-components-button:not(.is-link),
.woocommerce a.button.alt,
.woocommerce button.button.alt {
	box-shadow: 0 1px 2px rgb(8 51 68 / 18%);
}
/* Phones keep :hover after a tap, so the grow-on-hover only runs where a pointer exists. */
@media (hover: hover) {
	.vap-btn:not(:disabled, [aria-disabled="true"], [hidden]):hover,
	.vap-flash__buy:hover,
	.vap-seat__contact a:hover,
	.vap-accessory > div > a:hover,
	.wp-element-button:hover,
	.wp-block-button__link:hover,
	.woocommerce a.button:hover,
	.woocommerce button.button:hover,
	.wc-block-components-button:not(.is-link):hover,
	.vap-auto-header .vap-auto-search .wp-block-search__button:hover {
		box-shadow: 0 8px 18px rgb(8 51 68 / 28%);
		transform: translateY(-1px) scale(1.04);
	}
	.vap-chip:hover,
	.vap-sort-chip:hover,
	a.page-numbers:hover,
	.vap-seat__chip:not(.is-unavailable):hover,
	.vap-seat__thumb:hover {
		box-shadow: 0 4px 10px rgb(8 51 68 / 18%);
		transform: translateY(-1px) scale(1.06);
	}
}
.vap-btn:not(:disabled, [aria-disabled="true"], [hidden]):active,
.vap-flash__buy:active,
.vap-seat__contact a:active,
.vap-accessory > div > a:active,
.wp-element-button:active,
.wp-block-button__link:active,
.woocommerce a.button:active,
.woocommerce button.button:active,
.wc-block-components-button:not(.is-link):active,
.vap-auto-header .vap-auto-search .wp-block-search__button:active,
.vap-chip:active,
.vap-sort-chip:active,
a.page-numbers:active,
.vap-seat__chip:not(.is-unavailable):active,
.vap-seat__thumb:active {
	box-shadow: none;
	transform: scale(.96);
	transition-duration: 60ms;
}
@media (prefers-reduced-motion: reduce) {
	.vap-btn,
	.vap-flash__buy,
	.vap-seat__contact a,
	.vap-accessory > div > a,
	.wp-element-button,
	.wp-block-button__link,
	.woocommerce a.button,
	.woocommerce button.button,
	.wc-block-components-button,
	.vap-chip,
	.vap-sort-chip,
	.page-numbers,
	.vap-seat__chip,
	.vap-seat__thumb {
		transition: none;
		transform: none !important;
	}
}