/*
Theme Name: Lithia Marketing
Theme URI: https://lithiaweb.com/
Author: Lithia Web
Author URI: https://lithiaweb.com/
Description: Blank custom block theme starter for Lithia Marketing.
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 8.1
Version: 0.1.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lithia-marketing
Tags: block-theme, full-site-editing, custom-logo, translation-ready
*/

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
}

.wp-site-blocks {
	min-height: 100vh;
}

a {
	text-underline-offset: 0.16em;
}

.is-style-lithia-panel,
.lithia-panel {
	border: 1px solid var(--wp--preset--color--line, #ddd6cb);
	border-radius: 10px;
	box-shadow: var(--wp--preset--shadow--soft);
}

.is-style-lithia-button-ghost .wp-block-button__link,
.wp-block-button.is-style-lithia-button-ghost .wp-block-button__link {
	background: transparent;
	border: 1px solid currentColor;
	color: currentColor;
}

.is-style-lithia-kicker-heading,
.wp-block-heading.is-style-lithia-kicker-heading {
	font-size: var(--wp--preset--font-size--xs);
	font-weight: 700;
	letter-spacing: 0.18em;
	line-height: 1.2;
	text-transform: uppercase;
}

.is-style-lithia-soft-shadow img,
.wp-block-image.is-style-lithia-soft-shadow img {
	box-shadow: var(--wp--preset--shadow--float);
	border-radius: clamp(1rem, 1.5vw, 1.5rem);
}

.lithia-section-label {
	font-size: var(--wp--preset--font-size--xs);
	font-weight: 700;
	letter-spacing: 0.16em;
	margin: 0 0 0.9rem;
	text-transform: uppercase;
}

.lithia-stat {
	display: grid;
	gap: 0.3rem;
}

.lithia-stat__value {
	font-family: var(--wp--preset--font-family--display);
	font-size: clamp(2.4rem, 4vw, 4.5rem);
	font-weight: 600;
	line-height: 0.95;
}

.lithia-stat__label {
	color: var(--wp--preset--color--muted);
	font-size: var(--wp--preset--font-size--xs);
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.lithia-card-grid .wp-block-post {
	height: 100%;
}

.lithia-stack > * + * {
	margin-block-start: 0.9rem;
}

.lithia-site-footer p {
	margin-block: 0;
}

.home .lithia-meta-hero__panel,
.blog .lithia-meta-hero__panel {
	border-color: color-mix(in srgb, var(--wp--preset--color--accent) 45%, var(--wp--preset--color--line));
	border-radius: 10px;
	box-shadow: 0 24px 60px rgba(28, 26, 25, 0.22);
}

.home .lithia-meta-hero__eyebrow,
.blog .lithia-meta-hero__eyebrow {
	color: var(--wp--preset--color--highlight);
}

.home .lithia-service-query-card,
.blog .lithia-service-query-card {
	border-radius: 10px;
	background:
		linear-gradient(180deg, color-mix(in srgb, var(--wp--preset--color--surface) 88%, var(--wp--preset--color--highlight)) 0%, var(--wp--preset--color--surface) 100%);
}

.home .lithia-service-query-card .wp-block-post-title a,
.blog .lithia-service-query-card .wp-block-post-title a {
	color: var(--wp--preset--color--primary);
}

.home .lithia-section-intro__eyebrow,
.blog .lithia-section-intro__eyebrow {
	color: var(--wp--preset--color--accent);
}

.home .lithia-section-intro__inner,
.blog .lithia-section-intro__inner {
	border-radius: 10px;
}

.home .lithia-site-footer .is-style-lithia-panel,
.blog .lithia-site-footer .is-style-lithia-panel {
	border-radius: 10px;
	background:
		linear-gradient(180deg, color-mix(in srgb, var(--wp--preset--color--surface) 90%, var(--wp--preset--color--highlight)) 0%, var(--wp--preset--color--surface) 100%);
}

.lithia-services-query-pattern {
	width: 100%;
}

.lithia-service-query-card {
	overflow: hidden;
	align-items: stretch;
}

.lithia-service-query-card__media-col,
.lithia-service-query-card__content-col {
	margin-block-start: 0 !important;
}

.lithia-service-query-card__cover {
	height: 100%;
}

.lithia-service-query-card .wp-block-post-title {
	margin-bottom: 1rem;
}

.lithia-service-query-card .wp-block-post-excerpt {
	margin-bottom: 1.4rem;
}

.lithia-service-query-card__read-more {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.9rem 1.35rem;
	border-radius: 999px;
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--surface);
	font-size: var(--wp--preset--font-size--sm);
	font-weight: 700;
	letter-spacing: 0.04em;
	text-decoration: none;
	text-transform: uppercase;
}

.lithia-service-archive,
.lithia-service-single {
	padding: var(--wp--preset--spacing--50) clamp(1.2rem, 3vw, 2rem) var(--wp--preset--spacing--70);
}

main.lithia-service-single {
	padding: 0;
	margin: 0 !important;
	width: 100% !important;
}

.lithia-service-shell {
	width: 100%;
}

.lithia-service-single__hero {
	color: var(--wp--preset--color--surface);
}

.lithia-post-single {
	width: min(var(--wp--style--global--content-size, 760px), calc(100% - 2 * var(--wp--preset--spacing--30)));
	margin: 0 auto;
}

.lithia-post-single .wp-block-post-title {
	margin-bottom: var(--wp--preset--spacing--20);
}

.lithia-post-single .wp-block-post-date,
.lithia-post-single .wp-block-post-terms {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 1rem;
	margin: 0;
	color: var(--wp--preset--color--muted);
	font-size: var(--wp--preset--font-size--sm);
}

.lithia-post-single .wp-block-post-content {
	margin-top: 0;
}

.lithia-post-single__content {
	max-width: var(--wp--style--global--content-size, 760px);
	margin: 0 auto;
	padding-top: var(--wp--preset--spacing--20);
}

.lithia-post-single .wp-block-post-featured-image {
	margin-bottom: var(--wp--preset--spacing--40);
}

.lithia-service-panel {
	border: 1px solid var(--wp--preset--color--line, #ddd6cb);
	border-radius: 10px;
	box-shadow: var(--wp--preset--shadow--soft);
}

.lithia-service-single__section,
.lithia-service-single__booking-card,
.lithia-service-single__related,
.lithia-service-archive__card {
	padding: clamp(1.35rem, 3vw, 2rem);
}

.lithia-service-single__details-card {
	display: grid;
	gap: 1rem;
	margin-top: 1.5rem;
	padding: clamp(1.25rem, 2.5vw, 2rem);
	background: rgba(24, 24, 23, 0.76);
	color: var(--wp--preset--color--surface);
}

.lithia-service-single__eyebrow,
.lithia-service-section__eyebrow,
.lithia-service-archive__eyebrow {
	margin: 0 0 0.85rem;
	color: var(--wp--preset--color--accent);
	font-size: var(--wp--preset--font-size--xs);
	font-weight: 700;
	letter-spacing: 0.18em;
	text-transform: uppercase;
}

.lithia-service-single__title {
	margin: 0;
	color: #fff;
	font-size: clamp(2.8rem, 8vw, 5.8rem);
	line-height: 0.92;
}

.lithia-service-single h1.wp-block-heading {
	font-size: 64px;
}

.lithia-service-single h2.wp-block-heading {
	font-size: var(--wp--preset--font-size--xl);
}

.lithia-service-single__lead,
.lithia-service-single__booking-note,
.lithia-service-archive__intro {
	font-size: clamp(1rem, 1.8vw, 1.2rem);
}

.lithia-service-single__actions,
.lithia-service-archive__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.9rem;
	margin-top: 1.4rem;
}

.lithia-service-button,
.lithia-service-button:visited {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.9rem 1.3rem;
	border-radius: 999px;
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--surface);
	font-size: var(--wp--preset--font-size--sm);
	font-weight: 700;
	letter-spacing: 0.04em;
	text-decoration: none;
	text-transform: uppercase;
}

