/**
 * Car Hunter Express — Phase 1 shell + Phase 2A theme-only tweaks.
 *
 * Phase 2A: main visual styles come from enqueued LiteSpeed bundles
 * (ls-11e2f… block library + ls-592ca… theme). This file only adds small
 * WordPress-specific fixes and documents cleanup debt for later phases.
 */

/* -------------------------------------------------------------------------
 * Phase 2A — Header (WP admin bar vs fixed header)
 * ------------------------------------------------------------------------- */
body.admin-bar header.fixed {
	top: 32px;
}
@media (max-width: 782px) {
	body.admin-bar header.fixed {
		top: 46px;
	}
}

/* Mobile header logo — 15% larger than h-10 / 150×40 (desktop .h-14 unchanged). */
@media (max-width: 1099px) {
	header .leo-logo.block.h-10 {
		height: 46px;
		max-width: 172.5px;
	}

	header .leo-logo.block.h-10 img {
		width: auto;
		height: 100%;
		max-width: 100%;
		object-fit: contain;
		object-position: left center;
	}
}

/* -------------------------------------------------------------------------
 * Phase 2A — Hero (#leo-intro)
 * Critical hero rules live in assets/css/phase2a-hero-critical.css (inlined
 * after leocar-ls-main in inc/enqueue.php).
 * ------------------------------------------------------------------------- */

/* Homepage — standard mobile section padding (matches .leo-subscription-steps pt-16 / pb-16). */
@media (max-width: 1023px) {
	body.home #catalog_54.leo-catalog-home:not(.leocar-catalog-page-block) {
		padding-top: 4rem !important;
		padding-bottom: 2.4rem !important;
	}

	body.home #leo-intro.leo-intro-main {
		padding-bottom: 4rem !important;
	}

	body.home #leo-personal-driver {
		padding-top: 4rem !important;
		padding-bottom: 4rem !important;
	}

	/* Footer mt-28 (7rem) leaves an oversized gap after the last homepage section on mobile. */
	body.home footer {
		margin-top: 4rem !important;
	}
}

/* -------------------------------------------------------------------------
 * Phase 2A — Footer
 * (No extra rules yet; footer relies on ls-592ca… bundle.)
 * ------------------------------------------------------------------------- */

.leocar-footer-accordion__trigger {
	cursor: pointer;
	touch-action: manipulation;
	-webkit-tap-highlight-color: transparent;
}

.leocar-footer-accordion__chevron {
	display: block;
	transition: transform 0.2s ease;
	transform-origin: center;
}

@media (prefers-reduced-motion: reduce) {
	.leocar-footer-accordion__chevron {
		transition: none;
	}
}

@media (max-width: 1023px) {
	.leocar-footer-accordion:not(.leocar-footer-accordion--open) .leocar-footer-accordion__panel {
		display: none;
	}

	.leocar-footer-accordion--open .leocar-footer-accordion__panel {
		display: flex !important;
	}
}

@media (min-width: 1024px) {
	.leocar-footer-accordion .leocar-footer-accordion__panel {
		display: flex;
	}

	.leocar-footer-accordion__chevron {
		display: none;
	}

	.leocar-footer-accordion__trigger {
		cursor: default;
	}
}

.leocar-footer-accordion__trigger:focus-visible {
	outline: 2px solid rgba(39, 172, 91, 0.85);
	outline-offset: 3px;
}

body.leocar-theme {
	margin: 0;
	min-height: 100vh;
	font-family: Evolventa, system-ui, sans-serif;
	background: #0a0a0a;
	color: #fafafa;
}

.leocar-skeleton {
	outline: 1px dashed rgba(255, 255, 255, 0.15);
	min-height: 2rem;
	padding: 1rem 0;
	margin: 0 auto;
	max-width: 1200px;
}

.leocar-skeleton__label {
	font-size: 0.75rem;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: rgba(250, 250, 250, 0.45);
}

.leocar-car-finder-page__helper-link,
.leocar-contact-page__intro a,
.leocar-services-page__contact-link a,
.leocar-car-acf-links a {
	color: #27ac5b;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.leocar-car-finder-page__helper-link {
	margin-left: 0.35rem;
}

.leocar-contact-page__intro,
.leocar-services-page__contact-link {
	margin-top: 0.5rem;
	font-size: 0.9375rem;
	color: rgba(170 170 170 / 0.95);
}

/* Mobile header — language + icons: even gaps, icons +25% (20px → 25px). */
@media (max-width: 1099px) {
	header .leocar-mobile-header-actions {
		--leocar-mobile-header-icon: 1.5625rem;
		--leocar-mobile-header-gap: 1.25rem;
		display: flex;
		align-items: center;
		gap: var(--leocar-mobile-header-gap) !important;
	}

	header .leocar-mobile-header-actions > * {
		flex: 0 0 auto;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	header .leocar-mobile-header-actions .mobile-header-icon,
	header .leocar-mobile-header-actions .leo-burger {
		width: var(--leocar-mobile-header-icon) !important;
		height: var(--leocar-mobile-header-icon) !important;
	}

	header .leocar-mobile-header-actions .mobile-header-icon svg,
	header .leocar-mobile-header-actions .leo-burger svg {
		display: block;
		width: 100%;
		height: 100%;
	}

	.leocar-mobile-header-language {
		height: auto;
		min-height: 0;
		overflow: visible;
		background: transparent;
	}

	.leocar-mobile-header-language > span {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 0.3125rem;
		line-height: 1;
		height: auto;
		overflow: visible;
		background: transparent;
		font-size: 0.8125rem;
	}

	.leocar-mobile-header-language > span::after {
		flex-shrink: 0;
		align-self: center;
	}

	.leocar-mobile-header-language > span > img {
		display: block;
		width: 16.25px;
		height: 16.25px;
		object-fit: cover;
		flex-shrink: 0;
		background: transparent;
		border-radius: 50%;
		vertical-align: middle;
	}

	.leocar-mobile-header-language ul:not(.hidden) {
		display: flex !important;
		flex-direction: column;
		align-items: center;
		padding-left: 0.75rem;
		padding-right: 0.75rem;
	}

	.leocar-mobile-header-language ul li {
		display: flex !important;
		justify-content: center !important;
		align-items: center;
		width: 100%;
		text-align: center !important;
	}

	.leocar-mobile-header-language ul .leocar-lang-option,
	.leocar-mobile-header-language ul li button {
		display: inline-flex !important;
		justify-content: center !important;
		align-items: center;
		width: 100%;
		text-align: center !important;
	}

	.leocar-mobile-header-language ul li img {
		flex-shrink: 0;
	}
}