/*
Theme Name: Eylfa Realty
Theme URI: https://eylfarealty.com
Author: Eylfa Realty
Description: A lightweight, minimal block theme for Eylfa Realty — global real estate advisory. Designed to work with the Eylfa Core plugin (enquiry form, WhatsApp and site setup).
Version: 1.0.0
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: eylfa
Tags: block-theme, full-site-editing, one-column, custom-colors, editor-style, accessibility-ready
*/

/* -------------------------------------------------------------------------
   Base
   ---------------------------------------------------------------------- */

html {
	scroll-behavior: smooth;
	-webkit-text-size-adjust: 100%;
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

::selection {
	background: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
}

:where(a, button, input, select, textarea, summary):focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 3px;
}

a {
	text-underline-offset: 0.2em;
	text-decoration-thickness: 1px;
}

img {
	height: auto;
	max-width: 100%;
}

/* Header, main and footer sit flush against each other */
.wp-site-blocks > * {
	margin-block: 0;
}

/* Comfortable reading width for text blocks inside wide sections */
.eylfa-measure {
	max-width: 46rem;
}

.eylfa-section-head {
	margin-bottom: var(--wp--preset--spacing--50);
}

/* -------------------------------------------------------------------------
   Header
   ---------------------------------------------------------------------- */

.eylfa-site-header {
	position: sticky;
	top: 0;
	z-index: 40;
}

.admin-bar .eylfa-site-header {
	top: var(--wp-admin--admin-bar--height, 32px);
}

@media (max-width: 600px) {
	.admin-bar .eylfa-site-header {
		top: 0;
	}
}

.eylfa-header {
	border-bottom: 1px solid var(--wp--preset--color--line);
}

.eylfa-header .eylfa-logo img {
	display: block;
}

.eylfa-nav .wp-block-navigation-item__content {
	padding: 0.35rem 0;
	text-decoration: none;
	position: relative;
}

.eylfa-nav .wp-block-navigation-item__content::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background: currentColor;
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 0.25s ease;
}

.eylfa-nav .wp-block-navigation-item__content:hover::after,
.eylfa-nav .current-menu-item > .wp-block-navigation-item__content::after {
	transform: scaleX(1);
}

.eylfa-nav .wp-block-navigation__submenu-container {
	border: 1px solid var(--wp--preset--color--line) !important;
	padding: 0.5rem 0;
	min-width: 15rem !important;
	box-shadow: 0 12px 32px rgba(11, 11, 11, 0.08);
}

.eylfa-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	padding: 0.55rem 1.1rem;
}

.eylfa-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content::after {
	display: none;
}

.eylfa-header__cta .wp-block-button__link {
	padding: 0.75rem 1.25rem;
}

/* Mobile menu overlay */
.eylfa-nav .wp-block-navigation__responsive-container.is-menu-open {
	padding: 1.5rem clamp(1rem, 4vw, 2.5rem);
}

.eylfa-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	padding-top: 3.5rem;
	gap: 1.25rem;
}

.eylfa-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	font-family: var(--wp--preset--font-family--serif);
	font-size: 1.75rem;
	letter-spacing: 0;
}

.eylfa-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	font-family: var(--wp--preset--font-family--sans);
	font-size: 1rem;
	padding: 0.2rem 0;
}

.eylfa-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
	border: 0 !important;
	box-shadow: none;
	padding: 0.5rem 0 0 1rem;
	gap: 0.6rem;
}

.eylfa-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
.eylfa-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container,
.eylfa-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,
.eylfa-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
	align-items: flex-start !important;
	text-align: left;
}

.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close {
	padding: 0.5rem;
	margin: -0.5rem;
}

.wp-block-navigation__responsive-container-open svg,
.wp-block-navigation__responsive-container-close svg {
	width: 28px;
	height: 28px;
}

@media (max-width: 599px) {
	.eylfa-header .eylfa-logo img {
		width: 46px;
		height: auto;
	}

	.eylfa-header__cta .wp-block-button__link {
		padding: 0.65rem 0.9rem;
		letter-spacing: 0.1em;
	}
}

/* -------------------------------------------------------------------------
   Typography helpers (block styles)
   ---------------------------------------------------------------------- */

.is-style-eyebrow {
	font-family: var(--wp--preset--font-family--sans);
	font-size: 0.75rem !important;
	font-weight: 600;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	line-height: 1.5;
	margin-bottom: 1rem;
}

