/*
Theme Name: Homelot Young Driver
Theme URI: https://wordpress.com/theme/homelot
Author: Automattic
Author URI: https://automattic.com/
Description: A refined block theme for modern real estate agencies, pairing editorial typography with image-led layouts for listings, agent profiles, and location-aware search.
Requires at least: 7.0
Tested up to: 7.0
Requires PHP: 7.2
Version: 1.3.14
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: homelot
Tags: one-column, three-columns, four-columns, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks
*/

/* Crossfade page transition */

@view-transition {
	navigation: auto;
}

/*
 * Navigation overlay: render child menu items inline (not as a dropdown),
 * indented under their parent and inheriting its font size. The selector
 * needs to out-rank core's `.wp-block-navigation .has-child .wp-block-navigation__submenu-container`,
 * which theme.json block css cannot (it is emitted inside :root :where()).
 */
.wp-block-navigation .wp-block-navigation__overlay-container .has-child {
	flex-wrap: wrap;
}

.wp-block-navigation .wp-block-navigation__overlay-container .has-child .wp-block-navigation__submenu-container {
	position: static;
	flex-basis: 100%;
	min-width: 0;
	border: none;
	padding: 0 0 0 var(--wp--preset--spacing--40);
	/* Transparent, or an opaque box paints over the parent's descenders (line-height is 1). */
	background-color: transparent;
	color: inherit;
}

.wp-block-navigation .wp-block-navigation__overlay-container .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	padding-top: 0;
	padding-bottom: 0;
}

/* Font smoothing */
body {
	text-rendering: geometricprecision;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: 0.1em
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}

/*
 * Prevents unnecessary scrollbars while handling long lines of preformatted text.
 * https://core.trac.wordpress.org/ticket/63875
 */
:where(pre) {
	overflow-x: auto;
}

/*
 * Make sure footers have no margin.
 * https://github.com/WordPress/gutenberg/issues/47637
 */
footer.wp-block-template-part {
	margin-block-start: 0 !important;
}

/* Utility classes for removing text decoration from link . */
.no-underline a {
	text-decoration: none;
}

/* Utility classes for custom ordering . */
.order-0 {
	order: 0;
}

.order-1 {
	order: 1;
}

.grow-0 {
	flex-grow: 0;
}

.grow {
	flex-grow: 1;
}

@media (min-width: 600px) {
	.md\:order-0 {
		order: 0;
	}

	.md\:order-1 {
		order: 1;
	}

	.md\:grow-0 {
		flex-grow: 0;
	}

	.md\:grow {
		flex-grow: 1;
	}
}

/*
 * Category archive: post tiles.
 *
 * The whole tile links to the post. The post title's link is stretched over the
 * tile with a pseudo-element, so the featured image, heading and excerpt all
 * share one target and one tab stop. The category links are lifted above that
 * overlay so they stay individually usable and open their own category.
 */
.homelot-post-tile {
	position: relative;
	isolation: isolate;
	height: 100%;
	background-color: var(--wp--preset--color--base);
	border: 0;
	border-radius: 14px;
	box-shadow: none;
	transition:
		transform 0.35s cubic-bezier(0.2, 0.7, 0.3, 1),
		border-color 0.35s ease,
		box-shadow 0.35s cubic-bezier(0.2, 0.7, 0.3, 1);
}

/* Restrained lift on hover and on keyboard focus. */
.homelot-post-tile:hover,
.homelot-post-tile:focus-within {
	transform: translateY(-6px);
	border-color: color-mix(in srgb, var(--wp--preset--color--custom-color-8) 18%, var(--wp--preset--color--accent-2));
	box-shadow: 0 24px 48px -22px color-mix(in srgb, var(--wp--preset--color--custom-color-8) 40%, transparent);
}

.homelot-post-tile .wp-block-post-featured-image {
	overflow: hidden;
	border-radius: 14px 14px 0 0;
	margin: 0;
	width: 100%;
}

.homelot-post-tile .wp-block-post-featured-image img {
	display: block;
	width: 100%;
	transition: transform 0.5s cubic-bezier(0.2, 0.7, 0.3, 1);
}

.homelot-post-tile:hover .wp-block-post-featured-image img,
.homelot-post-tile:focus-within .wp-block-post-featured-image img {
	transform: scale(1.05);
}

/* Hold the intro to a few lines so neighbouring tiles stay in step. */
.homelot-post-tile .wp-block-post-excerpt__excerpt {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	overflow: hidden;
}

/* Stretch the post title's link across the whole tile. */
.homelot-post-tile .wp-block-post-title a::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
}

/* Lift the category pills above the stretched link so they stay clickable. */
.homelot-post-tile .wp-block-post-terms {
	position: relative;
	z-index: 2;
}

