/*
Theme Name:  Right Living Homes | 臻居
Theme URI:   https://rightlivinghomes.co.nz
Author:      Right Living Homes
Author URI:  https://rightlivinghomes.co.nz
Description: Custom WordPress block theme for Right Living Homes | 臻居 — a bespoke home builder based in New Zealand. Warm, refined design system combining English elegance with Chinese aesthetic sensibility. Built for Full Site Editing.
Version:     2.0.0
Requires at least: 6.4
Tested up to:     7.0
Requires PHP:     8.1
License:     Proprietary
Text Domain: rightlivinghomes
Tags:        block-styles, full-site-editing, custom-colors, custom-logo, featured-images, threaded-comments
*/

/* =====================================================================
   Supplemental styles only.
   Design tokens (colours, fonts, spacing, layout) live in theme.json and
   are exposed as --wp--preset--* / --wp--custom--* custom properties.
   Everything here is interaction/detail that theme.json cannot express.
   ===================================================================== */

/* ---------------------------------------------------------------------
   Brand rule — short gold→vermilion gradient divider.
   Applied via className "rule" or the "Brand Rule" separator style.
   --------------------------------------------------------------------- */
.wp-block-separator.rule,
.wp-block-separator.is-style-rule {
	width: 56px;
	max-width: 56px;
	height: 2px;
	border: none;
	opacity: 1;
	background: linear-gradient( 90deg, var(--wp--preset--color--gold), var(--wp--preset--color--vermilion) );
}

.wp-block-separator.rule--center { margin-inline: auto; }

/* ---------------------------------------------------------------------
   Sticky site header (replaces the old JS scroll handler).
   --------------------------------------------------------------------- */
.site-header {
	position: sticky;
	top: 0;
	z-index: 100;
	border-bottom: 1px solid var(--wp--custom--line);
	-webkit-backdrop-filter: blur( 8px );
	backdrop-filter: blur( 8px );
}

.site-header .wp-block-navigation a:hover { color: var(--wp--preset--color--vermilion); }

/* ---------------------------------------------------------------------
   Post cards — hover lift + image zoom.
   --------------------------------------------------------------------- */
.card {
	border-radius: var(--wp--custom--radius--md);
	overflow: hidden;
	box-shadow: 0 1px 3px rgba( 58, 47, 37, 0.06 );
	transition: transform var(--wp--custom--duration) var(--wp--custom--ease),
		box-shadow var(--wp--custom--duration) var(--wp--custom--ease);
}

.card:hover {
	transform: translateY( -4px );
	box-shadow: 0 16px 40px rgba( 58, 47, 37, 0.12 );
}

.card .card__thumb img {
	width: 100%;
	transition: transform 0.6s var(--wp--custom--ease);
}

.card:hover .card__thumb img { transform: scale( 1.04 ); }

.card .card__title a:hover { color: var(--wp--preset--color--vermilion); }

/* ---------------------------------------------------------------------
   Single post / page polish.
   --------------------------------------------------------------------- */
.entry-content :is( h2, h3, h4 ) { margin-top: 2rem; }

.entry-content blockquote {
	margin-block: 2rem;
}

.entry-content pre {
	background: var(--wp--preset--color--ink);
	color: var(--wp--preset--color--cream);
	padding: 1.5rem;
	border-radius: var(--wp--custom--radius--md);
	overflow-x: auto;
}

.post-nav a {
	font-family: var(--wp--preset--font-family--display-en);
	font-size: 1.125rem;
	transition: color var(--wp--custom--duration) var(--wp--custom--ease);
}

.post-nav a:hover { color: var(--wp--preset--color--vermilion); }

/* Tag list under a post */
.wp-block-post-terms a {
	display: inline-block;
	margin-right: 0.5rem;
	font-size: 0.72rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	padding: 0.25rem 0.75rem;
	border: 1px solid var(--wp--custom--line);
	border-radius: 999px;
	transition: border-color var(--wp--custom--duration) var(--wp--custom--ease),
		color var(--wp--custom--duration) var(--wp--custom--ease);
}

.wp-block-post-terms a:hover {
	border-color: var(--wp--preset--color--vermilion);
	color: var(--wp--preset--color--vermilion);
}

/* ---------------------------------------------------------------------
   Comments + search inputs.
   --------------------------------------------------------------------- */
.comments-area {
	margin-top: 4rem;
	padding-top: 3rem;
	border-top: 1px solid var(--wp--custom--line);
}

.wp-block-comment-template li {
	padding-block: 1.5rem;
	border-bottom: 1px solid var(--wp--custom--line);
	list-style: none;
}

.wp-block-comment-author-name { font-weight: 500; }
.wp-block-comment-date { color: var(--wp--preset--color--ink-light); }
.wp-block-avatar img { border-radius: 50%; }

.search-form .wp-block-search__input,
.comment-form input[ type="text" ],
.comment-form input[ type="email" ],
.comment-form input[ type="url" ],
.comment-form textarea {
	border: 1px solid var(--wp--custom--line);
	border-radius: var(--wp--custom--radius--sm);
	padding: 0.75rem 1rem;
	background: #fff;
}

.search-form .wp-block-search__input:focus,
.comment-form input:focus,
.comment-form textarea:focus {
	outline: none;
	border-color: var(--wp--preset--color--vermilion);
}

/* ---------------------------------------------------------------------
   Mobile nav overlay tint to match the brand cream.
   --------------------------------------------------------------------- */
.wp-block-navigation__responsive-container.is-menu-open {
	background-color: var(--wp--preset--color--cream);
}