.is-style-eyebrow::before {
	content: "";
	display: inline-block;
	width: 1.75rem;
	height: 1px;
	background: currentColor;
	vertical-align: middle;
	margin-right: 0.75rem;
	transform: translateY(-0.15em);
}

.is-style-eyebrow a {
	color: inherit;
}

.is-style-lead {
	font-size: var(--wp--preset--font-size--large);
	line-height: 1.6;
}

.has-display-font-size {
	line-height: 1.04 !important;
	letter-spacing: -0.02em;
}

.has-xx-large-font-size {
	line-height: 1.08;
}

/* Visible draft markers — remove these paragraphs before launch */
.is-style-review-note {
	border: 1px dashed #b26b00;
	background: #fff8e6;
	color: #5a3a00 !important;
	padding: 0.9rem 1.1rem;
	font-size: 0.9375rem;
	line-height: 1.55;
}

.is-style-review-note strong {
	letter-spacing: 0.06em;
}

/* Lined lists */
.is-style-lined {
	list-style: none;
	padding-left: 0;
	margin-top: 1.5rem;
	border-top: 1px solid var(--wp--preset--color--line);
}

.is-style-lined li {
	padding: 1rem 0 1rem 1.75rem;
	border-bottom: 1px solid var(--wp--preset--color--line);
	position: relative;
}

.is-style-lined li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 1.72em;
	width: 0.75rem;
	height: 1px;
	background: var(--wp--preset--color--accent);
}

.eylfa-dark .is-style-lined,
.eylfa-dark .is-style-lined li {
	border-color: rgba(255, 255, 255, 0.16);
}

.eylfa-text-link a {
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

/* -------------------------------------------------------------------------
   Buttons
   ---------------------------------------------------------------------- */

.wp-element-button,
.wp-block-button__link {
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.wp-block-button.is-style-outline > .wp-block-button__link {
	background: transparent;
	color: var(--wp--preset--color--contrast);
	border: 1px solid var(--wp--preset--color--contrast);
	padding: 0.95rem 1.75rem;
}

.wp-block-button.is-style-outline > .wp-block-button__link:hover {
	background: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
}

.wp-block-button.is-style-light > .wp-block-button__link {
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--contrast);
	border-color: var(--wp--preset--color--base);
}

.wp-block-button.is-style-light > .wp-block-button__link:hover {
	background: var(--wp--preset--color--stone);
	border-color: var(--wp--preset--color--stone);
	color: var(--wp--preset--color--contrast);
}

.wp-block-button.is-style-outline-light > .wp-block-button__link {
	background: transparent;
	color: var(--wp--preset--color--base);
	border-color: rgba(255, 255, 255, 0.55);
}

.wp-block-button.is-style-outline-light > .wp-block-button__link:hover {
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--contrast);
	border-color: var(--wp--preset--color--base);
}

.wp-block-buttons {
	gap: 0.75rem;
}

@media (max-width: 480px) {
	.wp-block-cover .wp-block-buttons,
	.eylfa-cta-band .wp-block-buttons {
		flex-direction: column;
		align-items: stretch;
	}

	.wp-block-cover .wp-block-buttons .wp-block-button,
	.eylfa-cta-band .wp-block-buttons .wp-block-button {
		width: 100%;
	}

	.wp-block-cover .wp-block-button__link,
	.eylfa-cta-band .wp-block-button__link {
		width: 100%;
		text-align: center;
	}
}

/* -------------------------------------------------------------------------
   Sections
   ---------------------------------------------------------------------- */

main > .wp-block-post-content > *:first-child,
main > .wp-block-post-content > .alignfull:first-child {
	margin-top: 0;
}

main > .wp-block-post-content > .alignfull,
main > .wp-block-post-content > .alignfull + .alignfull {
	margin-block: 0;
}

.eylfa-page-hero .wp-block-post-title {
	max-width: 46rem;
}

/* Hero */
.eylfa-hero {
	padding: var(--wp--preset--spacing--70) var(--wp--style--root--padding-right, 1rem) var(--wp--preset--spacing--60) var(--wp--style--root--padding-left, 1rem) !important;
}

.eylfa-hero .wp-block-cover__inner-container {
	color: var(--wp--preset--color--base);
	min-width: 0;
	overflow-wrap: break-word;
}

.eylfa-hero.has-custom-content-position.is-position-bottom-left .wp-block-cover__inner-container {
	box-sizing: border-box;
	width: 100% !important;
	margin-inline: auto !important;
}