/*
 * The grid is authored with a fixed column count, which does not reflow on its
 * own, so collapse it on narrower viewports.
 */
.homelot-archive-posts .wp-block-post-template {
	grid-template-columns: 1fr;
}

@media (min-width: 600px) {
	.homelot-archive-posts .wp-block-post-template {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 900px) {
	.homelot-archive-posts .wp-block-post-template {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (min-width: 1200px) {
	.homelot-archive-posts .wp-block-post-template {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media (prefers-reduced-motion: reduce) {
	.homelot-post-tile,
	.homelot-post-tile .wp-block-post-featured-image img {
		transition: none;
	}

	.homelot-post-tile:hover,
	.homelot-post-tile:focus-within {
		transform: none;
	}

	.homelot-post-tile:hover .wp-block-post-featured-image img,
	.homelot-post-tile:focus-within .wp-block-post-featured-image img {
		transform: none;
	}
}

/* Search actions follow the Read button corners and MyFirst quote colours. */
body .wp-block-search .wp-block-search__button {
 border-radius:var(--homelot-button-radius,9999px)!important;
 background:#8e14ff!important;color:#fff!important;
 border:0;min-width:48px;min-height:48px;
}
body .wp-block-search .wp-block-search__button:hover {background:#905aec!important;}
body .wp-block-search .wp-block-search__button svg {fill:currentColor;}
body .wp-block-search .wp-block-search__button:focus-visible {outline:3px solid #2f084a;outline-offset:3px;}
/* Native Details blocks keep FAQs editable and keyboard accessible without scripts. */
.homelot-faq {max-width:960px!important;margin-inline:auto;padding:clamp(20px,5vw,56px) 0;}
.homelot-faq h2 {font-size:clamp(26px,4vw,36px);margin-block:2rem 1rem;color:#30104b;}
.homelot-faq .wp-block-details {border:1px solid #e5daef;border-radius:14px;background:#fff;margin-block:12px;box-shadow:0 3px 14px #30104b08;overflow:hidden;}
.homelot-faq .wp-block-details summary {display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;cursor:pointer;list-style:none;font-weight:700;line-height:1.45;color:#30104b;}
.homelot-faq .wp-block-details summary::-webkit-details-marker {display:none;}
.homelot-faq .wp-block-details summary::after {content:'+';display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:50%;background:#f3e8ff;color:#8e14ff;font-size:24px;font-weight:400;}
.homelot-faq .wp-block-details[open] {border-color:#b57ae9;}
.homelot-faq .wp-block-details[open] summary {background:#faf6ff;}
.homelot-faq .wp-block-details[open] summary::after {content:'−';}
.homelot-faq .wp-block-details > :not(summary) {margin:0;padding:20px 24px 24px;line-height:1.7;}
.homelot-faq summary:focus-visible {outline:3px solid #8e14ff;outline-offset:-4px;}
@media(max-width:600px){.homelot-faq .wp-block-details summary{padding:18px 16px;gap:12px;font-size:16px;}.homelot-faq .wp-block-details > :not(summary){padding:16px;}}


.homelot-archive-hero .wp-block-search__input {background:#fff;border-radius:8px;}

.homelot-faq-page {padding:clamp(32px,5vw,64px) max(20px,4vw);background:linear-gradient(#faf6ff,#fff 650px);}
.homelot-faq-page > .wp-block-post-title {font-size:clamp(36px,6vw,60px);line-height:1.1;color:#30104b;margin:0 auto 20px;}
.homelot-faq-page > p {font-size:18px;line-height:1.6;max-width:650px;margin:0 auto;color:#59496a;}
.homelot-faq .wp-block-details summary {font-size:18px;}
.homelot-faq .wp-block-details > :not(summary) {font-size:17px;}
@media(max-width:600px){.homelot-faq .wp-block-details summary{font-size:16px;}}

/* One rounded white search surface, with breathing room around the action. */
body .wp-block-search .wp-block-search__inside-wrapper {
 background:#fff;border:1px solid #e5daef;border-radius:14px;
 padding:6px;gap:8px;box-sizing:border-box;align-items:center;
}
body .wp-block-search .wp-block-search__input {
 background:#fff;color:#30104b;border:0;border-radius:8px;
 padding:12px;min-width:0;box-shadow:none;
}
body .wp-block-search .wp-block-search__button {margin:0;padding:10px;flex-shrink:0;}

.homelot-faq-answer > :first-child {margin-top:0;}
.homelot-faq-answer > :last-child {margin-bottom:0;}
.homelot-faq-answer a {text-decoration:underline;overflow-wrap:anywhere;}

/* Full-width tile media; retain padding only around the written content. */
.homelot-post-tile {overflow:hidden;}
.homelot-post-tile__body {flex:1;width:100%;box-sizing:border-box;align-items:stretch;}


/* Shared single-post presentation, controlled by the theme. */
.homelot-article-page {padding-bottom:clamp(40px,6vw,80px);color:#30104b;}
.homelot-article-header {
 background:linear-gradient(180deg,#faf6ff,#fff);padding:clamp(32px,6vw,72px) 20px 32px;
}
.homelot-article-header > * {max-width:1120px;margin-left:auto;margin-right:auto;}
.homelot-article-home {font-size:14px;margin-top:0;margin-bottom:28px;}
.homelot-article-home a {color:#685775;text-decoration:none;}
.homelot-article-home a:hover {color:#8e14ff;text-decoration:underline;}
.homelot-article-categories {display:flex;flex-wrap:wrap;gap:8px;font-size:13px;font-weight:700;line-height:1.5;}
.homelot-article-categories a {display:inline-block;padding:7px 12px;border-radius:999px;background:#f1e4ff;color:#6a0eba;text-decoration:none;}
.homelot-article-categories a:hover {background:#8e14ff;color:#fff;}
.homelot-article-categories .wp-block-post-terms__separator {display:none;}
.homelot-article-header .wp-block-post-title {font-size:clamp(32px,4.5vw,58px);line-height:1.13;letter-spacing:-.035em;color:#30104b;margin-top:22px;margin-bottom:24px;overflow-wrap:anywhere;}
.homelot-article-meta {font-size:14px;line-height:1.5;color:#685775;gap:16px;margin-top:0;}
.homelot-article-meta .wp-block-post-author-name {font-weight:600;}
.homelot-article-image {max-width:1160px;margin:0 auto 48px;padding:0 20px;box-sizing:border-box;}
.homelot-article-image img {display:block;width:100%;border-radius:18px;}
.homelot-article-content {width:100%;max-width:1160px;box-sizing:border-box;margin-left:auto;margin-right:auto;padding:0 20px;font-size:18px;line-height:1.8;color:#3f3547;overflow-wrap:break-word;}
.homelot-article-content > :first-child {margin-top:0;}
.homelot-article-content h2 {font-size:clamp(26px,3vw,34px);line-height:1.25;margin-top:48px;margin-bottom:20px;color:#30104b;}
.homelot-article-content h3 {font-size:clamp(21px,2.5vw,26px);line-height:1.35;margin-top:32px;color:#30104b;}
.homelot-article-content p,.homelot-article-content ul,.homelot-article-content ol {margin-block:22px;}
.homelot-article-content li+li {margin-top:8px;}
.homelot-article-content a {color:#7612cf;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere;}
.homelot-article-content .wp-block-quote {background:#faf6ff;border-left:4px solid #8e14ff;padding:20px 24px;margin-block:32px;border-radius:0 12px 12px 0;}
.homelot-article-content .wp-block-quote p {margin-block:0;}
.homelot-article-content .wp-block-table {overflow-x:auto;}
.homelot-article-content .wp-block-table th,.homelot-article-content .wp-block-table td {padding:12px 16px;border-color:#e5daef;}
.homelot-article-content img {max-width:100%;height:auto;}
.homelot-article-content .wp-block-image img {border-radius:12px;}
.homelot-article-end {max-width:760px;margin:40px auto 0;padding:24px 20px 0;border-top:1px solid #e5daef;}
.homelot-article-tags {font-size:14px;margin-top:16px;color:#685775;}
.homelot-article-cta {max-width:1120px;box-sizing:border-box;margin:56px auto 0;padding:36px 24px;background:#faf6ff;border:1px solid #e5daef;border-radius:18px;text-align:center;}
.homelot-article-cta h2 {font-size:clamp(24px,3vw,32px);line-height:1.3;margin:0 0 24px;color:#30104b;}
body .homelot-article-cta .wp-block-button__link {background:#8e14ff!important;color:#fff!important;border:0;border-radius:var(--homelot-button-radius,9999px)!important;font-size:16px;font-weight:700;padding:14px 24px;}
body .homelot-article-cta .wp-block-button__link:hover {background:#905aec!important;}
.homelot-article-navigation {max-width:1120px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:32px auto 0;}
.homelot-article-page a:focus-visible {outline:3px solid #8e14ff;outline-offset:4px;}
@media(max-width:1160px){.homelot-article-cta,.homelot-article-navigation{margin-left:20px;margin-right:20px;}}
@media(max-width:600px){
 .homelot-article-image{margin-bottom:32px;}.homelot-article-image img{border-radius:12px;}
 .homelot-article-content{font-size:17px;line-height:1.75;}
 .homelot-article-navigation{grid-template-columns:1fr;gap:12px;}
 .homelot-article-cta{margin-top:40px;}
}
.homelot-post-tile > .wp-block-post-featured-image {flex-shrink:0;}

/* Compact adjacent-post cards, sharing the archive tiles' visual language. */
.homelot-article-navigation {align-items:stretch;}
.homelot-article-navigation > .homelot-article-nav-card {
 display:grid;grid-template-columns:140px minmax(0,1fr);gap:0;
 margin:0!important;padding:0;border:1px solid #e5daef;border-radius:14px;
 background:#fff;color:#30104b;text-decoration:none;overflow:hidden;
 box-shadow:0 2px 8px #30104b08;min-height:184px;
 transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.homelot-article-nav-media {display:block;overflow:hidden;background:#f3e8ff;}
.homelot-article-nav-media img {display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease;}
.homelot-article-nav-placeholder {height:100%;display:grid;place-items:center;color:#a164ce;}
.homelot-article-nav-placeholder svg {width:48px;height:48px;}
.homelot-article-nav-body {display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:22px;min-width:0;}
.homelot-article-nav-label {font-size:11px;font-weight:700;line-height:1.4;letter-spacing:.07em;text-transform:uppercase;color:#786388;}
.homelot-article-nav-label > span {color:#8e14ff;font-size:15px;}
.homelot-article-nav-title {font-size:17px;font-weight:700;line-height:1.4;color:#6a0eba;overflow-wrap:anywhere;}
.homelot-article-nav-action {margin-top:auto;background:#8e14ff;color:#fff;padding:8px 14px;border-radius:var(--homelot-button-radius,9999px);font-size:12px;font-weight:700;line-height:1.2;}
.homelot-article-navigation > .homelot-article-nav-card:hover,
.homelot-article-navigation > .homelot-article-nav-card:focus-visible {transform:translateY(-4px);border-color:#ba83e9;box-shadow:0 16px 30px -18px #6a0eba60;text-decoration:none;}
.homelot-article-nav-card:hover .homelot-article-nav-media img {transform:scale(1.04);}
.homelot-article-nav-card:hover .homelot-article-nav-action {background:#905aec;}
@media(min-width:601px) and (max-width:900px){.homelot-article-navigation > .homelot-article-nav-card{grid-template-columns:100px minmax(0,1fr);}.homelot-article-nav-body{padding:18px;}}
@media(max-width:600px){.homelot-article-navigation > .homelot-article-nav-card{grid-template-columns:110px minmax(0,1fr);min-height:168px;}.homelot-article-nav-body{padding:18px;gap:10px;}.homelot-article-nav-title{font-size:16px;}}
@media(prefers-reduced-motion:reduce){.homelot-article-navigation > .homelot-article-nav-card,.homelot-article-nav-media img{transition:none;}.homelot-article-navigation > .homelot-article-nav-card:hover,.homelot-article-navigation > .homelot-article-nav-card:focus-visible,.homelot-article-nav-card:hover .homelot-article-nav-media img{transform:none;}}
.homelot-article-nav-media {position:relative;}
.homelot-article-nav-media img,.homelot-article-nav-placeholder {position:absolute;inset:0;}
.homelot-article-nav-placeholder {width:100%;}

/* Compact archive cards match the Site Editor reference. */
.homelot-post-tile.mf-apple-card {background:linear-gradient(180deg,#f3eaff 0%,#fff 100%);gap:0;padding:0;}
.homelot-post-tile.mf-apple-card .wp-block-post-featured-image img {aspect-ratio:16/9;object-fit:cover;}
.homelot-post-tile.mf-apple-card .homelot-post-tile__body {gap:var(--wp--preset--spacing--20,8px);}
.homelot-post-tile.mf-apple-card .homelot-post-tile__body > * {margin:0;}
.homelot-post-tile.mf-apple-card .wp-block-post-terms,
.homelot-post-tile.mf-apple-card .wp-block-post-terms a {color:#8f14ff;font-size:12px;font-weight:400;text-decoration:none;}
.homelot-post-tile.mf-apple-card .wp-block-post-terms a:hover {text-decoration:underline;}
.homelot-post-tile.mf-apple-card .wp-block-post-title,
.homelot-post-tile.mf-apple-card .wp-block-post-title a {color:#1a1a1a;font-size:18px;font-weight:700;line-height:1.4;text-decoration:none;}
.homelot-post-tile.mf-apple-card .wp-block-post-excerpt {color:#6b6b66;font-size:16px;font-weight:400;line-height:1.4;}
.homelot-post-tile.mf-apple-card .wp-block-post-excerpt__excerpt {margin:0;}
.homelot-post-tile.mf-apple-card .mf-card-date-bottom {color:#1a1a1a;font-size:12px;line-height:1.5;margin-top:auto;padding-top:4px;}

.homelot-archive-posts .wp-block-post-template > li {min-width:0;}
.homelot-post-tile.mf-apple-card .homelot-post-tile__body > * {max-width:100%;overflow-wrap:anywhere;}