.lithia-service-button--ghost,
.lithia-service-button--ghost:visited {
	background: transparent;
	border: 1px solid currentColor;
	color: inherit;
}

.lithia-service-single__detail-list,
.lithia-service-list,
.lithia-service-process {
	display: grid;
	gap: 1rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.lithia-service-single__detail-list dt {
	margin: 0 0 0.2rem;
	color: var(--wp--preset--color--accent);
	font-size: var(--wp--preset--font-size--xs);
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.lithia-service-single__detail-list dd {
	margin: 0;
	font-size: var(--wp--preset--font-size--md);
}

.lithia-service-single__main {
	display: grid;
	grid-template-columns: minmax(0, 1.4fr) minmax(18rem, 0.9fr);
	gap: clamp(1.5rem, 3vw, 2rem);
	width: min(var(--wp--style--global--content-size, 1220px), calc(100% - (2 * var(--wp--preset--spacing--30))));
	margin-right: auto;
	margin-left: auto;
	margin-top: clamp(1.5rem, 3vw, 2rem);
}

.lithia-service-single__stack,
.lithia-service-single__aside {
	display: grid;
	gap: clamp(1.5rem, 3vw, 2rem);
}

.lithia-service-section__title,
.lithia-service-archive__title,
.lithia-service-card__title {
	margin: 0;
	font-size: var(--wp--preset--font-size--xl);
}

.lithia-service-section__body > :first-child,
.lithia-service-card__excerpt > :first-child {
	margin-top: 0;
}

.lithia-service-section__body > :last-child,
.lithia-service-card__excerpt > :last-child {
	margin-bottom: 0;
}

.lithia-service-list__item,
.lithia-service-process__item {
	padding: 1rem 0 0;
	border-top: 1px solid var(--wp--preset--color--line, #ddd6cb);
}

.lithia-service-list__title,
.lithia-service-process__title {
	margin: 0 0 0.35rem;
}

.lithia-service-archive__header {
	display: grid;
	gap: 1rem;
	margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

.lithia-service-single__booking-card,
.lithia-service-single__related {
	background: var(--wp--preset--color--surface);
}

.lithia-service-related-list {
	display: grid;
	gap: 1rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.lithia-service-related-list__item {
	padding-top: 1rem;
	border-top: 1px solid var(--wp--preset--color--line, #ddd6cb);
}

.lithia-service-related-list__item:first-child {
	padding-top: 0;
	border-top: 0;
}

.lithia-service-related-list__link {
	color: inherit;
	font-family: var(--wp--preset--font-family--display);
	font-size: clamp(1.1rem, 2vw, 1.5rem);
	font-weight: 600;
	line-height: 1.05;
	text-decoration: none;
}

.lithia-service-archive__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(1.5rem, 3vw, 2rem);
}

.lithia-service-archive__card {
	display: grid;
	gap: 1.25rem;
	background: var(--wp--preset--color--surface);
}

.lithia-service-card__image-wrap img {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	border-radius: 1rem;
}

.lithia-service-card__tax {
	color: var(--wp--preset--color--muted);
	font-size: var(--wp--preset--font-size--xs);
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

@media (max-width: 960px) {
	.lithia-service-single__main,
	.lithia-service-archive__grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 781px) {
	.lithia-service-query-card__content-col {
		padding-top: var(--wp--preset--spacing--30) !important;
		padding-right: var(--wp--preset--spacing--30) !important;
		padding-bottom: var(--wp--preset--spacing--30) !important;
		padding-left: var(--wp--preset--spacing--30) !important;
	}

	.lithia-service-query-card__cover {
		border-top-right-radius: 10px !important;
		border-bottom-left-radius: 0 !important;
	}

	.lithia-service-single,
	.lithia-service-archive {
		padding-right: 1rem;
		padding-left: 1rem;
	}

	.lithia-service-single__title {
		font-size: clamp(2.35rem, 14vw, 3.6rem);
	}
}