.eylfa-hero .is-style-lead {
	max-width: 38rem;
	opacity: 0.88;
}

.eylfa-hero .wp-block-buttons {
	margin-top: 2.25rem;
}

.eylfa-markets {
	margin-top: var(--wp--preset--spacing--60) !important;
	padding-top: 1.25rem;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	letter-spacing: 0.2em;
	word-spacing: 0.5em;
	text-transform: uppercase;
	opacity: 0.75;
}

/* A subtle architectural pattern on dark panels without a photo */
.eylfa-hero:not(:has(.wp-block-cover__image-background)) > .wp-block-cover__background,
.eylfa-card:not(:has(.wp-block-cover__image-background)) > .wp-block-cover__background,
.eylfa-media-panel:not(:has(.wp-block-cover__image-background)) > .wp-block-cover__background {
	background-image:
		linear-gradient(115deg, transparent 0 62%, rgba(180, 154, 106, 0.16) 62% 62.2%, transparent 62.2%),
		repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.035) 0 1px, transparent 1px 88px);
}

/* Photos get a soft scrim so text stays readable */
.wp-block-cover:has(.wp-block-cover__image-background) .wp-block-cover__background.has-background-dim-100 {
	opacity: 0.45;
}

.eylfa-hero:has(.wp-block-cover__image-background)::after,
.eylfa-card:has(.wp-block-cover__image-background)::after,
.eylfa-media-panel:has(.wp-block-cover__image-background)::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(11, 11, 11, 0) 35%, rgba(11, 11, 11, 0.7) 100%);
	pointer-events: none;
	z-index: 1;
}

.wp-block-cover .wp-block-cover__inner-container {
	z-index: 2;
}

/* Destination cards */
.eylfa-cards {
	gap: 1rem !important;
}

.eylfa-card {
	padding: 1.75rem !important;
	transition: transform 0.35s ease;
	overflow: hidden;
}

.eylfa-card .wp-block-cover__inner-container > * {
	margin-block: 0;
}

.eylfa-card .wp-block-cover__inner-container > * + * {
	margin-top: 0.6rem;
}

.eylfa-card .eylfa-card-link a {
	text-decoration: none;
	color: inherit;
}

/* The whole card is clickable via the heading link */
.eylfa-card .eylfa-card-link a::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 3;
}

.eylfa-card:focus-within {
	outline: 2px solid var(--wp--preset--color--accent);
	outline-offset: 3px;
}

.eylfa-card .eylfa-card-link a:focus-visible {
	outline: none;
}

.eylfa-card-more {
	font-weight: 600;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	margin-top: 1.25rem !important;
	padding-top: 1rem;
	border-top: 1px solid rgba(255, 255, 255, 0.22);
}

.eylfa-card--light .eylfa-card-more {
	border-top-color: rgba(11, 11, 11, 0.2);
}

.eylfa-card--light .wp-block-cover__inner-container {
	color: var(--wp--preset--color--contrast);
}

.eylfa-card:hover {
	transform: translateY(-4px);
}

.eylfa-card:hover .eylfa-card-more span {
	margin-left: 0.4rem;
}

.eylfa-card-more span {
	transition: margin 0.25s ease;
}

/* Steps */
.eylfa-steps {
	gap: 2rem 2.5rem !important;
}

.eylfa-step {
	border-top: 1px solid var(--wp--preset--color--line);
	padding-top: 1.5rem;
}

.eylfa-dark .eylfa-step {
	border-top-color: rgba(255, 255, 255, 0.18);
}

.eylfa-step > * {
	margin-block: 0;
}

.eylfa-step > * + * {
	margin-top: 0.75rem;
}

.eylfa-step-number {
	font-family: var(--wp--preset--font-family--serif);
	font-size: 2.75rem;
	line-height: 1;
	color: var(--wp--preset--color--accent);
	margin-bottom: 1rem !important;
}

.eylfa-dark .has-muted-color {
	color: rgba(255, 255, 255, 0.72) !important;
}

/* Principles */
.eylfa-principles {
	gap: 2.25rem 2.5rem !important;
}

.eylfa-principle {
	border-left: 1px solid var(--wp--preset--color--accent);
	padding-left: 1.25rem;
}

.eylfa-principle > * {
	margin-block: 0;
}

.eylfa-principle > * + * {
	margin-top: 0.5rem;
}

.eylfa-principle p {
	opacity: 0.78;
}

/* Destination list rows */
.eylfa-dest-row {
	gap: var(--wp--preset--spacing--50) var(--wp--preset--spacing--60) !important;
}

.eylfa-dest-row + .eylfa-dest-row {
	margin-top: var(--wp--preset--spacing--60) !important;
}

.eylfa-media-panel {
	padding: 1.75rem !important;
}

.eylfa-cover-title {
	font-family: var(--wp--preset--font-family--serif);
	font-size: var(--wp--preset--font-size--xx-large);
	line-height: 1.05;
	margin-top: 0.5rem;
}

.eylfa-breadcrumb a {
	text-decoration: none;
}

.eylfa-breadcrumb a:hover {
	text-decoration: underline;
}

/* CTA band */
.eylfa-cta-band .is-style-lead {
	opacity: 0.85;
	max-width: 36rem;
}

.eylfa-cta-band .wp-block-buttons {
	margin-top: 2rem;
}

/* Contact */
.eylfa-contact {
	gap: var(--wp--preset--spacing--50) var(--wp--preset--spacing--60) !important;
}

.eylfa-contact h3 {
	margin-top: 2rem;
	margin-bottom: 0.25rem;
}

.eylfa-contact h3 + p {
	margin-top: 0.25rem;
}

.eylfa-form-panel {
	padding: clamp(1.5rem, 4vw, 3rem);
	border: 1px solid var(--wp--preset--color--line);
}

/* Long-form pages (Privacy Policy) */
.eylfa-prose h2 {
	font-size: var(--wp--preset--font-size--x-large);
	margin-top: 3rem;
}

.eylfa-prose ul {
	padding-left: 1.2rem;
}

.eylfa-prose li + li {
	margin-top: 0.5rem;
}

/* Details / FAQ */
.wp-block-details {
	border-bottom: 1px solid var(--wp--preset--color--line);
	padding: 1.1rem 0;
}

.wp-block-details summary {
	font-family: var(--wp--preset--font-family--serif);
	font-size: var(--wp--preset--font-size--large);
	cursor: pointer;
}

/* -------------------------------------------------------------------------
   Footer
   ---------------------------------------------------------------------- */

.eylfa-footer a {
	color: inherit;
	text-decoration: none;
}

.eylfa-footer a:hover {
	text-decoration: underline;
}

.eylfa-footer__cols {
	gap: var(--wp--preset--spacing--50) !important;
}

.eylfa-footer__intro {
	max-width: 22rem;
	opacity: 0.72;
	margin-top: 1.5rem;
}

.eylfa-footer__links {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: var(--wp--preset--font-size--small);
}

.eylfa-footer__links li + li {
	margin-top: 0.6rem;
}

.eylfa-footer .eylfa-contact-list {
	font-size: var(--wp--preset--font-size--small);
}

.eylfa-footer__rule {
	border-color: rgba(255, 255, 255, 0.16) !important;
	color: rgba(255, 255, 255, 0.16) !important;
	margin-top: var(--wp--preset--spacing--60) !important;
	margin-bottom: var(--wp--preset--spacing--40) !important;
}

.eylfa-disclaimer {
	max-width: var(--wp--style--global--wide-size) !important;
	opacity: 0.62;
	line-height: 1.65;
}

.eylfa-footer__base {
	margin-top: var(--wp--preset--spacing--40) !important;
	opacity: 0.62;
}

.eylfa-footer__base p {
	margin: 0;
}

.wp-block-site-logo.is-style-inverted img {
	filter: invert(1);
}

/* Keep the floating WhatsApp button from covering the last line of the footer */
.eylfa-footer {
	padding-bottom: 5.5rem !important;
}

/* -------------------------------------------------------------------------
   Responsive columns
   ---------------------------------------------------------------------- */

@media (max-width: 781px) {
	.wp-block-columns {
		gap: 1.5rem !important;
	}

	.eylfa-dest-row {
		flex-direction: column;
	}

	/* On phones, always show the image panel before the text */
	.eylfa-dest-row > .wp-block-column:has(.eylfa-media-panel) {
		order: -1;
	}
}

/* -------------------------------------------------------------------------
   Motion & print
   ---------------------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	*,
	*::before,
	*::after {
		transition: none !important;
		animation: none !important;
	}

	.eylfa-card:hover {
		transform: none;
	}
}

@media print {
	.eylfa-site-header,
	.eylfa-footer .wp-block-columns {
		display: none;
	}
}