/*
 * Nadlan CZ — Astra child design system.
 * Clean / modern / classic refresh of the original river-child look.
 * Brand teal accents, dark slim header, white cards, full RTL, CLS-safe.
 * Design tokens follow BUILD-SPEC "מערכת עיצוב".
 */

/* -------------------------------------------------------------------------
 * 0. Self-hosted Hebrew font (Heebo, variable, subsetted). font-display:swap.
 *    A single variable woff2 per subset covers weights 400–700.
 * ---------------------------------------------------------------------- */
@font-face {
	font-family: 'Heebo';
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url('../../fonts/heebo-hebrew.woff2') format('woff2');
	unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
@font-face {
	font-family: 'Heebo';
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url('../../fonts/heebo-latin.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Heebo';
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url('../../fonts/heebo-latin-ext.woff2') format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* -------------------------------------------------------------------------
 * 1. Design tokens.
 * ---------------------------------------------------------------------- */
:root {
	--brand:        #1E9CB2;
	--brand-2:      #52BAC3;
	--brand-ink:    #0F2E33;
	--ink:          #1f2937;
	--muted:        #6b7280;
	--bg:           #ffffff;
	--bg-soft:      #f6f8f9;
	--header-bg:    #14232a;
	--line:         #e5e7eb;
	--sale:         #16a34a;
	--sold:         #b91c1c;
	--radius:       12px;
	--radius-sm:    8px;
	--shadow:       0 1px 3px rgba(0,0,0,.06), 0 8px 24px rgba(0,0,0,.05);
	--shadow-hover: 0 4px 10px rgba(0,0,0,.08), 0 16px 40px rgba(0,0,0,.09);
	--font:         'Heebo', 'Assistant', -apple-system, 'Segoe UI', Arial, sans-serif;
	--container:    1240px;
	--gap:          24px;
	--focus:        0 0 0 3px rgba(30,156,178,.45);
}

/* -------------------------------------------------------------------------
 * 2. Reset / base.
 * ---------------------------------------------------------------------- */
*,
*::before,
*::after { box-sizing: border-box; }

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

body {
	margin: 0;
	background: var(--bg-soft);
	color: var(--ink);
	font-family: var(--font);
	font-size: 16px;
	line-height: 1.7;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

img,
svg,
video,
iframe { max-width: 100%; }

img { height: auto; }

a {
	color: var(--brand);
	text-decoration: none;
	transition: color .15s ease;
}
a:hover { color: var(--brand-2); }

h1, h2, h3, h4, h5, h6 {
	color: var(--brand-ink);
	line-height: 1.3;
	margin: 0 0 .6em;
	font-weight: 700;
}
h1 { font-size: clamp(1.6rem, 1.2rem + 1.6vw, 2rem); }
h2 { font-size: clamp(1.35rem, 1.1rem + 1vw, 1.5rem); }
h3 { font-size: 1.15rem; }

p { margin: 0 0 1em; }

::selection { background: var(--brand-2); color: #fff; }

/* Accessibility helpers */
.screen-reader-text {
	position: absolute !important;
	width: 1px; height: 1px;
	padding: 0; margin: -1px;
	overflow: hidden; clip: rect(0 0 0 0);
	white-space: nowrap; border: 0;
}
.skip-link {
	position: absolute;
	inset-inline-start: 8px;
	top: -60px;
	z-index: 1000;
	background: var(--brand);
	color: #fff;
	padding: 10px 16px;
	border-radius: var(--radius-sm);
	transition: top .2s ease;
}
.skip-link:focus {
	top: 8px;
	color: #fff;
}

:focus-visible {
	outline: 2px solid var(--brand);
	outline-offset: 2px;
	border-radius: 3px;
}

/* -------------------------------------------------------------------------
 * 3. Layout shell.
 * ---------------------------------------------------------------------- */
.site { overflow-x: hidden; }

.nadlan-container {
	width: 100%;
	max-width: var(--container);
	margin-inline: auto;
	padding-inline: 20px;
}

.site-content { padding-block: 32px 48px; }

.nadlan-layout {
	display: flex;
	flex-wrap: wrap;
	gap: 32px;
	align-items: flex-start;
}
.nadlan-layout > .site-main { flex: 1 1 620px; min-width: 0; }
.nadlan-layout > .site-sidebar { flex: 0 0 300px; }

@media (max-width: 900px) {
	.nadlan-layout { gap: 24px; }
	.nadlan-layout > .site-sidebar { flex-basis: 100%; }
}

/* -------------------------------------------------------------------------
 * 4. Header.
 * ---------------------------------------------------------------------- */
.site-header {
	background: var(--header-bg);
	color: #fff;
	position: sticky;
	top: 0;
	z-index: 100;
	box-shadow: 0 1px 0 rgba(255,255,255,.04);
	transition: box-shadow .2s ease, background .2s ease;
}
/*
 * ⚠️ הדר דביק — תיקון (2.9.2026, הערת הלקוח "תפריט סטיקי"):
 * Astra נותנת overflow-x:hidden ל-html, body ו-#page. כל אב עם overflow
 * שאינו visible הופך למיכל הגלילה של sticky, ולכן ההדר "נדבק" למיכל
 * שלא גולל — כלומר לא נדבק כלל (נמדד: אחרי 1,486px גלילה top=-1486).
 * `overflow-x: clip` חותך גלישה אופקית בדיוק כמו hidden אבל *לא* יוצר
 * מיכל גלילה, ולכן sticky חוזר לעבוד. בדפדפנים ללא תמיכה ב-clip
 * ההצהרה מתעלמת והמצב נשאר כפי שהיה.
 */
@supports (overflow: clip) {
	html, body, #page.site { overflow-x: clip !important; overflow-y: visible !important; }
}
.site-header.is-stuck { box-shadow: 0 4px 18px rgba(0,0,0,.28); }

.site-header-inner {
	display: flex;
	align-items: center;
	gap: 20px;
	min-height: 76px;
}
.site-header.is-stuck .site-header-inner { min-height: 62px; }

.site-branding { flex: 0 0 auto; margin-inline-end: auto; }
.site-branding .custom-logo,
.site-branding img {
	display: block;
	width: auto;
	height: 56px;
	max-height: 56px;
	transition: height .2s ease;
}
.site-header.is-stuck .site-branding img { height: 44px; }

/* Primary navigation */
.main-navigation .primary-menu {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.main-navigation .primary-menu a {
	display: block;
	color: #e6eef0;
	font-weight: 500;
	padding: 10px 14px;
	border-radius: var(--radius-sm);
	line-height: 1.2;
}
.main-navigation .primary-menu a:hover,
.main-navigation .primary-menu .current-menu-item > a,
.main-navigation .primary-menu .current-menu-ancestor > a {
	background: var(--brand);
	color: #fff;
}

/* Sub-menus */
.main-navigation .primary-menu li { position: relative; }
.main-navigation .sub-menu {
	list-style: none;
	margin: 0;
	padding: 6px;
	position: absolute;
	top: 100%;
	inset-inline-start: 0;
	min-width: 210px;
	background: #1b2f38;
	border-radius: var(--radius-sm);
	box-shadow: var(--shadow);
	opacity: 0;
	visibility: hidden;
	transform: translateY(6px);
	transition: opacity .15s ease, transform .15s ease, visibility .15s;
	z-index: 20;
}
.main-navigation .primary-menu li:hover > .sub-menu,
.main-navigation .primary-menu li:focus-within > .sub-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.main-navigation .sub-menu a { color: #cfe0e4; }

/* Hamburger */
.nadlan-nav-toggle {
	display: none;
	flex: 0 0 auto;
	width: 44px;
	height: 44px;
	padding: 0;
	background: transparent;
	border: 1px solid rgba(255,255,255,.25);
	border-radius: var(--radius-sm);
	cursor: pointer;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 5px;
}
.nadlan-nav-toggle-bar {
	display: block;
	width: 22px;
	height: 2px;
	background: #fff;
	border-radius: 2px;
	transition: transform .2s ease, opacity .2s ease;
}
.nadlan-nav-toggle[aria-expanded="true"] .nadlan-nav-toggle-bar:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.nadlan-nav-toggle[aria-expanded="true"] .nadlan-nav-toggle-bar:nth-child(2) { opacity: 0; }
.nadlan-nav-toggle[aria-expanded="true"] .nadlan-nav-toggle-bar:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* Header search */
.header-search { position: relative; flex: 0 0 auto; }
.header-search-toggle {
	width: 44px;
	height: 44px;
	background: transparent;
	border: 1px solid rgba(255,255,255,.25);
	border-radius: var(--radius-sm);
	color: #fff;
	font-size: 18px;
	cursor: pointer;
	line-height: 1;
}
.header-search-toggle:hover { background: rgba(255,255,255,.08); }
.header-search-form {
	position: absolute;
	top: calc(100% + 10px);
	inset-inline-end: 0;
	display: none;
	gap: 6px;
	background: #fff;
	padding: 10px;
	border-radius: var(--radius-sm);
	box-shadow: var(--shadow);
	z-index: 30;
}
.header-search-form.is-open { display: flex; }
.header-search-field {
	border: 1px solid var(--line);
	border-radius: var(--radius-sm);
	padding: 8px 12px;
	font: inherit;
	min-width: 200px;
}
.header-search-submit {
	background: var(--brand);
	color: #fff;
	border: 0;
	border-radius: var(--radius-sm);
	padding: 8px 16px;
	font: inherit;
	font-weight: 600;
	cursor: pointer;
}
.header-search-submit:hover { background: var(--brand-2); }

/* Mobile nav
 *
 * נקודת השבירה 1080px ולא 860px: התפריט האופקי נשבר לשתי שורות כבר ב-1024px,
 * ובטווח 861–921px הייתה מדרגה שבה Astra הציגה אותו כ-block בלי המבורגר.
 *
 * הסלקטור חייב ספציפיות 0,2,1 — Astra מגדירה
 * `.ast-header-break-point .main-navigation { display:block }` (0,2,0),
 * ומדיה קוורי אינו מוסיף ספציפיות. בלי זה התפריט נשאר פתוח לצמיתות
 * (260px בראש כל עמוד במובייל) וההמבורגר לא עושה כלום.
 */
@media (max-width: 1080px) {
	.nadlan-nav-toggle { display: flex; order: 3; }
	.header-search { order: 2; }
	body .main-navigation,
	body.ast-header-break-point .main-navigation {
		order: 10;
		flex-basis: 100%;
		display: none;
	}
	body .main-navigation.is-open,
	body.ast-header-break-point .main-navigation.is-open { display: block; }
	.site-header-inner { flex-wrap: wrap; padding-block: 12px; }
	.main-navigation .primary-menu { flex-direction: column; align-items: stretch; gap: 2px; padding-bottom: 8px; }
	.main-navigation .primary-menu a { padding: 12px 14px; }
	.main-navigation .sub-menu {
		position: static;
		opacity: 1;
		visibility: visible;
		transform: none;
		box-shadow: none;
		background: rgba(255,255,255,.04);
		margin-inline-start: 12px;
	}
}

/* -------------------------------------------------------------------------
 * 5. Buttons.
 * ---------------------------------------------------------------------- */
.nadlan-btn,
button.nadlan-btn {
	display: inline-block;
	background: var(--brand);
	color: #fff;
	font-weight: 600;
	padding: 12px 22px;
	border: 1px solid var(--brand);
	border-radius: var(--radius-sm);
	cursor: pointer;
	transition: background .15s ease, color .15s ease, transform .1s ease;
}
.nadlan-btn:hover {
	background: #fff;
	color: var(--brand);
	transform: translateY(-1px);
}

/* -------------------------------------------------------------------------
 * 6. Hero slider (CLS-safe: aspect-ratio locked).
 * ---------------------------------------------------------------------- */
.nadlan-hero {
	position: relative;
	margin-bottom: 28px;
	border-radius: var(--radius);
	overflow: hidden;
	box-shadow: var(--shadow);
	background: #dfe7e9;
}
.nadlan-hero-track {
	position: relative;
	width: 100%;
	aspect-ratio: 1240 / 460;
}
.nadlan-hero-slide {
	position: absolute;
	inset: 0;
	opacity: 0;
	transition: opacity .8s ease;
}
.nadlan-hero-slide.is-active { opacity: 1; }
/*
 * ללא JS — השקופית הראשונה נשארת גלויה.
 *
 * ⚠️ באג שתוקן (2.9.2026, הערת הלקוח "אין סליידר אלא תמונה סטטית"):
 * הכללים הקודמים כאן כפו opacity:1 על :first-child *תמיד* (ספציפיות
 * 0,3,0 > .is-active 0,2,0) והסתירו את כל אחיותיה כשהיא לא פעילה.
 * ה-JS החליף שקופיות כסדרו אבל המבקר ראה לנצח את התמונה הראשונה.
 * השרת כבר מרנדר is-active על הראשונה, ולכן נדרש רק מסלול no-js.
 */
.no-js .nadlan-hero-track > .nadlan-hero-slide:first-child { opacity: 1; }
.nadlan-hero-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

@media (prefers-reduced-motion: reduce) {
	.nadlan-hero-slide { transition: none; }
}

/* -------------------------------------------------------------------------
 * 7. Section headings on listings.
 * ---------------------------------------------------------------------- */
.home-grid-title,
.archive-title {
	position: relative;
	font-size: clamp(1.4rem, 1.15rem + 1vw, 1.7rem);
	margin-bottom: 22px;
	padding-bottom: 12px;
}
.home-grid-title::after,
.archive-title::after {
	content: "";
	position: absolute;
	bottom: 0;
	inset-inline-start: 0;
	width: 64px;
	height: 3px;
	border-radius: 3px;
	background: linear-gradient(90deg, var(--brand), var(--brand-2));
}
.archive-header { margin-bottom: 8px; }

/* -------------------------------------------------------------------------
 * 8. Property grid + cards.
 * ---------------------------------------------------------------------- */
.property-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--gap);
	margin-bottom: 36px;
}
@media (max-width: 1100px) { .property-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 820px)  { .property-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 520px)  { .property-grid { grid-template-columns: 1fr; } }

.property-card {
	display: flex;
	flex-direction: column;
	background: var(--bg);
	border: 1px solid var(--line);
	border-radius: var(--radius);
	box-shadow: var(--shadow);
	overflow: hidden;
	transition: transform .18s ease, box-shadow .18s ease;
}
.property-card:hover {
	transform: translateY(-4px);
	box-shadow: var(--shadow-hover);
}

.property-card-media {
	position: relative;
	aspect-ratio: 420 / 270;
	background: var(--bg-soft);
}
.property-card-image {
	display: block;
	width: 100%;
	height: 100%;
}
.property-card-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.property-card-overlay {
	position: absolute;
	inset: 0;
	background: rgba(30,156,178,.0);
	transition: background .18s ease;
}
.property-card:hover .property-card-overlay { background: rgba(30,156,178,.28); }

/* Status ribbon */
.property-status {
	position: absolute;
	top: 12px;
	inset-inline-end: 12px;
	z-index: 2;
	color: #fff;
	font-size: .8rem;
	font-weight: 700;
	padding: 5px 14px;
	border-radius: 999px;
	box-shadow: 0 2px 6px rgba(0,0,0,.2);
	letter-spacing: .2px;
}
.property-status.is-sale,
.property-status.pr_sale { background: var(--sale); }
.property-status.is-sold,
.property-status.pr_sold { background: var(--sold); }

.property-card-body {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 16px 18px 18px;
	flex: 1;
}
.property-card-title { margin: 0; font-size: 1.05rem; line-height: 1.35; }
.property-card-title a { color: var(--brand-ink); }
.property-card-title a:hover { color: var(--brand); }
.property-card-price {
	margin: 2px 0;
	font-weight: 700;
	font-size: 1.05rem;
	color: var(--brand);
}
.property-card-date {
	margin: 0;
	font-size: .8rem;
	color: var(--muted);
	font-weight: 600;
}
.property-card-excerpt {
	color: var(--ink);
	font-size: .92rem;
	margin-bottom: 4px;
}
.property-card-excerpt p { margin: 0; }
.property-card-more {
	margin-top: auto;
	font-weight: 600;
	font-size: .9rem;
	color: var(--brand);
}
.property-card-more:hover { color: var(--brand-2); }

/* -------------------------------------------------------------------------
 * 9. Pagination.
 * ---------------------------------------------------------------------- */
.pagination,
.nav-links {
	display: flex;
	justify-content: center;
	margin: 8px 0 8px;
}
.pagination .page-numbers,
.nav-links .page-numbers {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 6px;
	padding: 0;
	list-style: none;
	margin: 0;
}
.page-numbers li { list-style: none; }
.page-numbers a,
.page-numbers span,
a.page-numbers,
span.page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 42px;
	height: 42px;
	padding: 0 12px;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: var(--radius-sm);
	color: var(--ink);
	font-weight: 600;
	transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.page-numbers a:hover,
a.page-numbers:hover {
	border-color: var(--brand);
	color: var(--brand);
}
.page-numbers .current,
span.page-numbers.current {
	background: var(--brand);
	border-color: var(--brand);
	color: #fff;
}
.page-numbers .dots { border-color: transparent; background: transparent; }

/* -------------------------------------------------------------------------
 * 10. Single property.
 * ---------------------------------------------------------------------- */
.single-property { display: flex; flex-direction: column; gap: 18px; }

.property-block {
	background: var(--bg);
	border: 1px solid var(--line);
	border-radius: var(--radius);
	box-shadow: var(--shadow);
	padding: 22px 24px;
}
.property-block > h2 {
	font-size: 1.25rem;
	margin-bottom: 14px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--line);
}

.nadlan-breadcrumbs {
	font-size: .85rem;
	color: var(--muted);
	padding: 2px 0;
}
.nadlan-breadcrumbs a { color: var(--brand); }
.nadlan-breadcrumbs .breadcrumb_last { color: var(--ink); font-weight: 600; }

.property-header .entry-title { margin-bottom: 10px; }
.property-address { color: var(--muted); margin-bottom: 8px; }
.property-price {
	font-size: 1.3rem;
	color: var(--brand);
	font-weight: 700;
	margin-bottom: 6px;
}
.property-price strong { margin-inline-end: 8px; color: var(--brand-ink); font-weight: 700; }
.property-date,
.property-id { color: var(--muted); font-size: .9rem; margin: 2px 0; }

/* Admin-only source block */
.property-admin {
	background: #fff7ed;
	border: 1px dashed #f59e0b;
	box-shadow: none;
}
.property-admin-title { font-weight: 700; margin-bottom: 6px; color: #92400e; }
.property-admin p { margin: 4px 0; }

/* Gallery */
.property-gallery { position: relative; }
.property-gallery .property-status { top: 22px; }
.nadlan-gallery {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px;
}
@media (max-width: 820px) { .nadlan-gallery { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 520px) { .nadlan-gallery { grid-template-columns: repeat(2, 1fr); } }
.nadlan-gallery-item { margin: 0; }
.nadlan-gallery-item a {
	display: block;
	border-radius: var(--radius-sm);
	overflow: hidden;
	aspect-ratio: 4 / 3;
	background: var(--bg-soft);
}
.nadlan-gallery-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform .25s ease;
}
.nadlan-gallery-item a:hover .nadlan-gallery-img { transform: scale(1.05); }

/* Investor block */
.investor-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 18px;
	margin-bottom: 14px;
}
@media (max-width: 640px) { .investor-grid { grid-template-columns: 1fr; } }
.investor-col {
	background: var(--bg-soft);
	border: 1px solid var(--line);
	border-radius: var(--radius-sm);
	padding: 14px 16px;
}
.investor-col p { margin: 6px 0; }
.investor-col strong { color: var(--brand-ink); }
.investor-extra { margin: 8px 0; }
.investor-disclaimer { font-size: .82rem; color: var(--muted); margin: 4px 0; }

/* Attribute chips */
.attribute-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.nadlan-attr {
	display: inline-block;
	background: var(--brand-2);
	color: #fff;
	font-weight: 600;
	font-size: .9rem;
	padding: 8px 16px;
	border-radius: 999px;
	border: 1px solid var(--brand-2);
	transition: background .15s ease, color .15s ease;
}
.nadlan-attr:hover {
	background: #fff;
	color: var(--brand);
	border-color: var(--brand);
}
.attribute-note { font-size: .82rem; color: var(--muted); margin-top: 12px; }

/* Video + map */
.property-media.has-video {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}
@media (max-width: 720px) { .property-media.has-video { grid-template-columns: 1fr; } }
.media-embed {
	position: relative;
	aspect-ratio: 16 / 9;
	border-radius: var(--radius-sm);
	overflow: hidden;
	background: var(--bg-soft);
}
.media-embed iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

/* Lead form block */
.property-lead.cwraper {
	background: linear-gradient(135deg, var(--brand), var(--brand-2));
	border: 0;
	color: #fff;
}
.property-lead.cwraper h2 {
	color: #fff;
	border-bottom-color: rgba(255,255,255,.3);
}
.cwraper input[type="text"],
.cwraper input[type="email"],
.cwraper input[type="tel"],
.cwraper input[type="url"],
.cwraper textarea,
.cwraper select {
	width: 100%;
	padding: 12px 14px;
	border: 1px solid rgba(255,255,255,.4);
	border-radius: var(--radius-sm);
	background: #fff;
	color: var(--ink);
	font: inherit;
	margin-bottom: 12px;
}
.cwraper label { color: #fff; font-weight: 600; }
.cwraper .wpcf7-form-control-wrap { display: block; }
.cwraper input[type="submit"],
.cwraper .wpcf7-submit {
	background: #fff;
	color: #1c5f66;
	border: 0;
	font-weight: 700;
	padding: 12px 30px;
	border-radius: var(--radius-sm);
	cursor: pointer;
	transition: background .15s ease, color .15s ease;
}
.cwraper input[type="submit"]:hover,
.cwraper .wpcf7-submit:hover { background: #52c366; color: #fff; }
.cwraper a { color: #fff; text-decoration: underline; }

/* Prev / next nav */
.property-nav {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	background: none;
	border: 0;
	box-shadow: none;
	padding: 0;
}
.property-nav a {
	display: inline-block;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: var(--radius-sm);
	padding: 10px 18px;
	font-weight: 600;
	box-shadow: var(--shadow);
}
.property-nav a:hover { border-color: var(--brand); color: var(--brand); }

/* Password-protected */
.nadlan-password-form {
	background: var(--bg-soft);
	border: 1px solid var(--line);
	border-radius: var(--radius-sm);
	padding: 18px;
	margin-top: 12px;
}
.nadlan-password-intro { font-weight: 600; color: var(--brand-ink); }
.nadlan-password-row { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.nadlan-password-form input[type="password"] {
	padding: 10px 12px;
	border: 1px solid var(--line);
	border-radius: var(--radius-sm);
	font: inherit;
}
.p_state { color: var(--sold); font-weight: 700; }

/* -------------------------------------------------------------------------
 * 11. Generic content (pages, entries).
 * ---------------------------------------------------------------------- */
.site-main .entry-content { line-height: 1.75; }
.site-main .entry-content a { text-decoration: underline; }
.site-main .entry-content img { border-radius: var(--radius-sm); height: auto; }
.page-article {
	background: var(--bg);
	border: 1px solid var(--line);
	border-radius: var(--radius);
	box-shadow: var(--shadow);
	padding: 28px 30px;
}
.search-item {
	background: var(--bg);
	border: 1px solid var(--line);
	border-radius: var(--radius);
	box-shadow: var(--shadow);
	padding: 18px 20px;
	grid-column: 1 / -1;
}

/* -------------------------------------------------------------------------
 * 12. Sidebar + Beautiful Taxonomy Filters widget.
 * ---------------------------------------------------------------------- */
.site-sidebar .widget {
	background: var(--bg);
	border: 1px solid var(--line);
	border-radius: var(--radius);
	box-shadow: var(--shadow);
	padding: 20px;
	margin-bottom: 24px;
}
.site-sidebar .widget-title {
	font-size: 1.1rem;
	margin-bottom: 14px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--line);
	color: var(--brand-ink);
}

/* Beautiful Taxonomy Filters */
.beautiful-taxonomy-filters h3,
.beautiful-taxonomy-filters-title {
	font-size: 1.1rem;
	color: var(--brand-ink);
	margin-bottom: 12px;
}
.beautiful-taxonomy-filters .form-group,
.beautiful-taxonomy-filters label { display: block; margin-bottom: 12px; }
.beautiful-taxonomy-filters select,
.site-sidebar select {
	width: 100%;
	padding: 11px 14px;
	border: 1px solid var(--line);
	border-radius: var(--radius-sm);
	background: #fff;
	color: var(--ink);
	font: inherit;
	appearance: none;
	background-image: linear-gradient(45deg, transparent 50%, var(--brand) 50%), linear-gradient(135deg, var(--brand) 50%, transparent 50%);
	background-position: calc(0% + 16px) center, calc(0% + 21px) center;
	background-size: 5px 5px, 5px 5px;
	background-repeat: no-repeat;
	margin-bottom: 12px;
}
.beautiful-taxonomy-filters .btn,
.beautiful-taxonomy-filters button[type="submit"],
.beautiful-taxonomy-filters input[type="submit"],
.site-sidebar button[type="submit"],
.site-sidebar input[type="submit"] {
	width: 100%;
	background: var(--brand-2);
	color: #fff;
	border: 1px solid var(--brand-2);
	border-radius: var(--radius-sm);
	padding: 12px 18px;
	font: inherit;
	font-weight: 700;
	cursor: pointer;
	transition: background .15s ease, color .15s ease;
}
.beautiful-taxonomy-filters .btn:hover,
.beautiful-taxonomy-filters button[type="submit"]:hover,
.beautiful-taxonomy-filters input[type="submit"]:hover,
.site-sidebar button[type="submit"]:hover,
.site-sidebar input[type="submit"]:hover {
	background: #fff;
	color: var(--brand);
	border-color: var(--brand);
}
.beautiful-taxonomy-filters-clear,
.beautiful-taxonomy-filters .clear-selection {
	display: inline-block;
	margin-top: 8px;
	font-size: .88rem;
	color: var(--muted);
}
/* --brand-link ולא --brand: הסיידבר על רקע לבן, ו---brand הוא 3.25:1 בלבד. */
.site-sidebar .widget a { color: var(--brand-link); }
.site-sidebar .widget a:hover { color: var(--brand); }

/* -------------------------------------------------------------------------
 * 13. Search form (default).
 * ---------------------------------------------------------------------- */
.search-form {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}
.search-form .search-field {
	flex: 1 1 200px;
	padding: 11px 14px;
	border: 1px solid var(--line);
	border-radius: var(--radius-sm);
	font: inherit;
}
.search-form .search-submit {
	background: var(--brand);
	color: #fff;
	border: 0;
	border-radius: var(--radius-sm);
	padding: 11px 22px;
	font: inherit;
	font-weight: 600;
	cursor: pointer;
}
.search-form .search-submit:hover { background: var(--brand-2); }
.search-term { color: var(--brand); }

/* -------------------------------------------------------------------------
 * 14. 404.
 * ---------------------------------------------------------------------- */
.error-404-inner {
	text-align: center;
	background: var(--bg);
	border: 1px solid var(--line);
	border-radius: var(--radius);
	box-shadow: var(--shadow);
	padding: 48px 28px;
	max-width: 640px;
	margin: 0 auto;
}
.error-404-title { font-size: clamp(1.6rem, 1.2rem + 2vw, 2.4rem); }
.error-404-text { color: var(--muted); margin-bottom: 24px; }
.error-404-search { margin-top: 24px; }
.error-404-search .search-form { justify-content: center; }

.no-results {
	background: var(--bg);
	border: 1px solid var(--line);
	border-radius: var(--radius);
	padding: 28px;
	text-align: center;
	color: var(--muted);
}
.property-none .latest-title { text-align: center; margin: 28px 0 18px; }

/* -------------------------------------------------------------------------
 * 15. Footer.
 * ---------------------------------------------------------------------- */
.site-footer {
	background: var(--header-bg);
	color: #c7d3d6;
	margin-top: 40px;
}
.site-footer-inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding-block: 20px;
	font-size: .88rem;
}
.footer-links {
	display: flex;
	flex-wrap: wrap;
	gap: 18px;
}
.footer-links a { color: #c7d3d6; }
.footer-links a:hover { color: var(--brand-2); }
.footer-copyright { margin: 0; color: #9fb0b4; }
.footer-copyright a { color: var(--brand-2); }

@media (max-width: 640px) {
	.site-footer-inner { flex-direction: column; text-align: center; }
	.footer-links { justify-content: center; }
}

/* -------------------------------------------------------------------------
 * 16. GLightbox tweaks (self-hosted; base styles come from vendor CSS).
 * ---------------------------------------------------------------------- */
.glightbox-clean .gslide-description { background: #14232a; }
.glightbox-clean .gslide-title { color: #fff; }

/* -------------------------------------------------------------------------
 * 17. Reduced motion.
 * ---------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: .001ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .001ms !important;
		scroll-behavior: auto !important;
	}
}

/* ── A11Y refinements (contrast AA + underlined in-content links) ── */
:root{
  --brand-link: #0c6b7a;   /* darker teal for small text links → AA ≥4.5:1 on white */
  --sale:       #15803d;   /* darker green so white text passes AA (4.6:1) */
}
/* underline links inside body content so they aren't distinguished by color alone */
.entry-content a,
.property-single__content a,
.investor a,
.single-property__content a{
  color: var(--brand-link);
  text-decoration: underline;
  text-underline-offset: 2px;
}
/* small/utility links → darker teal for contrast */
a.property-card__more, .property-card__more,
a.nadlan-attr, .nadlan-attr,
.read-more, .entry-meta a, .widget a{
  color: var(--brand-link);
}
/* keep large/bold headings teal (large-text AA 3:1 ok) but nudge darker */
.property-card__title a, .entry-title a{ color:#177f92; }
/* the sale/sold ribbon text must stay high-contrast */
.pr_label, .pr_sale, .pr_sold, .property-card__status{ background:var(--sale); color:#fff; }
.pr_sold, .property-card__status--sold{ background:#b91c1c; }

/* ── A11Y pass 2: broaden coverage ── */
/* price must be dark for AA contrast */
[class*="price"], .h_price, .property-price, .property-card-price, .property-card__price{ color:#0f172a !important; }
/* any link inside body text: darker teal + underline (fixes contrast + link-in-text-block) */
main a, .site-main a, article a, .entry-content a, .site-footer a, footer a, #colophon a, .copyright a{
  color: var(--brand-link);
}
main p a, main li a, article p a, .entry-content a, .site-footer a, footer a, #colophon a, .copyright a, td a{
  text-decoration: underline;
  text-underline-offset: 2px;
}
/* card title & big headings can stay teal (large-text AA) */
.property-card__title a, .property-card-title a, .entry-title a, h1 a, h2 a{ color:#177f92; text-decoration:none; }
.property-card__title a:hover, .entry-title a:hover{ text-decoration:underline; }

/* ── A11Y pass 3: attribute chips contrast + breadcrumb links ── */
.nadlan-attr, a.nadlan-attr{ background:#0c6b7a !important; color:#fff !important; border-color:#0c6b7a !important; text-decoration:none !important; }
.nadlan-attr:hover, a.nadlan-attr:hover{ background:#08525d !important; color:#fff !important; }
.breadcrumbs a, .breadcrumb a, nav[aria-label*="breadcrumb"] a, .rank-math-breadcrumb a, #breadcrumbs a{ text-decoration:underline; text-underline-offset:2px; color:var(--brand-link); }

/* ── mobile horizontal-overflow: definitive guard ── */
html{ overflow-x:hidden; }
body{ overflow-x:hidden; max-width:100%; }
*,*::before,*::after{ box-sizing:border-box; }
img,svg,video,iframe,table,pre{ max-width:100%; }
@media (max-width:782px){
  .container,.site,.site-content,.content-area,.site-header,.site-header>*,.site-main,
  .nadlan-hero,.property-grid,.property-card,.investor-grid,.nadlan-gallery,aside,.widget,.widget *{
    max-width:100% !important; min-width:0 !important;
  }
  select,.filter select,.beautiful-taxonomy-filters select,.btf-select,input,.search-field{ min-width:0 !important; max-width:100% !important; }
  /* הערה: כאן היה `grid-template-columns:1fr !important` על כל הרשתות.
     הוא נוסף כדי למנוע גלישה אופקית, אבל ריסק גם את הטאבלט לעמודה אחת —
     ארכיון נכסים הציג כרטיס אחד בשורה ב-768px, וגלריה של 36 תמונות
     נמתחה ל-8,369px. הגלישה נמנעת ממילא ע"י כללי ה-max-width שמעל,
     ולרשתות יש נקודות שבירה משלהן (ראה סעיף 19). אין להחזיר אותו. */
}

/* =========================================================================
 * 18. PROFESSIONAL REFINEMENT PASS (premium listing-site polish).
 *     Appended last so it wins ties. RTL-correct, CLS-safe, AA-safe.
 * ====================================================================== */

/* ---- B. Unified section headings: leading teal accent bar (RTL = right) -- */
.property-block > h2,
.home-grid-title,
.archive-title,
.property-none .latest-title {
	position: relative;
	padding-inline-start: 16px;
	border-bottom: 0;
	padding-bottom: 4px;
	letter-spacing: -.015em;
	font-weight: 800;
}
.property-block > h2 { margin-bottom: 18px; }
.property-block > h2::before,
.home-grid-title::before,
.archive-title::before,
.property-none .latest-title::before {
	content: "";
	position: absolute;
	inset-inline-start: 0;
	top: .12em;
	bottom: .12em;
	width: 5px;
	border-radius: 999px;
	background: linear-gradient(180deg, var(--brand), var(--brand-2));
}
.home-grid-title::after,
.archive-title::after { display: none; }
.home-grid-title,
.archive-title { padding-bottom: 6px; }

/* ---- A. Property cards ---- */
.property-card { border-color: #eceff1; box-shadow: 0 1px 2px rgba(16,42,49,.04), 0 10px 26px rgba(16,42,49,.05); }
.property-card:hover { box-shadow: 0 6px 14px rgba(16,42,49,.1), 0 22px 48px rgba(16,42,49,.12); }
.property-card-body { padding: 15px 17px 17px; gap: 5px; }
.property-card-title { font-size: 1.02rem; font-weight: 700; }
.property-card-price {
	font-size: 1.28rem;
	font-weight: 800;
	letter-spacing: -.01em;
	margin: 5px 0 1px;
}
.property-card-date { font-size: .78rem; text-transform: none; }
.property-card-excerpt { font-size: .88rem; color: #55606c; }
.property-card-more {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: 10px;
	font-size: .88rem;
	font-weight: 700;
}
.property-card-more-arrow { display: inline-block; transition: transform .18s ease; }
.property-card:hover .property-card-more-arrow { transform: translateX(-4px); }

/* Status pill refinement + dot */
.property-status {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 5px 12px;
	font-size: .76rem;
	box-shadow: 0 2px 8px rgba(0,0,0,.18);
	backdrop-filter: saturate(1.1);
}
.property-status-dot {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 0 0 2px rgba(255,255,255,.3);
}

/* ---- C. Single property meta header ---- */
.property-header { padding: 24px 26px; }
.property-header-top {
	display: flex;
	align-items: center;
	gap: 14px;
	flex-wrap: wrap;
}
.property-header .entry-title { margin: 0; flex: 1 1 auto; font-weight: 800; letter-spacing: -.015em; }
.property-status-inline {
	position: static;
	inset: auto;
	align-self: center;
	box-shadow: 0 2px 6px rgba(0,0,0,.12);
	font-size: .8rem;
	padding: 6px 14px;
}
.property-header .property-price {
	display: flex;
	align-items: baseline;
	gap: 8px;
	margin: 16px 0 16px;
}
.property-price-value {
	font-size: clamp(1.7rem, 1.3rem + 1.6vw, 2.15rem);
	font-weight: 800;
	letter-spacing: -.02em;
	line-height: 1;
}
.property-price-unit { font-size: 1rem; font-weight: 600; color: var(--muted); }
.property-meta-row {
	list-style: none;
	margin: 0;
	padding: 15px 0 2px;
	display: flex;
	flex-wrap: wrap;
	gap: 10px 14px;
	border-top: 1px solid var(--line);
}
.property-meta-item {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	font-size: .9rem;
	color: var(--ink);
}
.property-meta-item + .property-meta-item { padding-inline-start: 14px; border-inline-start: 1px solid var(--line); }
.property-meta-icon { display: inline-flex; color: var(--brand); }
.property-meta-label { font-weight: 600; color: var(--brand-ink); }
.property-meta-value { color: #55606c; }
@media (max-width: 560px) {
	.property-meta-item + .property-meta-item { padding-inline-start: 0; border-inline-start: 0; }
	.property-meta-row { flex-direction: column; gap: 8px; }
}

/* ---- D. Investor stat cards ---- */
.investor-stats {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin-bottom: 18px;
}
.investor-stat {
	flex: 1 1 180px;
	max-width: 320px;
	background: linear-gradient(180deg, #ffffff, var(--bg-soft));
	border: 1px solid var(--line);
	border-radius: var(--radius);
	padding: 18px 16px;
	display: flex;
	flex-direction: column;
	gap: 3px;
	box-shadow: 0 1px 2px rgba(16,42,49,.04);
	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.investor-stat:hover {
	transform: translateY(-3px);
	border-color: var(--brand-2);
	box-shadow: 0 8px 22px rgba(16,42,49,.09);
}
.investor-stat-icon {
	width: 42px;
	height: 42px;
	border-radius: 11px;
	background: rgba(30,156,178,.1);
	color: var(--brand);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 8px;
}
.investor-stat-value {
	font-size: 1.5rem;
	font-weight: 800;
	color: var(--brand-ink);
	line-height: 1.15;
	letter-spacing: -.01em;
}
.investor-stat-unit { font-size: .82rem; font-weight: 600; color: var(--muted); margin-inline-start: 4px; }
.investor-stat-label { font-size: .82rem; color: var(--muted); font-weight: 600; }
.investor-extra { margin: 10px 0; }

/* ---- E. Gallery: count badge + hover ---- */
.nadlan-gallery { gap: 12px; }
.nadlan-gallery-item a { position: relative; }
.nadlan-gallery-count {
	position: absolute;
	bottom: 8px;
	inset-inline-start: 8px;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	background: rgba(15,35,42,.82);
	color: #fff;
	font-size: .76rem;
	font-weight: 700;
	line-height: 1;
	padding: 5px 9px;
	border-radius: 999px;
	z-index: 3;
	pointer-events: none;
}
.nadlan-gallery-count svg { display: block; }
.nadlan-gallery-zoom {
	position: absolute;
	inset: 0;
	background: rgba(15,35,42,0);
	transition: background .2s ease;
	z-index: 2;
	pointer-events: none;
}
.nadlan-gallery-item a:hover .nadlan-gallery-zoom { background: rgba(15,35,42,.14); }

/* ---- F. Header: nav underline hover affordance ---- */
.main-navigation .primary-menu > li > a { position: relative; }
.main-navigation .primary-menu > li > a::after {
	content: "";
	position: absolute;
	inset-inline: 14px;
	bottom: 5px;
	height: 2px;
	border-radius: 2px;
	background: var(--brand-2);
	transform: scaleX(0);
	transition: transform .18s ease;
}
.main-navigation .primary-menu > li > a:hover {
	background: rgba(255,255,255,.07);
	color: #fff;
}
.main-navigation .primary-menu > li > a:hover::after { transform: scaleX(1); }
.main-navigation .primary-menu > li.current-menu-item > a::after,
.main-navigation .primary-menu > li.current-menu-ancestor > a::after { display: none; }

/* ---- G. Filter sidebar: prominent CTA ---- */
.beautiful-taxonomy-filters .btn,
.beautiful-taxonomy-filters button[type="submit"],
.beautiful-taxonomy-filters input[type="submit"],
.site-sidebar button[type="submit"],
.site-sidebar input[type="submit"] {
	background: linear-gradient(135deg, var(--brand), var(--brand-2));
	border-color: var(--brand);
	padding: 13px 18px;
	font-size: 1rem;
	box-shadow: 0 6px 16px rgba(30,156,178,.28);
	transition: transform .12s ease, box-shadow .15s ease, background .15s ease, color .15s ease;
}
.beautiful-taxonomy-filters .btn:hover,
.beautiful-taxonomy-filters button[type="submit"]:hover,
.beautiful-taxonomy-filters input[type="submit"]:hover,
.site-sidebar button[type="submit"]:hover,
.site-sidebar input[type="submit"]:hover {
	background: #fff;
	transform: translateY(-1px);
	box-shadow: 0 8px 20px rgba(30,156,178,.22);
}
.site-sidebar select:focus,
.beautiful-taxonomy-filters select:focus {
	outline: none;
	border-color: var(--brand);
	box-shadow: var(--focus);
}
.site-sidebar .widget-title { font-weight: 800; letter-spacing: -.01em; }

/* ---- H. Lead form: clearer focus ring ---- */
.cwraper input[type="text"]:focus,
.cwraper input[type="email"]:focus,
.cwraper input[type="tel"]:focus,
.cwraper input[type="url"]:focus,
.cwraper textarea:focus,
.cwraper select:focus {
	outline: none;
	border-color: #fff;
	box-shadow: 0 0 0 3px rgba(255,255,255,.55);
}
.property-lead.cwraper input[type="submit"],
.property-lead.cwraper .wpcf7-submit {
	padding: 13px 34px;
	box-shadow: 0 6px 16px rgba(0,0,0,.14);
	transition: transform .12s ease, background .15s ease, color .15s ease;
}
.property-lead.cwraper input[type="submit"]:hover,
.property-lead.cwraper .wpcf7-submit:hover { transform: translateY(-1px); }

/* ---- I. Footer top row ---- */
.site-footer-top {
	display: grid;
	grid-template-columns: 2fr 1fr 1.2fr;
	gap: 32px;
	padding-block: 34px;
	border-bottom: 1px solid rgba(255,255,255,.08);
}
.footer-brand-name { display: block; font-size: 1.12rem; font-weight: 800; color: #fff; margin-bottom: 8px; }
.footer-brand-blurb { margin: 0; color: #9fb0b4; font-size: .9rem; line-height: 1.75; max-width: 42ch; }
.footer-col-title { color: #fff; font-size: .95rem; margin-bottom: 12px; font-weight: 700; }
.footer-col a { display: block; color: #c7d3d6; padding: 3px 0; font-size: .9rem; }
.footer-col a:hover { color: var(--brand-2); }
.footer-contact-line { color: #9fb0b4; font-size: .9rem; margin: 0 0 10px; line-height: 1.7; }
.footer-contact-cta { display: inline-block; color: var(--brand-2) !important; font-weight: 700; }
.site-footer-inner { border-top: 0; }
@media (max-width: 760px) {
	.site-footer-top { grid-template-columns: 1fr; gap: 22px; padding-block: 26px; text-align: center; }
	.footer-brand-blurb { max-width: none; }
	.footer-col a { display: inline-block; margin: 0 8px; }
}

/* ---- J. Global polish ---- */
.single-property { gap: 20px; }
.nadlan-breadcrumbs {
	font-size: .85rem;
	padding: 4px 0 2px;
	margin-bottom: 2px;
}
.nadlan-breadcrumbs .breadcrumb_last { color: var(--brand-ink); }
.property-block { border-color: #eceff1; }
.attribute-note,
.investor-disclaimer { line-height: 1.6; }

/* ── Property card: neutralize any archive/blog interference (image must fill) ── */
.property-grid .property-card{ float:none !important; width:auto !important; display:flex; flex-direction:column; }
.property-grid .property-card .property-card-media,
.property-grid .property-card .property-card-image{ width:100% !important; max-width:none !important; float:none !important; }
.property-grid .property-card .property-card-image img{ width:100% !important; max-width:none !important; height:auto; float:none !important; display:block; }

/* ── Search form (404 + anywhere get_search_form is used) ── */
.nadlan-search-form{ display:flex; gap:8px; max-width:520px; margin-inline:auto; }
.nadlan-search-input{ flex:1 1 auto; min-width:0; padding:12px 16px; border:1px solid var(--line,#e5e7eb); border-radius:10px; font:inherit; background:#fff; color:var(--ink,#1f2937); }
.nadlan-search-input:focus-visible{ outline:2px solid var(--brand,#1E9CB2); outline-offset:2px; border-color:var(--brand,#1E9CB2); }
.nadlan-search-submit{ flex:0 0 auto; padding:12px 22px; border:0; border-radius:10px; background:var(--brand,#1E9CB2); color:#fff; font-weight:700; cursor:pointer; transition:background .15s ease, transform .1s ease; }
.nadlan-search-submit:hover{ background:#177f92; transform:translateY(-1px); }
.nadlan-search-submit:focus-visible{ outline:2px solid #0c5561; outline-offset:2px; }

/* ── Style any Gutenberg Search block in content (professional, brand) ── */
.entry-content .wp-block-search{ max-width:520px; }
.entry-content .wp-block-search .wp-block-search__inside-wrapper{ width:100% !important; gap:8px; border:0; }
.entry-content .wp-block-search .wp-block-search__input{ padding:12px 16px; border:1px solid var(--line,#e5e7eb); border-radius:10px; font:inherit; }
.entry-content .wp-block-search .wp-block-search__input:focus-visible{ outline:2px solid var(--brand,#1E9CB2); outline-offset:2px; }
.entry-content .wp-block-search .wp-block-search__button{ background:var(--brand,#1E9CB2); color:#fff; border:0; border-radius:10px; padding:0 18px; margin-inline-start:8px; }
.entry-content .wp-block-search .wp-block-search__button:hover{ background:#177f92; }

/* =========================================================================
 * 19. VERTICAL RHYTHM & LAYOUT SPACING
 *
 *     תיקון שורש לשתי תקלות עימוד שנמדדו בדפדפן:
 *
 *     א. `.single-property` הוא class שוורדפרס מוסיף ל-<body>, לא wrapper.
 *        הכלל `display:flex; gap:18px` הוחל על ה-body ויצר רווחים בין תגי
 *        <script>, בעוד הסקשנים האמיתיים יושבים בתוך <article> עם
 *        display:block. התוצאה: 0px בין כל סקשן, בכל רזולוציה.
 *
 *     ב. הרשתות נכפו לעמודה אחת מתחת ל-782px ע"י כלל !important.
 *
 *     כל המרווחים כאן נגזרים מסולם אחד כדי שהקצב יישאר עקבי.
 * ====================================================================== */

:root {
	/* סולם מרווחים — יחס ~1.5, מבוסס 4px */
	--sp-3xs: 4px;
	--sp-2xs: 8px;
	--sp-xs:  12px;
	--sp-sm:  16px;
	--sp-md:  24px;
	--sp-lg:  32px;
	--sp-xl:  48px;
	--sp-2xl: 64px;

	/* מרווח בין סקשנים — נוזלי.
	   הנוסחה calc(16px + 1.5vw) נותנת עקומה רציפה במקום מדרגות:
	   390px→24 · 768px→28 · 1024px→31 · 1440px→38 · 1920px→40 (תקרה). */
	--section-gap:  clamp(24px, calc(16px + 1.5vw), 40px);
	/* ריפוד פנימי של כרטיס/סקשן */
	--block-pad-y:  clamp(20px, calc(13px + 1.1vw), 30px);
	--block-pad-x:  clamp(16px, calc(10px + 1.3vw), 30px);
}

/* -- א. ביטול הכלל השגוי על ה-body ------------------------------------- */
/* `.single-property` = body class. אסור להפוך את ה-body ל-flex container:
   זה משפיע על כל צאצאי ה-body כולל סקריפטים ורכיבי צד-שלישי. */
body.single-property {
	display: block;
	gap: normal;
}

/* -- קצב אנכי אמיתי בין סקשני עמוד הנכס -------------------------------- */
/* סלקטור אחים סמוכים: חל רק בין בלוקים ברמה אחת, לא על בלוק מקונן. */
.property-block + .property-block { margin-top: var(--section-gap); }

.property-block {
	padding: var(--block-pad-y) var(--block-pad-x);
}

/* מרווח מתחת לאזור הפירורים ומעל הסקשן הראשון */
.nadlan-breadcrumbs { margin-bottom: var(--sp-sm); }

/* -- ב. נקודות שבירה מפורשות לרשתות ------------------------------------ */
/* מוגדרות כאן, אחרי הכלל שהוסר, כדי שהכוונה תהיה במקום אחד וברורה.
   הערכים תואמים למה שכבר היה מוגדר למעלה — רק בלי הדריסה. */
.property-grid  { grid-template-columns: repeat(4, 1fr); }
.nadlan-gallery { grid-template-columns: repeat(4, 1fr); }
.investor-grid  { grid-template-columns: repeat(2, 1fr); }

@media (max-width: 1100px) { .property-grid  { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 820px)  { .property-grid  { grid-template-columns: repeat(2, 1fr); }
                             .nadlan-gallery { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 640px)  { .investor-grid  { grid-template-columns: 1fr; } }
@media (max-width: 520px)  { .property-grid  { grid-template-columns: 1fr; }
                             .nadlan-gallery { grid-template-columns: repeat(2, 1fr); } }

/* -- קצב אנכי כללי בשאר סוגי העמודים ----------------------------------- */
.site-content { padding-block: var(--sp-lg) var(--sp-xl); }

.nadlan-hero        { margin-bottom: var(--section-gap); }
.archive-header     { margin-bottom: var(--sp-md); }
.property-grid      { margin-bottom: var(--section-gap); }
.nadlan-pagination  { margin-top: var(--section-gap); }

/* קצב בתוך תוכן עשיר — מונע "קיר טקסט" */
.entry-content > * + *      { margin-top: var(--sp-sm); }
.entry-content > * + h2,
.entry-content > * + h3     { margin-top: var(--sp-lg); }
.entry-content h2,
.entry-content h3           { margin-bottom: var(--sp-2xs); }
.entry-content > ul,
.entry-content > ol         { padding-inline-start: var(--sp-md); }
.entry-content li + li      { margin-top: var(--sp-3xs); }

/* מרווח בין תת-אזורים בתוך סקשן */
.investor-stats  { gap: var(--sp-md); }
.investor-extra  { margin-top: var(--sp-md); }
.attribute-buttons { gap: var(--sp-2xs); }
.property-media    { gap: var(--sp-md); }

/* ניווט בין נכסים — לא צמוד לסקשן שמעליו */
.property-nav {
	display: flex;
	justify-content: space-between;
	gap: var(--sp-sm);
	margin-top: var(--section-gap);
	flex-wrap: wrap;
}

/* -- מובייל: לצמצם ריפוד אופקי, לא את הקצב האנכי ----------------------- */
@media (max-width: 520px) {
	.property-block { padding-inline: var(--sp-sm); }
	.nadlan-container { padding-inline: var(--sp-sm); }
}

/* =========================================================================
 * 20. CONTRAST & TOUCH-TARGET CORRECTIONS
 *
 *     כל התיקונים כאן נמדדו ב-Lighthouse ובמחשבון ניגודיות, לא הוערכו בעין.
 *     יחסי הניגודיות מצוינים ליד כל כלל.
 * ====================================================================== */

/* -- א. קישורי פוטר: כהה-על-כהה ---------------------------------------- */
/* "A11Y pass 2" הרחיב סלקטור וכלל `.site-footer a` ברשימה שמקבלת
   --brand-link (#0c6b7a) — צבע שתוכנן לרקע לבן. על רקע הפוטר #14232a
   זה 2.61:1, מתחת לכל סף. --brand-2 נותן 7.03:1.
   הערה: שום גוון טורקיז לא מגיע ל-3:1 מול טקסט הפוטר (#c7d3d6),
   ולכן ההבחנה חייבת להיות בקו תחתון ולא בצבע בלבד (WCAG 1.4.1). */
.site-footer a,
footer.site-footer a,
#colophon a,
.footer-links a,
.footer-copyright a {
	color: var(--brand-2);              /* 7.03:1 על #14232a ✓ AA */
	text-decoration: underline;
	text-underline-offset: 2px;
}
.site-footer a:hover,
.footer-links a:hover { color: #9ee0e8; }   /* 10.96:1 ✓ */

/* -- ב. כפתור שליחה של CF7 --------------------------------------------- */
/* הטופס עצמו (פוסט 20179) מכיל `.cf7-horizontal input[type=submit]{color:#4dbdc8}`
   בספציפיות 0,2,1 — גוברת על `.cwraper .wpcf7-submit` (0,2,0). התוצאה:
   טורקיז בהיר על לבן = 2.23:1. כאן ספציפיות 0,3,1 כדי לנצח, בלי לגעת בתוכן. */
.cwraper .wpcf7-form input[type="submit"],
.cwraper .wpcf7-form .wpcf7-submit {
	color: #12454b;                     /* 9.1:1 על לבן ✓ AA */
	background: #fff;
	font-weight: 700;
}
.cwraper .wpcf7-form input[type="submit"]:hover,
.cwraper .wpcf7-form .wpcf7-submit:hover { background: #12454b; color: #fff; }

/* -- ג. קישורים על רקע לבן שנשארו ב---brand (3.25:1) ------------------- */
/* h3 לא נכלל ברשימת הכותרות שקיבלה גוון כהה, וכך קישורי ווידג'ט נשארו בהיר. */
h3 a,
h4 a,
.widget a,
.site-sidebar a,
.textwidget a {
	color: var(--brand-link);           /* 6.18:1 על לבן ✓ AA */
}

/* -- ד. קישורי תוכן — קו תחתון גם כשאינם בתוך <p> או <li> -------------- */
/* Lighthouse: "Links rely on color to be distinguishable" — קישורים ישירים
   בתוך div קיבלו צבע אך לא קו תחתון. */
/* מכוון לאזורי תוכן זורם בלבד. אין להשתמש כאן ב-`.site-main a` רחב עם
   שרשרת :not() — כל :not() מוסיף ספציפיות (0,5,1), וזה גובר על ביטול
   הקו התחתון בכרטיסים ומקו-תחתן את כותרות הנכסים. */
.entry-content a:not(.nadlan-btn):not(.wp-block-button__link),
.property-content a:not(.nadlan-btn),
.investor-extra a,
.property-card-excerpt a,
.textwidget a,
.site-sidebar .widget a {
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* פירורי לחם הם טקסט זורם עם מפרידים — הקישורים בהם חייבים קו תחתון,
   אחרת הם מובחנים בצבע בלבד (Lighthouse: link-in-text-block). */
.nadlan-breadcrumbs a { text-decoration: underline; text-underline-offset: 2px; }

/* כותרות כרטיס וניווט — מובחנים בצורתם ובגודלם, בלי קו תחתון */
.property-card-title a,
.property-card-more,
.main-navigation a,
.property-nav a,
.nadlan-pagination a { text-decoration: none; }
.property-card-title a:hover,
.property-card-more:hover { text-decoration: underline; }

/* -- ה. יעדי מגע: סרגל הנגישות ----------------------------------------- */
/* שני קישורי הסרגל היו במרווח 2px זה מזה — מתחת ל-24px הנדרש. */
.pojo-a11y-toolbar .pojo-a11y-toolbar-link,
.pojo-a11y-toolbar-toggle .pojo-a11y-toolbar-link {
	min-height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.pojo-a11y-toolbar-toggle + .pojo-a11y-toolbar-overlay,
.pojo-a11y-toolbar-toggle { margin-bottom: var(--sp-2xs); }

/* -- ו. יעדי מגע כלליים במובייל ---------------------------------------- */
@media (max-width: 820px) {
	.main-navigation .primary-menu a,
	.footer-links a,
	.property-nav a { min-height: 44px; display: flex; align-items: center; }
	.footer-links { gap: var(--sp-sm); }
}

/* =========================================================================
 * 21. CONTRAST ROOT-CAUSE FIX + FLOATING-WIDGET COLLISION
 * ====================================================================== */

/* -- א. צבע הקישור הבסיסי ---------------------------------------------- */
/* --brand (#1E9CB2) הוא 3.25:1 על לבן — עובר רק כטקסט גדול. הוא שימש
   כצבע ברירת המחדל של כל קישור באתר, ולכן כל תיקון נקודתי רדף אחרי
   סימפטומים. צבע טקסט הקישורים מופרד כאן מצבע המותג:
   --brand נשאר לרקעים, גבולות ואקצנטים; --brand-link (6.18:1) לטקסט. */
a { color: var(--brand-link); }
a:hover { color: var(--brand); }

/* משטחים כהים — הקישור חייב להיות בהיר. ספציפיות גבוהה מ-`main a`. */
.site-header a,
.site-header .main-navigation a,
.cwraper a,
.cwraper .wpcf7-form a,
.property-lead a { color: #fff; }
.cwraper a:hover, .property-lead a:hover { color: #d7f2f5; }

/* כותרות ואלמנטים גדולים יכולים להישאר בגוון המותג (AA לטקסט גדול) */
h1 a, h2 a, .entry-title a, .property-card-title a { color: #177f92; }

/* -- ב. כפתורי Cookie Notice ------------------------------------------- */
/* התוסף מגיע עם #359bed — לבן עליו הוא 2.97:1. #175a99 נותן 7.10:1. */
#cookie-notice .cn-button,
#cookie-notice .cn-set-cookie,
#cookie-notice #cn-accept-cookie,
#cookie-notice #cn-more-info {
	background-color: #175a99 !important;   /* 7.10:1 עם טקסט לבן ✓ AA */
	color: #fff !important;
	min-height: 44px;
	display: inline-flex;
	align-items: center;
}
#cookie-notice .cn-button:hover { background-color: #114574 !important; }

/* -- ג. התנגשות סרגל הנגישות עם ההדר הדביק ----------------------------- */
/* הכפתור ממוקם ב-top:50px בגובה 52px, וההדר הדביק (z-index 100, גובה 76–80px)
   מכסה את שליש העליון שלו. Lighthouse: "partially obscured, 52px by 2px".
   הורדה מתחת להדר פותרת גם את יעד המגע וגם את חסימת הקליק בפועל. */
.pojo-a11y-toolbar-toggle,
.pojo-a11y-toolbar .pojo-a11y-toolbar-toggle { top: 96px !important; }
.pojo-a11y-toolbar-toggle-link {
	min-width: 48px;
	min-height: 48px;
	display: flex !important;
	align-items: center;
	justify-content: center;
}
@media (max-width: 820px) {
	.pojo-a11y-toolbar-toggle,
	.pojo-a11y-toolbar .pojo-a11y-toolbar-toggle { top: 88px !important; }
}

/* -- ד. פוטר: ביטול lazy-render של WP Rocket --------------------------- */
/* WP Rocket מחיל `content-visibility:auto` על הפוטר (האלמנט היחיד בעמוד).
   כלי בדיקת נגישות אינם מצליחים לפענח את רקע האלמנט במצב הזה, ומדווחים
   ניגודיות מול לבן במקום מול #14232a — false positive של 3 נקודות ב-Lighthouse.
   הניגודיות בפועל: 6.2:1 ו-7.03:1, שתיהן עוברות AA.
   העלות בביטול זניחה (פוטר קטן), והתמורה היא דוח נגישות נקי ואמין. */
.site-footer { content-visibility: visible !important; }

/* גודל כותרת הכרטיס נקבע לפי המחלקה, כדי שהמעבר מ-h3 ל-h2
   (תיקון היררכיית כותרות) לא ישנה את המראה. */
.property-card-title { font-size: 1.05rem; line-height: 1.35; margin: 0; }

/* -- ה. פריט תפריט פעיל ------------------------------------------------ */
/* היה: לבן על --brand (#1e9cb2) = 3.25:1.
   עכשיו: --brand-2 עם דיו כהה = 6.29:1 לטקסט, והגלולה עצמה 7.03:1
   מול רקע ההדר — כלומר גם קריאה וגם בולטת. */
.main-navigation .primary-menu .current-menu-item > a,
.main-navigation .primary-menu .current-menu-ancestor > a,
.main-navigation .primary-menu a[aria-current="page"] {
	background: var(--brand-2);
	color: var(--brand-ink);
	font-weight: 700;
}
.main-navigation .primary-menu a:hover {
	background: var(--brand-2);
	color: var(--brand-ink);
}

/* -- ו. כפתור שליחה של CF7 מחוץ לפאנל הטורקיז -------------------------- */
/* התיקון הקודם כוסה רק `.cwraper`. בעמוד "צור קשר" הטופס על רקע לבן,
   ושם הכפתור נשאר #4dbdc8 על לבן = 2.22:1.
   ספציפיות 0,3,1 כדי לגבור על `.cf7-horizontal input[type=submit]` (0,2,1). */
.wpcf7-form input.wpcf7-submit[type="submit"] {
	/* 2.9.2026 — הערת הלקוח: "כפתור שליחה בצבע מעט שונה". עד כה הכפתור
	   היה באותו טורקיז של הקישורים והכותרות ולא נבדל מהם. ירוק-פעולה
	   עמוק, לבן עליו = 5.3:1 ✓ AA. ממתין לאישור הלקוח לגוון הסופי. */
	background: var(--btn-submit, #1f7a4d);
	color: #fff;
	border: 0;
	font-weight: 700;
	padding: 12px 30px;
	border-radius: var(--radius-sm);
	min-height: 44px;
	cursor: pointer;
}
.wpcf7-form input.wpcf7-submit[type="submit"]:hover { background: #175f3c; color: #fff; }

/* שורת השליחה — אחרי הצ'קבוקס (סדר הטופס שונה בתבנית CF7 20179, 2.9.2026) */
.wpcf7-form .cf7-submit-row { margin-top: var(--sp-sm, 12px); }
.wpcf7-form .cf7-submit-row .wpcf7-form-control-wrap,
.wpcf7-form .cf7-submit-row p { margin: 0; }

/* בתוך הפאנל הטורקיז נשאר ההיפוך: כפתור לבן עם טקסט כהה */
.cwraper .wpcf7-form input.wpcf7-submit[type="submit"] {
	background: #fff;
	color: #12454b;                     /* 10.61:1 ✓ AA */
}
.cwraper .wpcf7-form input.wpcf7-submit[type="submit"]:hover { background: #12454b; color: #fff; }

/* =========================================================================
 * 22. HEADER, FLOATING WIDGETS & MENU — UX PASS
 * ====================================================================== */

/* -- א. באנר "צרו קשר" של MailMunch ------------------------------------ */
/* התוסף מציב `div.mailmunch-floating-btn` ב-fixed 100x100 בפינה השמאלית
   העליונה עם z-index של 1,000,000,000 — כלומר בדיוק מעל ההמבורגר (x=38)
   ומעל אזור התפריט, והוא חוטף כל קליק שם. הוא נטען אחרי 3.5 שניות ולכן
   לא נראה בבדיקות מיידיות.
   הפתרון: להקטין ולהעביר לפינה השמאלית התחתונה — נשאר CTA בולט,
   מפסיק לחסום את הניווט. */
/* ⚠️ מאפיינים פיזיים בכוונה (left/right ולא inset-inline-*): המסמך RTL,
   ושם `inset-inline-start` מתורגם לימין — הבאנר היה עובר לצד הנגדי. */
/* ⛔️ אין לשנות כאן גודל, מיקום או transform.
 *
 * הסרט מצויר כ-SVG פנימי בגודל 100×100 עם רצועה אלכסונית וטקסט מוטה,
 * והמכולה מסובבת ב-`rotate(270deg)`. הגאומטריה הזו עובדת רק כשהיא מעוגנת
 * בפינה השמאלית העליונה. ניסיון קודם להקטין ל-78px חתך את ה-SVG (שנשאר
 * 100px), והעברה לפינה התחתונה הפכה את כיוון האלכסון — התוצאה נראתה שבורה.
 *
 * ההתנגשות עם ההמבורגר נפתרת בצד שלנו: ראה `.site-header-inner` להלן,
 * שמזיז את פקדי ההדר מימין ל-100px שהסרט תופס — בדיוק כפי שהפרודקשן
 * ממקם את ה-☰ שלו. */

/* -- ב. סרגל הנגישות — לאמצע גובה המסך --------------------------------- */
/* היה צמוד לראש המסך ומסתיר את ההדר. */
/* ⚠️ אין להשתמש כאן ב-transform: התוסף מזיז את הפאנל פנימה/החוצה בעצמו,
   ו-transform משלנו דרס אותו והעיף את הסרגל אל מחוץ למסך (y=-170). */
/* התוסף מזריק גיליון inline עם `#pojo-a11y-toolbar { top:76px !important }` —
   סלקטור ID עם !important. נדרש ID + אלמנט כדי לגבור עליו. */
body #pojo-a11y-toolbar,
html body nav#pojo-a11y-toolbar,
.pojo-a11y-toolbar-left,
nav.pojo-a11y-toolbar-left {
	top: 30vh !important;
	z-index: 95 !important;        /* מתחת להדר הדביק (100) */
}
.pojo-a11y-toolbar-toggle,
.pojo-a11y-toolbar .pojo-a11y-toolbar-toggle { top: 0 !important; }
@media (max-width: 820px) {
	/* במובייל נמוך יותר — הרחק מההדר ומאזור הקריאה העליון */
	.pojo-a11y-toolbar-left,
	nav.pojo-a11y-toolbar-left,
	body #pojo-a11y-toolbar { top: 40vh !important; }
}

/* -- ג. כפתורי ההדר: המבורגר וחיפוש ------------------------------------ */
/* היו שני מלבנים שקופים עם מסגרת דהויה. עכשיו: אותה שפה, מצב מוגדר,
   טווח מגע 44px, ומצב פעיל ברור. */
.nadlan-nav-toggle,
.header-search-toggle {
	width: 42px;
	height: 42px;
	border: 1px solid rgba(255, 255, 255, .18);
	border-radius: 10px;
	background: rgba(255, 255, 255, .06);
	color: #fff;
	cursor: pointer;
	transition: background .15s ease, border-color .15s ease;
}
.nadlan-nav-toggle:hover,
.header-search-toggle:hover {
	background: rgba(255, 255, 255, .14);
	border-color: rgba(255, 255, 255, .34);
}
.nadlan-nav-toggle[aria-expanded="true"],
.header-search-toggle[aria-expanded="true"] {
	background: var(--brand-2);
	border-color: var(--brand-2);
	color: var(--brand-ink);
}

/* המבורגר → X כשפתוח */
.nadlan-nav-toggle-bar { width: 18px; background: currentColor; }
.nadlan-nav-toggle[aria-expanded="true"] .nadlan-nav-toggle-bar:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.nadlan-nav-toggle[aria-expanded="true"] .nadlan-nav-toggle-bar:nth-child(2) { opacity: 0; }
.nadlan-nav-toggle[aria-expanded="true"] .nadlan-nav-toggle-bar:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* -- ד. טופס החיפוש ---------------------------------------------------- */
.header-search-form {
	top: calc(100% + 12px);
	padding: 8px;
	gap: 8px;
	border-radius: 12px;
	border: 1px solid rgba(0, 0, 0, .06);
	box-shadow: 0 12px 32px rgba(0, 0, 0, .18);
	align-items: center;
}
.header-search-field {
	border: 1px solid var(--line);
	border-radius: 9px;
	padding: 10px 14px;
	min-width: 240px;
	font-size: .95rem;
	background: var(--bg-soft);
	transition: border-color .15s ease, background .15s ease;
}
.header-search-field:focus {
	outline: none;
	background: #fff;
	border-color: var(--brand);
	box-shadow: var(--focus);
}
.header-search-field::placeholder { color: #9aa4ad; }
.header-search-submit {
	background: var(--brand-link);
	border-radius: 9px;
	padding: 10px 18px;
	min-height: 42px;
	white-space: nowrap;
}
.header-search-submit:hover { background: #0a545f; color: #fff; }

/* במובייל הטופס נפרס לרוחב מלא מתחת להדר, ולא כתיבה צפה שגולשת */
@media (max-width: 640px) {
	.header-search { position: static; }
	.header-search-form {
		inset-inline: 0;
		top: calc(100% + 8px);
		border-radius: 0 0 12px 12px;
	}
	.header-search-field { min-width: 0; flex: 1 1 auto; }
}

/* -- ה. תת-תפריט: קומפקטי, מוצק, נקי ----------------------------------- */
.main-navigation .sub-menu {
	min-width: 208px;
	padding: 6px;
	background: #16272f;
	border: 1px solid rgba(255, 255, 255, .08);
	border-radius: 10px;
	box-shadow: 0 14px 34px rgba(0, 0, 0, .38);
}
.main-navigation .sub-menu a {
	padding: 9px 12px;
	border-radius: 7px;
	font-size: .92rem;
	font-weight: 500;
	line-height: 1.35;
	color: #cfe0e4;
}
.main-navigation .sub-menu a:hover,
.main-navigation .sub-menu a:focus-visible {
	background: rgba(255, 255, 255, .09);
	color: #fff;
}
.main-navigation .sub-menu li + li { margin-top: 1px; }

/* -- ו. תת-תפריט במובייL: מקופל, נפתח בלחיצה ---------------------------- */
@media (max-width: 1080px) {
	.main-navigation .primary-menu { padding-bottom: 10px; gap: 1px; }
	.main-navigation .primary-menu > li > a { font-size: .95rem; padding: 11px 14px; }
	.main-navigation .sub-menu {
		display: none;
		position: static;
		opacity: 1;
		visibility: visible;
		transform: none;
		box-shadow: none;
		border: 0;
		background: rgba(255, 255, 255, .05);
		margin: 2px 10px 4px;
		padding: 4px;
	}
	.main-navigation .menu-item-has-children.is-open > .sub-menu { display: block; }
	/* אזור ההקלקה לפתיחת תת-תפריט מופרד מהקישור עצמו */
	.nadlan-submenu-toggle {
		flex: 0 0 auto;
		width: 44px;
		min-height: 44px;
		background: transparent;
		border: 0;
		color: #cfe0e4;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.main-navigation .menu-item-has-children > .nadlan-menu-row {
		display: flex;
		align-items: center;
		gap: 2px;
	}
	.main-navigation .menu-item-has-children > .nadlan-menu-row > a { flex: 1 1 auto; }
	.menu-item-has-children > a > .nadlan-caret { display: none; }
}
/* החץ בתוך הכפתור — משולש CSS, גדול מספיק כדי להיראות */
.nadlan-submenu-toggle .nadlan-caret {
	display: block;
	width: 0; height: 0;
	margin: 0;
	border-inline: 5px solid transparent;
	border-top: 6px solid currentColor;
	opacity: 1;
	transition: transform .18s ease;
}

/* מגירת המובייל: ללא קווי הפרדה של תבנית האב, ריווח קומפקטי ואחיד */
@media (max-width: 1080px) {
	.main-navigation .primary-menu,
	.main-navigation .primary-menu li,
	.main-navigation .primary-menu a {
		border: 0 !important;
		box-shadow: none !important;
	}
	.main-navigation {
		background: #16272f;
		border-radius: 0 0 12px 12px;
		padding: 6px;
		margin-top: 6px;
		box-shadow: 0 16px 34px rgba(0, 0, 0, .34);
	}
	.main-navigation .primary-menu > li > a,
	.main-navigation .menu-item-has-children > .nadlan-menu-row > a {
		padding: 12px 14px;
		border-radius: 8px;
		font-size: .95rem;
		font-weight: 600;
		color: #e6eef0;
	}
	.main-navigation .primary-menu > li + li { margin-top: 2px; }
	.main-navigation .sub-menu a {
		padding: 10px 14px;
		font-size: .9rem;
		font-weight: 500;
	}
	/* הפריט הפעיל בתוך המגירה */
	.main-navigation .primary-menu .current-menu-item > a,
	.main-navigation .primary-menu .current-menu-item > .nadlan-menu-row > a {
		background: var(--brand-2);
		color: var(--brand-ink);
	}
}

/* -- ח. שורת פריט התפריט: flex בכל הרזולוציות ------------------------- */
/* בלי זה ה-<div> העוטף נשאר block בדסקטופ, וכפתור החץ יורד לשורה שנייה
   מתחת לפריט התפריט. */
.main-navigation .nadlan-menu-row {
	display: flex;
	align-items: center;
	gap: 2px;
}

/* בדסקטופ יש hover — החץ מוצג בתוך הקישור, והכפתור הנפרד מיותר */
@media (min-width: 1081px) {
	.main-navigation .nadlan-submenu-toggle { display: none; }
	.menu-item-has-children > .nadlan-menu-row > a > .nadlan-caret { display: inline-block; }
}

/* =========================================================================
 * 23. DROPDOWN — שחזור עיצוב פוג'ו המקורי + פינוי אזור הסרט
 * ====================================================================== */

/* -- א. פקדי ההדר מימין לסרט "יצירת קשר" ------------------------------- */
/* הסרט תופס קבוע את 100×100 הפיקסלים השמאליים העליונים (z-index 1e9).
   בפרודקשן ה-☰ ממוקם מימין לו ולכן נשאר לחיץ; מיישרים לאותה התנהגות.
   RTL: `padding-inline-end` = ריפוד שמאלי, כלומר דוחף את הפקדים ימינה. */
@media (max-width: 1080px) {
	.site-header-inner { padding-inline-end: 106px; }
	.site-branding img,
	.site-branding .custom-logo { height: 44px; max-height: 44px; }
	.site-header.is-stuck .site-branding img { height: 38px; }
}
@media (max-width: 400px) {
	.site-header-inner { gap: 8px; }
	.site-branding img,
	.site-branding .custom-logo { height: 38px; max-height: 38px; }
}

/* -- ב. תת-תפריט — ערכי תבנית פוג'ו המקוריים --------------------------- */
/* נמדדו ישירות מהפרודקשן:
   רקע #3c3c3c · ללא מסגרת · ללא צל · padding 0 ·
   פינות תחתונות בלבד 0 0 5px 5px · שורות בגובה 42px ·
   טקסט #b5b5b5 · 15px · משקל 400 · ריפוד אופקי 22.5px */
.main-navigation .sub-menu {
	background: #3c3c3c;
	border: 0;
	border-radius: 0 0 5px 5px;
	box-shadow: none;
	padding: 0;
	min-width: 200px;
}
.main-navigation .sub-menu li { border: 0; }
.main-navigation .sub-menu li + li { margin-top: 0; }
.main-navigation .sub-menu a {
	display: block;
	color: #b5b5b5;              /* 5.38:1 על #3c3c3c ✓ AA */
	background: transparent;
	font-size: 15px;
	font-weight: 400;
	line-height: 42px;
	padding: 0 22.5px;
	border-radius: 0;
	border: 0;
}
/* הפריט האחרון יורש את עיגול הפינות התחתון, כמו במקור */
.main-navigation .sub-menu li:last-child > a { border-radius: 0 0 5px 5px; }

/* ⚠️ סטייה מכוונת יחידה: ה-hover המקורי הוא #1e9cb2 = 3.39:1 על #3c3c3c
   ונכשל AA. #6cc9d4 נותן 5.75:1 ונשאר אותו טורקיז מותגי.
   מצב המנוחה — מה שנראה בפועל — זהה למקור. */
.main-navigation .sub-menu a:hover,
.main-navigation .sub-menu a:focus-visible,
.main-navigation .sub-menu .current-menu-item > a {
	background: transparent;
	color: #6cc9d4;
}

/* -- ג. אותם ערכים גם במגירת המובייל ----------------------------------- */
@media (max-width: 1080px) {
	.main-navigation .sub-menu {
		background: #3c3c3c;
		border-radius: 5px;
		margin: 2px 10px 4px;
		padding: 0;
	}
	.main-navigation .sub-menu a {
		line-height: 42px;
		padding: 0 18px;
		font-size: 15px;
		font-weight: 400;
	}
	.main-navigation .sub-menu li:last-child > a { border-radius: 0 0 5px 5px; }
}

/* -- ד. רוחב התת-תפריט נגזר מהתוכן, כמו במקור --------------------------- */
/* בפוג'ו המקורי `min-width: 0` והפאנל נמתח לפי הפריט הארוך ביותר.
   עם min-width קבוע הטקסט נשבר לשתי שורות (גובה 84 במקום 42). */
@media (min-width: 1081px) {
	.main-navigation .sub-menu {
		min-width: 0;
		width: max-content;
		max-width: 320px;
	}
	.main-navigation .sub-menu a { white-space: nowrap; }
}
/* במגירת המובייל הרוחב מוגבל למסך — שם שבירה מותרת ורצויה */
@media (max-width: 1080px) {
	.main-navigation .sub-menu { min-width: 0; width: auto; }
	.main-navigation .sub-menu a { white-space: normal; line-height: 1.5; padding: 11px 18px; }
}

/* =========================================================================
 * 24. תת-תפריט — שחזור 1:1 של Superfish/פוג'ו
 *
 *     כל ערך כאן נמדד ישירות מהפרודקשן (computed styles + כללי CSS).
 *     מקור הערכים:
 *       .sf-menu ul            { position:absolute; top:-999em; width:15em }
 *       .sf-menu li a          { display:block; position:relative; padding:0 1.5em; z-index:2 }
 *       .sf-menu a             { transition:.3s linear }
 *       .sf-menu .sub-menu     { border-radius:0 0 5px 5px }
 *       .sf-menu .sub-menu li  { border-top:none; height:auto; line-height:1em }
 *       body.rtl .sf-menu li:hover ul        { left:auto; right:0 }
 *       .sub-menu li:hover > a               { background:#303030; color:#1e9cb2 }
 *       .sub-menu li:last-child:hover > a    { border-radius:0 0 5px 5px }
 *     ומדידה: UL 225×42 · A padding 0 22.5px · line-height 42px ·
 *             color #b5b5b5 · font-size 15px · weight 400 · z-index 99
 *
 *     15em ב-font-size 15px = 225px · 1.5em = 22.5px — נשמר כיחידות em
 *     כדי שהיחס יישמר בדיוק כמו במקור.
 * ====================================================================== */

.main-navigation .sub-menu {
	position: absolute;
	top: 100%;                       /* בפרוד 130px = גובה ההדר; אצלנו הגובה משתנה */
	right: 0;                        /* RTL — עוגן לקצה ההתחלה של פריט האב */
	left: auto;
	width: 15em;                     /* 225px */
	min-width: 0;
	max-width: none;
	z-index: 99;
	margin: 0;
	padding: 0;
	list-style: none;
	background: #3c3c3c;
	border: 0;
	border-radius: 0 0 5px 5px;
	box-shadow: none;
	font-size: 15px;                 /* בסיס ה-em של הרוחב והריפוד */
	/* בפרוד הפאנל מופיע מיידית (טכניקת top:-999em). ללא הנפשה. */
	transition: none;
	transform: none;
}
.main-navigation .primary-menu li:hover > .sub-menu,
.main-navigation .primary-menu li:focus-within > .sub-menu,
.main-navigation .menu-item-has-children.is-open > .sub-menu {
	opacity: 1;
	visibility: visible;
	transform: none;
}

.main-navigation .sub-menu li {
	width: 100%;
	float: right;                    /* .sf-menu li { float } — RTL */
	position: relative;
	display: list-item;
	margin: 0;
	padding: 0;
	border: 0;
	height: auto;
	line-height: 1em;
	list-style: none;
	background: transparent;
}

.main-navigation .sub-menu a {
	display: block;
	position: relative;
	z-index: 2;
	width: 100%;
	height: 42px;
	padding: 0 1.5em;                /* 22.5px */
	margin: 0;
	line-height: 42px;
	font-size: 15px;
	font-weight: 400;
	color: #b5b5b5;                  /* 5.38:1 על #3c3c3c ✓ AA */
	background-color: transparent;
	border: 0;
	border-radius: 0;
	text-decoration: none;
	text-align: start;
	transition: .3s linear;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* ⚠️ סטייה מכוונת: המקור הוא color:#1e9cb2 על #303030 = 4.06:1,
   שנכשל AA לטקסט רגיל בגודל 15px. #2fb3cb = 5.30:1, הפרש גוון זניח.
   הרקע #303030 והתנהגות ה-hover זהים למקור. */
.main-navigation .sub-menu li:hover > a,
.main-navigation .sub-menu li.current-menu-item > a,
.main-navigation .sub-menu a:focus-visible {
	background-color: #303030;
	color: #2fb3cb;
	text-decoration: none;
}
.main-navigation .sub-menu li:last-child:hover > a,
.main-navigation .sub-menu li:last-child.current-menu-item > a {
	border-radius: 0 0 5px 5px;
}

/* -- המגירה במובייל: אותה שפת צבע, פרוס לרוחב במקום פאנל צף --------------- */
@media (max-width: 1080px) {
	.main-navigation .sub-menu {
		position: static;
		width: auto;
		margin: 2px 10px 4px;
		border-radius: 5px;
		font-size: 15px;
	}
	.main-navigation .sub-menu li { float: none; }
	.main-navigation .sub-menu a {
		height: auto;
		min-height: 42px;
		line-height: 1.5;
		padding: 11px 1.5em;
		white-space: normal;
		overflow: visible;
		display: flex;
		align-items: center;
	}
	.main-navigation .sub-menu li:last-child > a { border-radius: 0 0 5px 5px; }
}

/* -- 24ב. יישור ההבדלים האחרונים מול הפרודקשן -------------------------- */
/* נותרו 5 הבדלים בהשוואת computed styles; כולם מיושרים כאן. */
@media (min-width: 1081px) {
	.main-navigation .sub-menu {
		color: #888;                 /* ערך התורשה בפרוד (ה-a דורס אותו) */
		line-height: 24px;
		transition: all;
	}
	.main-navigation .sub-menu li { color: #888; }
	.main-navigation .sub-menu a {
		/* בפרוד `white-space: normal`. נמדד: הטקסט הארוך ביותר 140.7px
		   מתוך 180px זמינים (225 פחות 2×22.5), ולכן אינו נשבר. */
		white-space: normal;
		overflow: visible;
		text-overflow: clip;
		/* עיגול הפינות מופיע רק ב-hover/current, כמו במקור —
		   `.sf-menu .sub-menu li:last-child:hover > a` */
		border-radius: 0;
	}
	.main-navigation .sub-menu li:last-child:hover > a,
	.main-navigation .sub-menu li:last-child.current-menu-item > a {
		border-radius: 0 0 5px 5px;
	}
}

/* ספציפיות 0,3,1 — נדרשת כדי לגבור על כלל קודם באותה רמה
   שהחיל את עיגול הפינות כבר במצב מנוחה. */
@media (min-width: 1081px) {
	.main-navigation .sub-menu li:last-child > a { border-radius: 0; }
	.main-navigation .sub-menu li:last-child:hover > a,
	.main-navigation .sub-menu li:last-child.current-menu-item > a { border-radius: 0 0 5px 5px; }
}

/* איחוד מצב ה-hover: כלל קודם על `a:hover` נתן גוון אחר מהכלל על
   `li:hover > a`, כך שריחוף ישיר על הקישור נראה שונה מריחוף על השורה. */
.main-navigation .sub-menu a:hover,
.main-navigation .sub-menu li:hover > a,
.main-navigation .sub-menu li.current-menu-item > a,
.main-navigation .sub-menu a:focus-visible {
	background-color: #303030;
	color: #2fb3cb;
	text-decoration: none;
}
.main-navigation .sub-menu li:last-child > a:hover,
.main-navigation .sub-menu li:last-child:hover > a,
.main-navigation .sub-menu li:last-child.current-menu-item > a { border-radius: 0 0 5px 5px; }

/* ריפוד סימטרי במגירת המובייל — כלל של תבנית האב נתן 30px/20px.
   ספציפיות 0,4,1 כדי לגבור עליו. */
@media (max-width: 1080px) {
	.main-navigation .primary-menu .sub-menu li > a,
	.main-navigation .primary-menu .menu-item-has-children .sub-menu li > a {
		padding-inline: 1.5em;       /* 22.5px, כמו בדסקטופ ובפרודקשן */
		padding-block: 0;
	}
}

/* כלל של תבנית האב מחיל padding-right:30px על קישורי תת-תפריט במגירה.
   מאפיינים פיזיים מפורשים כדי לנטרל אותו בוודאות. */
@media (max-width: 1080px) {
	.main-navigation .primary-menu .sub-menu li > a {
		padding-right: 1.5em;
		padding-left: 1.5em;
	}
}

/* Astra: `.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-link
   { padding-right: 30px }` — ספציפיות 0,5,0. נדרשת התאמה מדויקת. */
@media (max-width: 1080px) {
	.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-link,
	.ast-header-break-point .main-navigation .sub-menu .menu-item > a {
		padding-right: 1.5em;
		padding-left: 1.5em;
	}
}

/* =========================================================================
 * 25. ניקוי החיצים המוזרקים + התאמת התנהגות התת-תפריט לפרודקשן
 *
 *     ה-DOM של Astra מזריק שלושה אינדיקטורים לכל פריט עם תת-תפריט:
 *       <span class="dropdown-menu-toggle ast-header-navigation-arrow"><svg>
 *       <button class="ast-menu-toggle"><svg>
 *     ובתוך כל קישור בתת-תפריט:
 *       <span class="ast-icon icon-arrow"><svg>   ← לפני הטקסט
 *
 *     בפרודקשן יש אינדיקטור אחד בלבד — `<span class="sf-sub-indicator"> »</span>` —
 *     והוא עצמו מוסתר: `.sf-menu > li > a > span.sf-sub-indicator { display:none }`.
 *     כלומר פריטי התפריט בפרוד אינם מציגים שום חץ.
 * ====================================================================== */

/* -- א. הסתרת כל החיצים המוזרקים -------------------------------------- */
.main-navigation .dropdown-menu-toggle,
.main-navigation .ast-header-navigation-arrow,
.main-navigation .ast-menu-toggle,
.main-navigation .sub-menu .ast-icon,
.main-navigation .sub-menu .icon-arrow,
.main-navigation .sub-menu .ast-arrow-svg,
.main-navigation .nadlan-caret,
.main-navigation .nadlan-submenu-toggle {
	display: none !important;
}

/* -- ג. מובייל: תת-התפריטים פרוסים תמיד, כמו ב-.mobile-menu בפרוד ------ */
@media (max-width: 1080px) {
	.main-navigation .sub-menu,
	.main-navigation .menu-item-has-children > .sub-menu {
		display: block;
		opacity: 1;
		visibility: visible;
		position: static;
		transform: none;
	}
}

/* =========================================================================
 * 26. כפתור צף "צרו קשר" — תחליף מקומי לסרט של MailMunch
 *
 *     הקצאת הפינות באתר (נמדדה, לא שוערה):
 *       שמאל 30vh   — סרגל הנגישות
 *       שמאל-תחתון  — כפתור "גלילה למעלה" של Astra
 *       ימין-תחתון  — פנוי ← כאן
 *     z-index 95: מתחת להדר הדביק (100) ומתחת להודעת העוגיות.
 * ====================================================================== */

.nadlan-fab {
	position: fixed;
	inset-block-end: 24px;
	inset-inline-start: 24px;      /* RTL → צד שמאל של המסך */
	z-index: 95;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 48px;
	padding: 0 20px;
	border-radius: 999px;
	background: var(--brand-link);  /* לבן עליו = 6.18:1 ✓ AA */
	color: #fff;
	font-weight: 700;
	font-size: .95rem;
	line-height: 1;
	text-decoration: none;
	box-shadow: 0 6px 18px rgba(0, 0, 0, .22), 0 2px 6px rgba(0, 0, 0, .14);
	transition: background .18s ease, transform .18s ease, box-shadow .18s ease;
}
.nadlan-fab:hover,
.nadlan-fab:focus-visible {
	background: #0a545f;
	color: #fff;
	transform: translateY(-2px);
	box-shadow: 0 10px 26px rgba(0, 0, 0, .28), 0 3px 8px rgba(0, 0, 0, .16);
	text-decoration: none;
}
.nadlan-fab:focus-visible { outline: 3px solid #fff; outline-offset: 2px; }
.nadlan-fab-icon { flex: 0 0 auto; }

/* כשהודעת העוגיות מוצגת — להרים מעליה כדי שלא תכסה את הכפתור */
body.cookies-not-set .nadlan-fab,
body.cookies-refused .nadlan-fab { inset-block-end: 104px; }

/* מובייל: עיגול עם אייקון בלבד — חוסך רוחב ולא מתחרה בתוכן */
@media (max-width: 560px) {
	.nadlan-fab {
		inset-block-end: 18px;
		inset-inline-start: 18px;
		width: 52px;
		min-height: 52px;
		padding: 0;
		justify-content: center;
		gap: 0;
	}
	.nadlan-fab-text {
		position: absolute;
		width: 1px; height: 1px;
		overflow: hidden; clip: rect(0 0 0 0);
		white-space: nowrap;
	}
	body.cookies-not-set .nadlan-fab,
	body.cookies-refused .nadlan-fab { inset-block-end: 130px; }
}

/* -- סרט אלכסוני "יצירת קשר" בפינה השמאלית-עליונה (דסקטופ) ------------
 *
 * 2.9.2026 — הערת הלקוח: להחזיר את הפופ-אפ של MailMunch "עם אותם כללים".
 * הוחלט על מימוש עצמאי (בלי הסקריפט החיצוני, ששבר נגישות ו-Best-Practices)
 * שמחקה את הווידג'ט 789975 כפי שנשלף מהענן שלהם:
 *   כפתור צף "יצירת קשר", סגנון Triangle, Top Left, רקע rgba(0,110,200),
 *   טקסט לבן · פופ-אפ בכל העמודים · טריגר exit-intent · עוגייה 3 ימים
 *   אחרי שליחה ויום אחד אחרי סגירה (הלוגיקה ב-main.js).
 * ברוחב ≤1080px נשארת הגלולה/הסרגל התחתון — שם הפינה השמאלית-עליונה
 * שייכת להמבורגר, ובפרוד היא פונתה בריפוד של 106px שהיה 27% מהמסך.
 * ------------------------------------------------------------------- */
@media (min-width: 1081px) {
	.nadlan-fab.nadlan-fab--ribbon {
		inset-block-end: auto;
		top: 0;
		inset-inline-start: auto;
		left: 0;                           /* פיזית שמאל — ב-RTL inline-start הוא ימין! */
		right: auto;
		width: 100px;
		height: 100px;
		min-height: 0;
		padding: 0;
		border-radius: 0;
		background: transparent;
		box-shadow: none;
		overflow: hidden;
		display: block;
		z-index: 101;                      /* מעל ההדר, כמו הסרט המקורי */
	}
	.nadlan-fab.nadlan-fab--ribbon:hover,
	.nadlan-fab.nadlan-fab--ribbon:focus-visible { transform: none; box-shadow: none; background: transparent; }
	.nadlan-fab.nadlan-fab--ribbon:focus-visible { outline: none; }
	.nadlan-fab.nadlan-fab--ribbon:focus-visible .nadlan-fab-text { outline: 3px solid #fff; outline-offset: -3px; }
	.nadlan-fab--ribbon .nadlan-fab-icon { display: none; }
	.nadlan-fab--ribbon .nadlan-fab-text {
		position: absolute;
		top: 24px;
		left: -36px;
		width: 170px;
		padding: 7px 0;
		transform: rotate(-45deg);
		background: #006ec8;               /* rgba(0,110,200) של MailMunch · לבן עליו = 5.3:1 ✓ AA */
		color: #fff;
		font-size: .9rem;
		font-weight: 700;
		text-align: center;
		box-shadow: 0 3px 10px rgba(0, 0, 0, .28);
		transition: background .15s ease;
	}
	.nadlan-fab--ribbon:hover .nadlan-fab-text { background: #0059a3; }
	body.cookies-not-set .nadlan-fab.nadlan-fab--ribbon,
	body.cookies-refused .nadlan-fab.nadlan-fab--ribbon { inset-block-end: auto; }

	/* פינוי הפינה בהדר: כפתור החיפוש יושב בקצה השמאלי — מזיזים אותו
	   ימינה כדי שהסרט לא יחפוף לפקד (נבדק ב-layout.test.mjs).
	   !important כי סעיף 29 (מאוחר יותר בקובץ, אותה ספציפיות) מגדיר
	   padding-inline על אותו סלקטור. */
	/* (בוטל 2.9 אחה"צ — הסרט הוחלף בכפתור בהדר, סעיף 41) */
}

/* הדפסה — אין טעם בכפתור צף */
@media print { .nadlan-fab { display: none; } }

@media (prefers-reduced-motion: reduce) {
	.nadlan-fab { transition: none; }
	.nadlan-fab:hover { transform: none; }
}

/* =========================================================================
 * 27. טפסי יצירת קשר — עיצוב מלא, mobile-first
 *
 *     הטופס (CF7 20179) מוגש ב-4 מקומות ובשני הקשרים:
 *       · תוכן רגיל  — עמוד "צור קשר" (119) ועמוד "פרסום בלוח" (552)
 *       · פאנל טורקיז — `.cwraper` בעמודי נכס (single-property.php)
 *
 *     ה-CSS שבתוך הגדרת הטופס עצמו יוצר את הבעיות הבאות, וכולן מטופלות
 *     כאן מצד התבנית מבלי לגעת בתוכן:
 *       .cf7-horizontal { display:flex }        ← ללא flex-wrap
 *       flex-direction: row-reverse             ← מיותר במסמך RTL
 *       .acceptanceDiv { margin-top:-27px }     ← פריצת מרג'ין שלילי
 *       input[type=submit] { margin-bottom:-2px }
 *     נמדד לפני התיקון: רוחב שדה 226px בדסקטופ, 181px בטאבלט,
 *     ו-**57px במובייל** — כלומר טופס בלתי שמיש בנייד.
 * ====================================================================== */

/* -- א. פריסה שנשברת לשורות במקום להצטמצם ------------------------------ */
.wpcf7-form .cf7-horizontal {
	display: flex;
	flex-direction: row;          /* המסמך כבר RTL — אין צורך ב-row-reverse */
	flex-wrap: wrap;              /* ← התיקון המרכזי */
	align-items: flex-end;
	gap: var(--sp-sm);
}
.wpcf7-form .cf7-horizontal > p {
	flex: 1 1 220px;              /* יורד לשורה הבאה מתחת ל-220px במקום להידחס */
	min-width: 0;
	margin: 0;
}
/* ⚠️ בוטל (2.9 ערב, משוב שאולי — "2 שורות עם המון רווח בדסקטופ"):
 * `> p:last-child { flex:0 0 auto }` הניחה שהילד האחרון בשורת השדות הוא
 * כפתור השליחה (מצב היסטורי, לפני cf7order). מאז ש-[submit] הוצא לשורה
 * נפרדת (.cf7-submit-row, ראו סעיף 21 בסקריפט הפריסה), הילד האחרון הוא
 * שדה "טלפון" רגיל — וקבלת flex:0 0 auto הרחיבה אותו לרוחב-תוכן גדול,
 * דחפה את שני השדות הראשונים לשורה נפרדת ברוחב-מחצה כל אחד, ויצרה בדיוק
 * את "2 השורות עם הרבה רווח" שתוארו. כל שלושת השדות מתנהגים עכשיו אחיד. */

/* -- ב. שדות ---------------------------------------------------------- */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="url"],
.wpcf7-form input[type="number"],
.wpcf7-form input[type="date"],
.wpcf7-form select,
.wpcf7-form textarea {
	width: 100%;
	min-height: 48px;             /* יעד מגע תקני (היה 40px) */
	padding: 12px 14px;
	border: 1px solid var(--line);
	border-radius: 10px;
	background: #fff;
	color: var(--ink);
	/* 16px מונע מ-Safari בנייד להגדיל את הדף בעת מיקוד בשדה */
	font-size: 16px;
	font-family: inherit;
	line-height: 1.4;
	transition: border-color .15s ease, box-shadow .15s ease;
	-webkit-appearance: none;
	appearance: none;
}
.wpcf7-form textarea { min-height: 120px; resize: vertical; }
.wpcf7-form input::placeholder,
.wpcf7-form textarea::placeholder { color: #9aa4ad; }
.wpcf7-form input:focus,
.wpcf7-form select:focus,
.wpcf7-form textarea:focus {
	outline: none;
	border-color: var(--brand);
	box-shadow: var(--focus);
}

/* -- ג. תוויות -------------------------------------------------------- */
.wpcf7-form .cf7-horizontal label {
	display: flex;
	flex-direction: column;
	align-items: stretch;         /* היה flex-end — גרם לתוויות צפות */
	gap: 6px;
	font-size: .9rem;
	font-weight: 600;
	color: var(--brand-ink);
	line-height: 1.4;
}
.wpcf7-form .cf7-horizontal label br { display: none; }   /* מיותר עם flex */
.wpcf7-form .cf7-horizontal label input { margin-top: 0; text-align: start; }

/* -- ד. כפתור השליחה --------------------------------------------------- */
.wpcf7-form input[type="submit"],
.wpcf7-form .cf7-horizontal input[type="submit"] {
	min-height: 48px;
	margin: 0;
	padding: 0 28px;
	border: 0;
	border-radius: 10px;
	background: var(--brand-link);   /* לבן עליו = 6.18:1 ✓ AA */
	color: #fff;
	font-weight: 700;
	font-size: 1rem;
	cursor: pointer;
	transition: background .15s ease, transform .1s ease;
}
.wpcf7-form input[type="submit"]:hover,
.wpcf7-form .cf7-horizontal input[type="submit"]:hover {
	background: #0a545f;
	border: 0;
	color: #fff;
	transform: translateY(-1px);
}
.wpcf7-form input[type="submit"]:focus-visible { outline: 3px solid var(--brand); outline-offset: 2px; }

/* -- ה. תיבת אישור המדיניות ------------------------------------------- */
.wpcf7-form .acceptanceDiv {
	margin-top: var(--sp-sm) !important;   /* מבטל את ה--27px */
	text-align: start;
}
.wpcf7-form .acceptanceDiv p { margin: 0; }

/* -- ה2. מ-641px: מיזוג שורת האישור ושורת השליחה לשורה אחת --------------
 *
 * 2.9 ערב — משוב שאולי: "צריך לצמצם" את הרווח מתחת לשדות. לפני התיקון,
 * .acceptanceDiv ו-.cf7-submit-row היו שני <div> נפרדים ברוחב מלא כל אחד,
 * כשרק חלק קטן מהרוחב בפועל בשימוש (טקסט אישור קצר, כפתור צר) — שתי
 * "שורות ריקות" למראית עין. כאן שני ה-div הופכים לפריטי flex באותה שורה:
 * טקסט האישור גדל לפי הצורך (min-width מונע ממנו להימעך), הכפתור נשאר
 * ברוחב-תוכן בצד השני. cf7-horizontal מקבל 100% כדי להישאר בשורה משלו. */
@media (min-width: 641px) {
	/* align-items:flex-start ולא center — אחרת עם טקסט אישור ארוך (2 שורות)
	   מעל כפתור קצר, ה-centering היה מעלה את הכפתור מעל שורת הצ'קבוקס. */
	.wpcf7-form { display: flex; flex-wrap: wrap; align-items: flex-start; row-gap: var(--sp-sm); }
	.wpcf7-form .cf7-horizontal { flex: 1 1 100%; }
	.wpcf7-form .acceptanceDiv { flex: 1 1 260px; min-width: 0; margin-top: 0 !important; }
	.wpcf7-form .cf7-submit-row { flex: 0 0 auto; margin-inline-start: var(--sp-sm); margin-top: 0; }
	.wpcf7-form .wpcf7-response-output { flex: 1 1 100%; }
}
.wpcf7-form .wpcf7-acceptance .wpcf7-list-item { margin: 0; }
.wpcf7-form .wpcf7-acceptance label {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-size: .88rem;
	font-weight: 400;
	line-height: 1.5;
	cursor: pointer;
}
.wpcf7-form .wpcf7-acceptance input[type="checkbox"] {
	flex: 0 0 auto;
	width: 20px;
	height: 20px;
	min-height: 0;
	margin: 2px 0 0;
	accent-color: var(--brand-link);
	cursor: pointer;
}

/* -- ו. מצבי שגיאה והודעות -------------------------------------------- */
.wpcf7-form .wpcf7-not-valid { border-color: #b91c1c; background: #fef2f2; }
.wpcf7-form .wpcf7-not-valid-tip {
	display: block;
	margin-top: 4px;
	color: #b91c1c;
	font-size: .85rem;
	font-weight: 600;
}
.wpcf7-form .wpcf7-response-output {
	margin: var(--sp-sm) 0 0;
	padding: 12px 14px;
	border-width: 1px;
	border-radius: 10px;
	font-size: .92rem;
	line-height: 1.5;
}
.wpcf7-form.invalid .wpcf7-response-output,
.wpcf7-form.failed .wpcf7-response-output { border-color: #b91c1c; background: #fef2f2; color: #7f1d1d; }
.wpcf7-form.sent .wpcf7-response-output { border-color: #15803d; background: #f0fdf4; color: #14532d; }
.wpcf7-spinner { margin-inline-start: 10px; }

/* -- ז. בתוך הפאנל הטורקיז (עמודי נכס) -------------------------------- */
.cwraper .wpcf7-form .cf7-horizontal label { color: #fff; }
.cwraper .wpcf7-form .wpcf7-acceptance label { color: #eaf7f9; }
.cwraper .wpcf7-form input[type="submit"] { background: #fff; color: #12454b; }  /* 10.6:1 ✓ */
.cwraper .wpcf7-form input[type="submit"]:hover { background: #12454b; color: #fff; }
.cwraper .wpcf7-form input:focus,
.cwraper .wpcf7-form textarea:focus { box-shadow: 0 0 0 3px rgba(255,255,255,.55); }

/* -- ח. מובייל: עמודה אחת, כפתור לרוחב מלא ---------------------------- */
@media (max-width: 640px) {
	.wpcf7-form .cf7-horizontal { gap: var(--sp-xs); }
	.wpcf7-form .cf7-horizontal > p,
	.wpcf7-form .cf7-horizontal > p:last-child { flex: 1 1 100%; }
	.wpcf7-form input[type="submit"] { width: 100%; padding: 0 20px; }
	.wpcf7-form .wpcf7-acceptance label { font-size: .85rem; }
}

/* =========================================================================
 * 28. כפתור יצירת קשר — סרגל דביק לרוחב מלא במובייל
 *
 *     בדסקטופ נשארת הגלולה בפינה: סרגל לרוחב 1440px נראה כבד ותופס
 *     שטח יקר. במובייל, לעומת זאת, סרגל CTA תחתון לרוחב מלא הוא
 *     הדפוס המקובל — יעד מגע גדול, תמיד נגיש, ולא מסתיר תוכן צדדי.
 * ====================================================================== */

@media (max-width: 640px) {
	.nadlan-fab {
		inset-inline: 0;
		inset-block-end: 0;
		width: auto;
		min-height: 56px;
		padding: 0 20px;
		gap: 10px;
		border-radius: 0;
		justify-content: center;
		font-size: 1rem;
		box-shadow: 0 -4px 18px rgba(0, 0, 0, .22);
	}
	.nadlan-fab:hover { transform: none; }

	/* הטקסט חוזר להיראות — זה כבר לא כפתור אייקון */
	.nadlan-fab-text {
		position: static;
		width: auto; height: auto;
		overflow: visible; clip: auto;
	}

	/* מרווח בתחתית הדף כדי שהסרגל לא יכסה את סוף התוכן */
	body { padding-bottom: 56px; }

	/* כפתור "גלילה למעלה" של Astra הוסר לבקשת הלקוח (2.9.2026) —
	   ראה הפילטר astra_get_option_scroll-to-top-enable ב-functions.php. */

	/* כשהודעת העוגיות מוצגת — הסרגל מעליה */
	body.cookies-not-set .nadlan-fab,
	body.cookies-refused .nadlan-fab { inset-block-end: 0; }
}

/* =========================================================================
 * 29. ההדר — עיצוב מחדש
 *
 *     נקודת המוצא שנמדדה: גובה קבוע 76px · פער ריק גדול בין הלוגו לתפריט ·
 *     אמוג'י 🔍 בתיבה אפורה · ריפוד שמאלי מת של 106px במובייל ·
 *     גלולת טורקיז מלאה על הפריט הפעיל · אפס הפרדה מהתוכן.
 * ====================================================================== */

/* -- א. ביטול הריפוד שנועד לסרט MailMunch ------------------------------ */
/* הסרט הוסר והוחלף בכפתור מקומי, ולכן 106px השמאליים כבר אינם נחוצים —
   הם היו 27% מרוחב המסך ב-390px. */
@media (max-width: 1080px) {
	.site-header-inner { padding-inline-end: 0; }
}

/* -- ב. מעטפת ההדר ----------------------------------------------------- */
.site-header {
	background: linear-gradient(180deg, #17282f 0%, #13212880 100%), var(--header-bg);
	background-color: var(--header-bg);
	border-bottom: 1px solid rgba(255, 255, 255, .07);
	box-shadow: none;
	transition: box-shadow .25s ease, background-color .25s ease;
}
.site-header.is-stuck {
	box-shadow: 0 8px 24px -8px rgba(0, 0, 0, .55);
	border-bottom-color: rgba(255, 255, 255, .1);
}

/* רחב יותר מגוף התוכן — נותן תחושת "מקצה לקצה" בלי לפגוע בקריאות */
.site-header .site-header-inner {
	max-width: 1600px;
	padding-inline: clamp(16px, 3vw, 40px);
	min-height: 74px;
	gap: clamp(10px, 1.6vw, 24px);
	transition: min-height .22s ease;
}
.site-header.is-stuck .site-header-inner { min-height: 60px; }

/* -- ג. לוגו ----------------------------------------------------------- */
.site-branding .custom-logo,
.site-branding img {
	height: 50px;
	max-height: 50px;
	transition: height .22s ease;
}
.site-header.is-stuck .site-branding img { height: 40px; }

/* -- ד. פריטי הניווט --------------------------------------------------- */
.main-navigation .primary-menu { gap: 2px; }
.main-navigation .primary-menu > li > a,
.main-navigation .primary-menu > li > .nadlan-menu-row > a {
	position: relative;
	padding: 10px 13px;
	border-radius: 9px;
	font-size: .94rem;
	font-weight: 500;
	letter-spacing: -.01em;
	color: #dbe7ea;
	line-height: 1.2;
	transition: color .15s ease, background-color .15s ease;
}
.main-navigation .primary-menu > li > a:hover,
.main-navigation .primary-menu > li > .nadlan-menu-row > a:hover,
.main-navigation .primary-menu > li:focus-within > a {
	background: rgba(255, 255, 255, .08);
	color: #fff;
}

/* פריט פעיל — לבן + פס טורקיז דק. נקי יותר מגלולה מלאה, וניגודיות מלאה. */
.main-navigation .primary-menu > li.current-menu-item > a,
.main-navigation .primary-menu > li.current-menu-ancestor > a,
.main-navigation .primary-menu > li.current-menu-item > .nadlan-menu-row > a,
.main-navigation .primary-menu > li.current-menu-ancestor > .nadlan-menu-row > a {
	background: transparent;
	color: #fff;
	font-weight: 700;
}
.main-navigation .primary-menu > li.current-menu-item > a::after,
.main-navigation .primary-menu > li.current-menu-ancestor > a::after,
.main-navigation .primary-menu > li.current-menu-item > .nadlan-menu-row > a::after,
.main-navigation .primary-menu > li.current-menu-ancestor > .nadlan-menu-row > a::after {
	content: "";
	position: absolute;
	inset-inline: 13px;
	bottom: 2px;
	height: 2px;
	border-radius: 2px;
	background: var(--brand-2);
}

/* -- ה. כפתורי אייקון: המבורגר וחיפוש --------------------------------- */
/* ⚠️ בלי `display` בכלל המשותף: ההמבורגר חייב להישאר `display:none`
   מעל 1080px, וכלל משותף עם display:flex היה מציג אותו גם בדסקטופ. */
.nadlan-nav-toggle,
.header-search-toggle {
	width: 40px;
	min-width: 40px;
	height: 40px;
	padding: 0;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(255, 255, 255, .14);
	border-radius: 10px;
	background: rgba(255, 255, 255, .05);
	color: #e6eef0;
	font-size: 0;                    /* מנטרל שאריות טקסט/אמוג'י */
	transition: background .15s ease, border-color .15s ease, color .15s ease;
}
.nadlan-nav-toggle:hover,
.header-search-toggle:hover {
	background: rgba(255, 255, 255, .13);
	border-color: rgba(255, 255, 255, .3);
	color: #fff;
}
.nadlan-nav-toggle:focus-visible,
.header-search-toggle:focus-visible { outline: 2px solid var(--brand-2); outline-offset: 2px; }
.nadlan-nav-toggle[aria-expanded="true"],
.header-search-toggle[aria-expanded="true"] {
	background: var(--brand-2);
	border-color: var(--brand-2);
	color: var(--brand-ink);
}
.nadlan-icon { display: block; }

/* המבורגר — שלושה קווים מדויקים, הופכים ל-X */
.nadlan-nav-toggle { flex-direction: column; gap: 4px; }
.nadlan-nav-toggle-bar {
	width: 17px; height: 1.5px;
	background: currentColor;
	border-radius: 2px;
	transition: transform .2s ease, opacity .15s ease;
}
.nadlan-nav-toggle[aria-expanded="true"] .nadlan-nav-toggle-bar:nth-child(1) { transform: translateY(5.5px) rotate(45deg); }
.nadlan-nav-toggle[aria-expanded="true"] .nadlan-nav-toggle-bar:nth-child(2) { opacity: 0; }
.nadlan-nav-toggle[aria-expanded="true"] .nadlan-nav-toggle-bar:nth-child(3) { transform: translateY(-5.5px) rotate(-45deg); }

/* -- ו. פאנל החיפוש ---------------------------------------------------- */
.header-search-form {
	top: calc(100% + 14px);
	padding: 10px;
	gap: 8px;
	border-radius: 14px;
	border: 1px solid rgba(0, 0, 0, .05);
	box-shadow: 0 18px 40px -12px rgba(0, 0, 0, .45);
}
/* חץ קטן שמחבר את הפאנל לכפתור */
.header-search-form::before {
	content: "";
	position: absolute;
	top: -6px;
	inset-inline-end: 18px;
	width: 12px; height: 12px;
	background: #fff;
	border-inline-start: 1px solid rgba(0, 0, 0, .05);
	border-top: 1px solid rgba(0, 0, 0, .05);
	transform: rotate(45deg);
}
.header-search-field {
	min-height: 44px;
	border-radius: 10px;
	padding: 10px 14px;
	min-width: 260px;
	font-size: 16px;                 /* מונע זום אוטומטי ב-Safari נייד */
}
.header-search-submit { min-height: 44px; border-radius: 10px; padding: 0 20px; }

/* -- ז. מובייל --------------------------------------------------------- */
@media (max-width: 1080px) {
	.site-header .site-header-inner { min-height: 66px; gap: 10px; }
	.site-header.is-stuck .site-header-inner { min-height: 58px; }
	.site-branding img,
	.site-branding .custom-logo { height: 42px; max-height: 42px; }
	.site-header.is-stuck .site-branding img { height: 36px; }
	.nadlan-nav-toggle,
	.header-search-toggle { width: 42px; height: 42px; }
}
@media (max-width: 420px) {
	.site-branding img,
	.site-branding .custom-logo { height: 36px; max-height: 36px; }
	.site-header .site-header-inner { gap: 8px; padding-inline: 14px; }
}

/* כפתור החיפוש מוצג תמיד; ההמבורגר רק מתחת לנקודת השבירה של הניווט. */
.header-search-toggle { display: flex; }
.nadlan-nav-toggle { display: none; }
@media (max-width: 1080px) {
	.nadlan-nav-toggle { display: flex; }
}

/* -- ח. זרימת ההדר: מותג ← ניווט ... חיפוש ---------------------------- */
/* היה: `.site-branding { margin-inline-end:auto }` דחף את כל השאר לקצה
   הנגדי, ונוצר פער ריק גדול בין הלוגו לפריט התפריט הראשון.
   עכשיו הניווט צמוד למותג — הקיבוץ הטבעי — והחיפוש לבדו בקצה הנגדי. */
@media (min-width: 1081px) {
	.site-header .site-branding { margin-inline-end: 0; }
	.site-header .main-navigation { margin-inline-end: auto; }
	.site-header .header-search { margin-inline-start: 0; }
	.site-header .site-header-inner { gap: clamp(14px, 2vw, 32px); }
}

/* =========================================================================
 * 30. עמוד נכס — התמונה הראשית גבוה יותר
 *
 *     נמדד: הגלריה התחילה ב-435px בדסקטופ ו-504px במובייל, כי כרטיס
 *     הכותרת (205/293px) קדם לה. בלוח נדל"ן התמונה היא המידע הראשון
 *     שהמבקר מחפש.
 *
 *     ⚠️ סדר ה-DOM לא משתנה — ה-<h1> נשאר ראשון במקור לצורכי SEO ונגישות.
 *     הסידור מחדש הוא ויזואלי בלבד, דרך `order`.
 * ====================================================================== */

body.single-property .ast-article-single,
body.single-property article.property {
	display: flex;
	flex-direction: column;
	/* עם flex יש להשתמש ב-gap: כללי `.property-block + .property-block`
	   מבוססים על סדר ה-DOM, שכבר אינו זהה לסדר התצוגה. */
	gap: var(--section-gap);
}
body.single-property .ast-article-single > .property-block + .property-block,
body.single-property article.property > .property-block + .property-block { margin-top: 0; }

body.single-property .nadlan-breadcrumbs { order: 0; margin-bottom: 0; }
body.single-property .property-gallery   { order: 1; }
body.single-property .property-block:not(.property-gallery) { order: 2; }

/* =========================================================================
 * 31. מגירת המובייל — קומפקטית
 *
 *     נמדד לפני: 438px גובה כולל · פריט ראשי 44px · שורת תת-תפריט 42px.
 *     היעדים נשארים מעל המינימום של WCAG 2.2 (24×24) בהפרש נוח.
 * ====================================================================== */

@media (max-width: 1080px) {
	.main-navigation {
		padding: 4px;
		margin-top: 4px;
		border-radius: 0 0 10px 10px;
	}
	.main-navigation .primary-menu { gap: 0; padding-bottom: 0; }
	.main-navigation .primary-menu > li + li { margin-top: 1px; }

	.main-navigation .primary-menu > li > a,
	.main-navigation .primary-menu > li > .nadlan-menu-row > a {
		min-height: 40px;
		padding: 0 14px;
		display: flex;
		align-items: center;
		font-size: .92rem;
		font-weight: 600;
		border-radius: 7px;
	}

	/* תת-תפריט — צמוד לפריט האב, שורות נמוכות יותר */
	.main-navigation .sub-menu {
		margin: 1px 8px 2px;
		border-radius: 7px;
	}
	.main-navigation .primary-menu .sub-menu li > a,
	.main-navigation .sub-menu a {
		min-height: 36px;
		height: auto;
		line-height: 1.35;
		padding: 0 14px;
		font-size: .875rem;
		display: flex;
		align-items: center;
	}
	.main-navigation .sub-menu li:last-child > a { border-radius: 0 0 7px 7px; }
}

/* -- 30ב. גלריה מקוצרת עם כפתור הרחבה ---------------------------------- */
/* בלי זה הגלריה (805px בדסקטופ, 1,129px במובייל) דוחפת את הכותרת
   והמחיר מתחת לקיפול — כלומר "התמונה למעלה" היה בא על חשבון המידע. */
.nadlan-gallery-wrap { position: relative; }

@media (max-width: 640px) {
}

/* -- 30ג. כיוונון גובה המצב המקוצר ------------------------------------ */
/* היעד: שהכותרת והמחיר יישארו מעל הקיפול. נמדד — עם 380/300px
   הכותרת נחתה על 923px בדסקטופ ו-764px במובייל, כלומר מתחת לקיפול. */
.nadlan-gallery-wrap.is-collapsed .nadlan-gallery { max-height: 300px; }

@media (max-width: 640px) {
}

/* -- 30ד. שאר ילדי ה-<article> בסדר הנכון ------------------------------ */
/* `.property-nav` (נכס קודם/הבא) אינו `.property-block`, ולכן נשאר עם
   order ברירת המחדל 0 — וקפץ מעל הגלריה. הוא שייך לתחתית העמוד. */
body.single-property .property-nav { order: 9; }
/* כל ילד אחר שאינו מסווג — אחרי הכותרת, לפני הניווט */
body.single-property .ast-article-single > *:not(.nadlan-breadcrumbs):not(.property-block):not(.property-nav) { order: 3; }

/* =========================================================================
 * 32. גלריית הנכס — תמונה ראשית + רצועה
 *
 *     מחליף את המצב המקוצר-עם-כפתור. הבעיה שם: כדי *לדעת* שיש עוד
 *     תמונות היה צריך ללחוץ. עכשיו הרצועה גלויה, והאריח האחרון נושא
 *     שכבת "+N" כשנותרו תמונות מעבר לה.
 * ====================================================================== */

/* מבטל את כללי המצב המקוצר הקודם */
.nadlan-gallery-wrap.is-collapsed .nadlan-gallery { max-height: none; overflow: visible; }
.nadlan-gallery-wrap::after { content: none; }

/* -- תמונה ראשית ------------------------------------------------------- */
.nadlan-gallery-hero { margin-bottom: var(--sp-xs); }
.nadlan-gallery-hero .nadlan-gallery-item { margin: 0; }
.nadlan-gallery-hero a {
	display: block;
	position: relative;
	overflow: hidden;
	border-radius: var(--radius);
	aspect-ratio: 16 / 10;
}
.nadlan-gallery-hero .nadlan-gallery-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .35s ease;
}
.nadlan-gallery-hero a:hover .nadlan-gallery-img { transform: scale(1.03); }

/* -- רצועת התמונות ---------------------------------------------------- */
.nadlan-gallery-thumbs {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: var(--sp-2xs);
	position: relative;
}
.nadlan-gallery-thumbs .nadlan-gallery-item { margin: 0; }
.nadlan-gallery-thumbs a {
	display: block;
	position: relative;
	overflow: hidden;
	border-radius: var(--radius-sm);
	aspect-ratio: 4 / 3;
}
.nadlan-gallery-thumbs .nadlan-gallery-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .3s ease, opacity .2s ease;
}
.nadlan-gallery-thumbs a:hover .nadlan-gallery-img { transform: scale(1.06); }

/* אריחים מעבר לרצועה מוסתרים מהתצוגה אך נשארים בלייטבוקס */
.nadlan-gallery-thumbs > .nadlan-gallery-item:nth-child(n + 8) { display: none; }

/* שכבת "+N" — האריח מסומן ב-JS לפי נקודת השבירה בפועל.
   `attr()` יכול לקרוא רק מהאלמנט שעליו הפסאודו יושב, ולכן התווית
   מוזרקת על האריח עצמו ולא על המכולה. */
.nadlan-gallery-thumbs .nadlan-gallery-item.has-more a::after {
	content: attr(data-more-label);
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(15, 46, 51, .72);
	color: #fff;
	font-weight: 800;
	font-size: clamp(.9rem, .8rem + .4vw, 1.05rem);
	letter-spacing: .01em;
	transition: background .2s ease;
}
.nadlan-gallery-thumbs .nadlan-gallery-item.has-more a:hover::after { background: rgba(15, 46, 51, .84); }

/* תגית ספירת התמונות עוברת לתמונה הראשית */
.nadlan-gallery-hero .nadlan-gallery-count { inset-block-start: auto; bottom: 12px; }

/* -- נקודות שבירה ------------------------------------------------------ */
@media (max-width: 1100px) {
	.nadlan-gallery-thumbs { grid-template-columns: repeat(6, 1fr); }
	.nadlan-gallery-thumbs > .nadlan-gallery-item:nth-child(n + 7) { display: none; }
}
@media (max-width: 640px) {
	.nadlan-gallery-hero a { aspect-ratio: 3 / 2; }
	.nadlan-gallery-thumbs { grid-template-columns: repeat(4, 1fr); gap: 6px; }
	.nadlan-gallery-thumbs > .nadlan-gallery-item:nth-child(n + 5) { display: none; }
}

/* יחס התמונה הראשית — 16/10 נתן 455px בדסקטופ ודחף את הכותרת ל-899px.
   16/9 מקצר ל-~410px ומשאיר את הכותרת והמחיר מעל הקיפול. */
@media (min-width: 1101px) {
	.nadlan-gallery-hero a { aspect-ratio: 16 / 9; }
}

/* =========================================================================
 * 33. עמוד נכס — היררכיית מידע
 *
 *     הסדר היה: כותרת → תיאור → מידע למשקיע → **מאפיינים** → מדיה.
 *     כלומר נתוני המפתח של הנכס (חדרים, גודל, סוג, מצב) היו קבורים
 *     באמצע העמוד, אחרי טקסט חופשי. בלוח נדל"ן הם המידע שנסרק ראשון
 *     אחרי המחיר.
 *
 *     סדר חדש: גלריה → כותרת+מחיר → מאפיינים → תיאור → משקיע → מדיה → טופס.
 *     סדר ה-DOM נשאר כשהיה; זהו סידור ויזואלי בלבד.
 * ====================================================================== */

body.single-property .property-attributes { order: 3; }
body.single-property .property-content    { order: 4; }
body.single-property .property-investor   { order: 5; }
body.single-property .property-media      { order: 6; }
body.single-property .property-lead       { order: 7; }
body.single-property .property-locked     { order: 2; }

/* -- מאפיינים: שורת צ'יפים קומפקטית מתחת למחיר ------------------------- */
.property-attributes .attribute-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: var(--sp-2xs);
}
.property-attributes .attribute-note {
	margin: var(--sp-sm) 0 0;
	color: var(--muted);
	font-size: .82rem;
}

/* -- כרטיס הכותרת: היררכיה ברורה יותר --------------------------------- */
.property-header .entry-title {
	font-size: clamp(1.35rem, 1.05rem + 1.3vw, 1.85rem);
	line-height: 1.25;
	margin-bottom: var(--sp-xs);
}
.property-price {
	display: flex;
	align-items: baseline;
	gap: 8px;
	font-size: clamp(1.5rem, 1.2rem + 1.2vw, 2rem);
	font-weight: 800;
	color: var(--brand-ink);
	margin-bottom: var(--sp-sm);
	letter-spacing: -.02em;
}
.property-price strong { font-size: .55em; font-weight: 600; color: var(--muted); letter-spacing: 0; }

/* שורת המטא — מופרדת בקו עדין, אפורה, קומפקטית */
.property-header-meta,
.property-header .property-date,
.property-header .property-id,
.property-header .property-address {
	font-size: .88rem;
	color: var(--muted);
}
.property-header .property-address { margin-bottom: var(--sp-2xs); }

/* ספציפיות מיושרת לכלל `.property-block:not(.property-gallery)` (0,3,1)
   שקדם לו — בלעדיה כל הבלוקים נשארו על order:2 והסידור לא נכנס לתוקף. */
body.single-property .property-block.property-locked     { order: 2; }
body.single-property .property-block.property-attributes { order: 3; }
body.single-property .property-block.property-content    { order: 4; }
body.single-property .property-block.property-investor   { order: 5; }
body.single-property .property-block.property-media      { order: 6; }
body.single-property .property-block.property-lead       { order: 7; }

/* =========================================================================
 * 34. תפריט אחיד — שתי הרמות באותה שפה
 *
 *     נמדד חוסר האחידות: פריט ראשי #dbe7ea/500/רדיוס 9 מול פריט משנה
 *     #b5b5b5/400/רדיוס 0, ו-hover שונה לחלוטין (רקע לבן שקוף מול
 *     #303030 עם טקסט טורקיז).
 *
 *     ⚠️ זה מחליף את התאמת ה-1:1 לפוג'ו שנעשתה בסבב קודם. הועדפה
 *     אחידות על פני שחזור, לפי בקשה מפורשת.
 * ====================================================================== */

/* -- פאנל התת-תפריט: בשפת הצבע של ההדר, לא אפור ניטרלי ---------------- */
.main-navigation .sub-menu {
	background: #1b2b33;
	border: 1px solid rgba(255, 255, 255, .08);
	border-radius: 10px;
	box-shadow: 0 16px 36px -10px rgba(0, 0, 0, .55);
	padding: 4px;
	width: max-content;
	min-width: 190px;
	max-width: 300px;
	font-size: inherit;
}

/* -- פריטים: אותם ערכים בשתי הרמות ------------------------------------ */
.main-navigation .primary-menu > li > a,
.main-navigation .primary-menu > li > .nadlan-menu-row > a,
.main-navigation .sub-menu a {
	display: flex;
	align-items: center;
	min-height: 38px;
	height: auto;
	padding: 0 13px;
	border-radius: 8px;
	font-size: .93rem;
	font-weight: 500;
	line-height: 1.3;
	letter-spacing: -.01em;
	color: #dbe7ea;
	background: transparent;
	text-decoration: none;
	white-space: nowrap;
	transition: background-color .14s ease, color .14s ease;
}
/* רמת המשנה — צעד אחד קטן יותר, כדי לשמור על היררכיה בלי לשבור אחידות */
.main-navigation .sub-menu a {
	min-height: 36px;
	font-size: .89rem;
	color: #c3d3d8;
}
.main-navigation .sub-menu li + li { margin-top: 1px; }
.main-navigation .sub-menu li:last-child > a { border-radius: 8px; }

/* -- hover / focus / active: התנהגות זהה בשתי הרמות ------------------- */
.main-navigation .primary-menu > li > a:hover,
.main-navigation .primary-menu > li > .nadlan-menu-row > a:hover,
.main-navigation .primary-menu > li > a:focus-visible,
.main-navigation .sub-menu a:hover,
.main-navigation .sub-menu a:focus-visible {
	background: rgba(255, 255, 255, .1);
	color: #fff;
	text-decoration: none;
}
.main-navigation .primary-menu > li > a:active,
.main-navigation .sub-menu a:active { background: rgba(255, 255, 255, .16); }

.main-navigation .sub-menu .current-menu-item > a {
	background: rgba(82, 186, 195, .16);
	color: #fff;
	font-weight: 600;
}

/* מובייל — אותם ערכים, בלי חריגות */
@media (max-width: 1080px) {
	.main-navigation .sub-menu {
		width: auto;
		max-width: none;
		min-width: 0;
		margin: 1px 8px 3px;
		background: rgba(255, 255, 255, .05);
		border: 0;
		box-shadow: none;
		padding: 3px;
	}
	.main-navigation .primary-menu > li > a,
	.main-navigation .primary-menu > li > .nadlan-menu-row > a { min-height: 40px; font-size: .93rem; }
	.main-navigation .primary-menu .sub-menu li > a,
	.main-navigation .sub-menu a {
		min-height: 36px;
		padding-inline: 13px;
		font-size: .89rem;
		white-space: normal;
	}
}

/* =========================================================================
 * 35. לייטבוקס — כפתורי סגירה וניווט
 *
 *     ה-SVG של GLightbox מגיע ללא מאפייני width/height ונשען על ה-CSS
 *     שלהם. נמדד: 0×0 — כלומר כפתור הסגירה היה קיים אך בלתי נראה.
 * ====================================================================== */

.glightbox-container .gbtn svg,
.gclose svg, .gnext svg, .gprev svg {
	width: 22px !important;
	height: 22px !important;
	display: block;
}
.glightbox-container .gbtn {
	width: 46px !important;
	height: 46px !important;
	border-radius: 50%;
	background: rgba(15, 25, 30, .62) !important;
	border: 1px solid rgba(255, 255, 255, .22) !important;
	opacity: 1 !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
	backdrop-filter: blur(4px);
	transition: background .15s ease, transform .15s ease;
}
.glightbox-container .gbtn:hover {
	background: rgba(15, 25, 30, .85) !important;
	transform: scale(1.06);
}
.glightbox-container .gbtn:focus-visible { outline: 3px solid var(--brand-2); outline-offset: 2px; }
.glightbox-container .gclose { top: 18px !important; inset-inline-end: 18px !important; inset-inline-start: auto !important; }
.glightbox-container .gnext, .glightbox-container .gprev { top: 50% !important; transform: translateY(-50%); }
.glightbox-container .gnext:hover, .glightbox-container .gprev:hover { transform: translateY(-50%) scale(1.06); }

@media (max-width: 640px) {
	.glightbox-container .gbtn { width: 42px !important; height: 42px !important; }
	.glightbox-container .gclose { top: 12px !important; inset-inline-end: 12px !important; }
}

/* =========================================================================
 * 36. חלון יצירת קשר (<dialog>)
 * ====================================================================== */

.nadlan-modal {
	width: min(560px, calc(100vw - 32px));
	max-height: min(90vh, 760px);
	padding: 0;
	border: 0;
	border-radius: 16px;
	background: var(--bg);
	color: var(--ink);
	box-shadow: 0 30px 70px -20px rgba(0, 0, 0, .55);
	overflow: hidden;
}
.nadlan-modal::backdrop {
	background: rgba(10, 20, 24, .62);
	backdrop-filter: blur(3px);
}
.nadlan-modal-inner { padding: clamp(18px, 3vw, 28px); overflow-y: auto; max-height: inherit; }

.nadlan-modal-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: var(--sp-sm);
}
.nadlan-modal-title {
	margin: 0;
	font-size: clamp(1.15rem, 1rem + .7vw, 1.4rem);
	line-height: 1.3;
	color: var(--brand-ink);
}
.nadlan-modal-sub {
	margin: 6px 0 var(--sp-md);
	color: var(--muted);
	font-size: .92rem;
	line-height: 1.5;
}
.nadlan-modal-close {
	flex: 0 0 auto;
	width: 38px; height: 38px;
	display: flex; align-items: center; justify-content: center;
	border: 1px solid var(--line);
	border-radius: 10px;
	background: var(--bg-soft);
	color: var(--brand-ink);
	cursor: pointer;
	transition: background .15s ease, border-color .15s ease;
}
.nadlan-modal-close:hover { background: #e8eff0; border-color: var(--brand-2); }
.nadlan-modal-close:focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; }

/* בתוך החלון הטופס תמיד בעמודה אחת — הרוחב מוגבל ממילא */
.nadlan-modal .wpcf7-form .cf7-horizontal { flex-direction: column; gap: var(--sp-xs); }
.nadlan-modal .wpcf7-form .cf7-horizontal > p,
.nadlan-modal .wpcf7-form .cf7-horizontal > p:last-child { flex: 1 1 100%; }
.nadlan-modal .wpcf7-form input[type="submit"] { width: 100%; }
.nadlan-modal .wpcf7-form .acceptanceDiv { margin-top: var(--sp-sm) !important; }

@media (max-width: 480px) {
	.nadlan-modal { width: calc(100vw - 20px); border-radius: 14px; }
}
@media (prefers-reduced-motion: no-preference) {
	.nadlan-modal[open] { animation: nadlan-modal-in .18s ease-out; }
	@keyframes nadlan-modal-in {
		from { opacity: 0; transform: translateY(8px) scale(.98); }
		to   { opacity: 1; transform: none; }
	}
}

/* ה-SVG הוא פריט flex בתוך הכפתור, וללא `flex: 0 0 auto` הוא מתכווץ
   ל-0 למרות `width` מפורש — SVG ללא מאפייני width/height אין לו
   גודל אינטרינזי שימנע את הכיווץ. */
.glightbox-container .gbtn svg,
.gclose svg, .gnext svg, .gprev svg {
	flex: 0 0 auto !important;
	min-width: 22px !important;
	min-height: 22px !important;
	width: 22px !important;
	height: 22px !important;
}

/* GLightbox מוסיף ריפוד לכפתורים; ללא border-box ואיפוס הריפוד
   הרוחב יוצא 62px במקום 46 והעיגול הופך לאליפסה. */
.glightbox-container .gbtn,
.gclose, .gnext, .gprev {
	box-sizing: border-box !important;
	padding: 0 !important;
	min-width: 0 !important;
	max-width: none !important;
}

/* =========================================================================
 * 37. אייקוני SVG פנימיים — מניעת כיווץ
 *
 *     SVG עם viewBox אך ללא גודל אינטרינזי הוא פריט flex שמתכווץ ל-0.
 *     זה קרה בשלושה מקומות (כפתור סגירת הלייטבוקס, סגירת החלון,
 *     אייקון החיפוש) — כפתור נראה תקין אך ריק לחלוטין.
 *     `flex: 0 0 auto` + גודל מפורש מונע את זה בכל האייקונים שלנו.
 * ====================================================================== */

.nadlan-icon,
.nadlan-fab-icon,
.nadlan-modal-close svg,
.nadlan-gallery-count svg {
	flex: 0 0 auto;
	display: block;
}
.nadlan-modal-close svg { width: 18px; height: 18px; }
.nadlan-icon { width: 19px; height: 19px; }
.nadlan-fab-icon { width: 20px; height: 20px; }

/* Astra מחילה min-width/padding על כל <button> — נדרש איפוס מפורש
   אחרת רוחב 38px יוצא 62px בפועל. */
.nadlan-modal-close {
	box-sizing: border-box;
	padding: 0 !important;
	min-width: 0 !important;
	max-width: none;
}

/* =========================================================================
 * 38. פילטר הנכסים — עיצוב מחדש + קיפול דביק במובייל
 *
 *     2.9.2026 — הערות הלקוח: (1) במובייל הפילטר ישב מתחת לכל הנכסים
 *     (נמדד: 9,777px מראש העמוד, מתוך 11,056). (2) העיצוב "צריך להיות
 *     יותר מקצועי ואלגנטי".
 *
 *     דסקטופ (>900px): כרטיס נקי בעמודה הצדדית, דביק מתחת להדר, כותרת עם
 *       אייקון, סלקטים אחידים 46px עם חץ SVG, כפתור מלא.
 *     מובייל (≤900px): הווידג'ט עובר *לפני* התוכן (order) ומקבל סרגל
 *       קומפקטי שנצמד מתחת להדר הדביק; הגוף מקופל ונפתח בלחיצה לפאנל
 *       עם הסלקטים בשתי עמודות. משתנה --nadlan-header-h מגיע מ-main.js.
 * ====================================================================== */

/* -- א. כפתור הפתיחה — מוסתר בדסקטופ -------------------------------- */
.nadlan-filter-toggle { display: none; }

/* -- ב. הכרטיס (כל הרוחבים) ------------------------------------------- */
.site-sidebar .widget_beautiful-taxonomy-filters-widget {
	padding: 0;
	border: 1px solid #e3e8eb;
	border-radius: 16px;
	box-shadow: 0 1px 2px rgba(15, 46, 51, .04), 0 12px 32px -12px rgba(15, 46, 51, .18);
	overflow: hidden;
}
.site-sidebar .widget_beautiful-taxonomy-filters-widget .widget-title {
	margin: 0;
	padding: 16px 20px 14px;
	border-bottom: 1px solid #e9eef0;
	background: linear-gradient(180deg, #f7fafb, #fff);
	font-size: 1.02rem;
	font-weight: 800;
	color: var(--brand-ink);
	display: flex;
	align-items: center;
	gap: 10px;
}
/* אייקון "מסננים" לפני הכותרת — SVG inline כדי לא לתלות בגופן אייקונים */
.site-sidebar .widget_beautiful-taxonomy-filters-widget .widget-title::before {
	content: "";
	flex: 0 0 auto;
	width: 30px;
	height: 30px;
	border-radius: 9px;
	background: var(--brand-ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 6h16M7 12h10M10 18h4'/%3E%3C/svg%3E") center / 18px no-repeat;
}
.site-sidebar .widget_beautiful-taxonomy-filters-widget .beautiful-taxonomy-filters-widget { padding: 18px 20px 20px; }

/* -- ג. שדות ----------------------------------------------------------- */
.beautiful-taxonomy-filters-select-wrap {
	display: grid;
	grid-template-columns: 1fr;
	gap: 14px;
	margin-bottom: 18px;
}
.beautiful-taxonomy-filters-tax { margin: 0; }
.beautiful-taxonomy-filters-label,
.beautiful-taxonomy-filters .form-group label {
	display: block;
	margin: 0 0 6px;
	font-size: .8rem;
	font-weight: 700;
	letter-spacing: .01em;
	color: #5b6b70;
}
.site-sidebar select,
.beautiful-taxonomy-filters select {
	margin: 0;
	height: 46px;
	padding: 0 14px;
	padding-inline-start: 38px;             /* מקום לחץ בצד שמאל (RTL) */
	border: 1px solid #d6dee2;
	border-radius: 10px;
	background-color: #fff;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f2e33' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
	background-position: left 14px center;
	background-size: 16px 16px;
	background-repeat: no-repeat;
	font-size: .95rem;
	font-weight: 500;
	color: var(--ink);
	transition: border-color .15s ease, box-shadow .15s ease;
}
.site-sidebar select:hover,
.beautiful-taxonomy-filters select:hover { border-color: #aebbc1; }
.site-sidebar select:focus,
.beautiful-taxonomy-filters select:focus { border-color: var(--brand); box-shadow: 0 0 0 3px rgba(30, 156, 178, .18); }

/* -- ד. כפתור ---------------------------------------------------------- */
.beautiful-taxonomy-filters-button,
.beautiful-taxonomy-filters button[type="submit"] {
	width: 100%;
	min-height: 48px;
	border: 0;
	border-radius: 10px;
	background: linear-gradient(135deg, var(--brand-ink), #1c5f66);
	color: #fff;
	font-size: 1rem;
	font-weight: 700;
	box-shadow: 0 8px 20px -8px rgba(15, 46, 51, .55);
	cursor: pointer;
	transition: transform .12s ease, box-shadow .15s ease, filter .15s ease;
}
.beautiful-taxonomy-filters-button:hover,
.beautiful-taxonomy-filters button[type="submit"]:hover {
	background: linear-gradient(135deg, var(--brand-ink), #1c5f66);
	color: #fff;
	filter: brightness(1.08);
	transform: translateY(-1px);
	box-shadow: 0 12px 24px -8px rgba(15, 46, 51, .55);
}
.beautiful-taxonomy-filters-button:focus-visible { outline: 3px solid var(--brand); outline-offset: 2px; }
.beautiful-taxonomy-filters-clear,
.beautiful-taxonomy-filters .clear-selection {
	display: block;
	margin-top: 12px;
	text-align: center;
	font-size: .85rem;
	color: var(--brand-link);
}

/* -- ה. דסקטופ: העמודה גוללת עם התוכן, בלי sticky ובלי גלילה פנימית ------
 *
 * ⚠️ שונה (2.9 ערב, משוב שאולי): "הסרגל הצידי של החיפוש כרגע מופיע בדסקטופ
 * עם אפשרות גלילה, צריך להוריד את זה". במסכים נמוכים העמודה הדביקה לא
 * נכנסה כולה, אז קיבלה max-height + overflow-y:auto פנימי — בדיוק
 * ה"אפשרות גלילה" שהוא מציין. הוסר סופית: אין sticky, אין גלילה פנימית,
 * הכרטיס תמיד בגובה המלא שלו וגולל עם שאר העמוד כמו כל תוכן אחר. */
@media (min-width: 901px) {
	.nadlan-layout > .site-sidebar {
		position: static;
		align-self: flex-start;
	}
}

/* -- ו. מובייל/טאבלט: לפני התוכן, סרגל דביק מקופל ---------------------- */
@media (max-width: 900px) {
	.nadlan-layout > .site-sidebar {
		order: -1;
		flex-basis: 100%;
		position: sticky;
		top: var(--nadlan-header-h, 66px);
		z-index: 90;                       /* מתחת להדר (100), מעל התוכן */
		margin: 0 0 4px;
	}

	.nadlan-filter-toggle {
		display: flex;
		align-items: center;
		gap: 12px;
		width: 100%;
		min-height: 54px;
		padding: 8px 14px;
		border: 1px solid #dfe6e9;
		border-radius: 14px;
		background: #fff;
		color: var(--brand-ink);
		text-align: start;
		box-shadow: 0 2px 6px rgba(15, 46, 51, .08), 0 10px 24px -12px rgba(15, 46, 51, .3);
		cursor: pointer;
		transition: box-shadow .15s ease, border-color .15s ease;
	}
	.nadlan-filter-toggle:focus-visible { outline: 3px solid var(--brand); outline-offset: 2px; }
	.nadlan-filter-toggle-icon {
		flex: 0 0 auto;
		width: 36px; height: 36px;
		padding: 8px;
		border-radius: 10px;
		background: var(--brand-ink);
		color: #fff;
	}
	.nadlan-filter-toggle-text { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; line-height: 1.25; }
	.nadlan-filter-toggle-title { font-weight: 800; font-size: 1rem; }
	.nadlan-filter-toggle-hint { font-size: .78rem; color: #6b7a80; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	.nadlan-filter-toggle-badge {
		flex: 0 0 auto;
		min-width: 24px; height: 24px;
		padding: 0 7px;
		border-radius: 999px;
		background: var(--brand);
		color: #fff;
		font-size: .8rem;
		font-weight: 700;
		display: inline-flex; align-items: center; justify-content: center;
	}
	.nadlan-filter-toggle-chevron { flex: 0 0 auto; color: #6b7a80; transition: transform .2s ease; }
	.site-sidebar.is-open .nadlan-filter-toggle { border-radius: 14px 14px 0 0; border-bottom-color: transparent; box-shadow: none; }
	.site-sidebar.is-open .nadlan-filter-toggle-chevron { transform: rotate(180deg); }

	/* הגוף — מקופל כברירת מחדל */
	.site-sidebar-body { display: none; }
	.site-sidebar.is-open .site-sidebar-body { display: block; }
	.site-sidebar.is-open .widget_beautiful-taxonomy-filters-widget {
		border-radius: 0 0 14px 14px;
		border-top: 0;
		margin: 0;
		box-shadow: 0 16px 32px -12px rgba(15, 46, 51, .35);
		max-height: calc(100vh - var(--nadlan-header-h, 66px) - 70px);
		overflow-y: auto;
	}
	.site-sidebar.is-open .widget_beautiful-taxonomy-filters-widget .widget-title { display: none; }   /* הכותרת כבר בסרגל */
	.site-sidebar .widget_beautiful-taxonomy-filters-widget .beautiful-taxonomy-filters-widget { padding: 14px 14px 16px; }
	.beautiful-taxonomy-filters-select-wrap { grid-template-columns: 1fr 1fr; gap: 10px 10px; margin-bottom: 14px; }
	.site-sidebar select,
	.beautiful-taxonomy-filters select { height: 44px; font-size: 16px; }   /* 16px מונע זום ב-iOS */
	.beautiful-taxonomy-filters-label { font-size: .76rem; margin-bottom: 4px; }

	/* ווידג'טים אחרים בסיידבר (ארכיון) — נשארים במקומם הרגיל, אחרי התוכן */
	.site-sidebar-body > .widget:not(.widget_beautiful-taxonomy-filters-widget) { display: none; }
}
@media (max-width: 380px) {
	.beautiful-taxonomy-filters-select-wrap { grid-template-columns: 1fr; }
	.nadlan-filter-toggle-hint { display: none; }
}
@media (prefers-reduced-motion: reduce) {
	.nadlan-filter-toggle-chevron, .beautiful-taxonomy-filters-button { transition: none; }
}

/* =========================================================================
 * 39. חלון יצירת קשר — עימוד פנימי מקצועי ורספונסיבי
 *
 *     2.9.2026 — הערת הלקוח. כותרת עליונה בגוון המותג עם "eyebrow", טופס
 *     ברשת של שתי עמודות בדסקטופ (שם + אימייל, טלפון לרוחב מלא), שדות
 *     48px אחידים, שורת אישור מסודרת, כפתור מלא. במובייל החלון הופך
 *     ל-bottom sheet לרוחב מלא עם פינות עליונות מעוגלות.
 * ====================================================================== */
.nadlan-modal {
	width: min(600px, calc(100vw - 32px));
	max-height: min(92vh, 780px);
	border-radius: 20px;
	box-shadow: 0 40px 80px -24px rgba(0, 0, 0, .6);
}
.nadlan-modal-inner { padding: 0; display: flex; flex-direction: column; max-height: inherit; }

.nadlan-modal-head {
	position: relative;
	align-items: flex-start;
	padding: 24px 28px 22px;
	background: linear-gradient(135deg, #0f2e33 0%, #16545c 60%, #1e9cb2 130%);
	color: #fff;
}
.nadlan-modal-head-text { flex: 1 1 auto; min-width: 0; }
.nadlan-modal-eyebrow {
	display: inline-block;
	margin-bottom: 8px;
	padding: 4px 10px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .14);
	font-size: .76rem;
	font-weight: 700;
	letter-spacing: .02em;
	color: #dff3f7;
}
.nadlan-modal-title { color: #fff; font-size: clamp(1.25rem, 1.05rem + .8vw, 1.5rem); }
.nadlan-modal-sub { margin: 6px 0 0; color: rgba(255, 255, 255, .82); font-size: .93rem; }
.nadlan-modal-close {
	width: 40px; height: 40px;
	border: 1px solid rgba(255, 255, 255, .22);
	border-radius: 12px;
	background: rgba(255, 255, 255, .1);
	color: #fff;
}
.nadlan-modal-close:hover { background: rgba(255, 255, 255, .22); border-color: rgba(255, 255, 255, .4); }
.nadlan-modal-close:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }

.nadlan-modal-body { padding: 22px 28px 26px; overflow-y: auto; }

/* הטופס — רשת */
.nadlan-modal .wpcf7-form .cf7-horizontal {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px 14px;
	margin: 0;
}
.nadlan-modal .wpcf7-form .cf7-horizontal > label { margin: 0; display: block; }
.nadlan-modal .wpcf7-form .cf7-horizontal > label:nth-child(3) { grid-column: 1 / -1; }
.nadlan-modal .wpcf7-form label { font-size: .85rem; font-weight: 700; color: #35484e; }
.nadlan-modal .wpcf7-form .wpcf7-form-control-wrap { display: block; margin-top: 6px; }
.nadlan-modal .wpcf7-form input[type="text"],
.nadlan-modal .wpcf7-form input[type="email"],
.nadlan-modal .wpcf7-form input[type="tel"] {
	width: 100%;
	height: 48px;
	padding: 0 14px;
	border: 1px solid #d6dee2;
	border-radius: 10px;
	background: #fff;
	font-size: 1rem;
	transition: border-color .15s ease, box-shadow .15s ease;
}
.nadlan-modal .wpcf7-form input:focus { border-color: var(--brand); box-shadow: 0 0 0 3px rgba(30, 156, 178, .18); outline: none; }
.nadlan-modal .wpcf7-form input.wpcf7-not-valid { border-color: #c62828; }

/* שורת האישור */
.nadlan-modal .wpcf7-form .acceptanceDiv {
	margin: 16px 0 0 !important;
	padding: 12px 14px;
	border-radius: 10px;
	background: #f4f7f8;
	font-size: .86rem;
	line-height: 1.5;
	color: #35484e;
	/* 2.9 ערב: מנטרל את המיזוג-לשורה-אחת הכללי (סעיף 27ה2) — בחלון נשארת
	   ערימה מלאה-רוחב (טקסט אישור בתיבה רכה, כפתור מתחתיו), כמו שתוכנן. */
	flex: 1 1 100%;
}
.nadlan-modal .wpcf7-form .acceptanceDiv .wpcf7-list-item { margin: 0; display: flex; gap: 10px; align-items: flex-start; }
.nadlan-modal .wpcf7-form .acceptanceDiv input[type="checkbox"] { width: 20px; height: 20px; margin: 1px 0 0; accent-color: var(--brand); flex: 0 0 auto; }
.nadlan-modal .wpcf7-form .acceptanceDiv a { color: var(--brand-link); }

/* שליחה */
.nadlan-modal .wpcf7-form .cf7-submit-row {
	margin-top: 16px;
	/* אותו ניטרול — הכפתור נשאר ברוחב מלא בשורה משלו, לא ליד תיבת האישור */
	flex: 1 1 100%;
	margin-inline-start: 0;
}
.nadlan-modal .wpcf7-form input.wpcf7-submit[type="submit"] {
	width: 100%;
	min-height: 52px;
	font-size: 1.02rem;
	border-radius: 12px;
	box-shadow: 0 10px 22px -10px rgba(31, 122, 77, .7);
}
.nadlan-modal .wpcf7-form .wpcf7-spinner { display: block; margin: 8px auto 0; }
.nadlan-modal .wpcf7-form .wpcf7-response-output {
	margin: 14px 0 0;
	padding: 12px 14px;
	border-radius: 10px;
	border: 1px solid #d6dee2;
	font-size: .9rem;
}
.nadlan-modal .wpcf7-form.sent .wpcf7-response-output { border-color: #1f7a4d; background: #ecf7f0; color: #145236; }
.nadlan-modal .wpcf7-form.invalid .wpcf7-response-output,
.nadlan-modal .wpcf7-form.failed .wpcf7-response-output { border-color: #c62828; background: #fdecec; color: #8a1c1c; }

/* מובייל — bottom sheet */
@media (max-width: 560px) {
	.nadlan-modal {
		width: 100vw;
		max-width: 100vw;
		max-height: 92vh;
		margin: auto 0 0;
		border-radius: 20px 20px 0 0;
	}
	.nadlan-modal-head { padding: 20px 20px 18px; }
	.nadlan-modal-head::before {          /* ידית גרירה ויזואלית */
		content: "";
		position: absolute;
		top: 8px; left: 50%;
		width: 44px; height: 4px;
		border-radius: 4px;
		background: rgba(255, 255, 255, .35);
		transform: translateX(-50%);
	}
	.nadlan-modal-body { padding: 18px 20px calc(20px + env(safe-area-inset-bottom)); }
	.nadlan-modal .wpcf7-form .cf7-horizontal { grid-template-columns: 1fr; gap: 12px; }
	.nadlan-modal .wpcf7-form input[type="text"],
	.nadlan-modal .wpcf7-form input[type="email"],
	.nadlan-modal .wpcf7-form input[type="tel"] { font-size: 16px; }
}
@media (prefers-reduced-motion: no-preference) {
	@media (max-width: 560px) {
		.nadlan-modal[open] { animation: nadlan-sheet-in .22s ease-out; }
		@keyframes nadlan-sheet-in {
			from { opacity: 0; transform: translateY(24px); }
			to   { opacity: 1; transform: none; }
		}
	}
}

/* =========================================================================
 * 40. תיקוני RTL + select2 (המשך סעיפים 38–39)
 *
 *     נמדד אחרי הסבב הראשון:
 *     · CF7 מסמן את עטיפת הטופס (div.wpcf7) ב-dir="ltr" כי הלוקאל של טופס
 *       20179 אינו he_IL → רשת השדות בחלון התהפכה (אימייל מימין לשם).
 *       צעד `cf7locale` בסקריפט הפריסה מתקן את הנתון; כאן רשת ביטחון.
 *     · הפילטר משתמש ב-select2 (הסלקט המקורי ברוחב 1px) — כל עיצוב הסלקטים
 *       חייב לפנות ל-.select2-container. select2 נמדד בזמן שהפאנל היה מקופל
 *       (display:none) ולכן קיבל רוחב שגוי → width:100% !important.
 *     · Astra צובעת כל <button> בכחול הגלובלי → כפתור הפילטר קיבל רקע כחול.
 * ====================================================================== */

/* -- א. RTL — הכל -------------------------------------------------------- */
.wpcf7, .wpcf7[dir="ltr"], .wpcf7-form { direction: rtl; text-align: start; }
.site-sidebar, .nadlan-modal, .select2-container, .select2-dropdown { direction: rtl; text-align: start; }

/* -- ב. כפתור הפילטר — מבטל את סגנון ה-button הגלובלי של Astra ---------- */
@media (max-width: 900px) {
	.site-sidebar .nadlan-filter-toggle,
	.site-sidebar .nadlan-filter-toggle:hover,
	.site-sidebar .nadlan-filter-toggle:focus {
		background: #fff !important;
		color: var(--brand-ink) !important;
		border: 1px solid #dfe6e9 !important;
		border-radius: 14px;
		padding: 8px 14px !important;
		line-height: 1.25;
		font-size: 1rem;
	}
	.site-sidebar.is-open .nadlan-filter-toggle { border-radius: 14px 14px 0 0; border-bottom-color: transparent !important; }
	.site-sidebar .nadlan-filter-toggle:hover { border-color: #b9c6cc !important; }
}
.nadlan-filter-toggle-badge[hidden] { display: none !important; }

/* -- ג. select2 — עיצוב אחיד --------------------------------------------- */
.site-sidebar .beautiful-taxonomy-filters-tax { float: none !important; width: 100% !important; margin: 0 !important; padding: 0 !important; }
.site-sidebar .select2-container { width: 100% !important; display: block; }
.site-sidebar .select2-container--default .select2-selection--single {
	height: 46px;
	border: 1px solid #d6dee2;
	border-radius: 10px;
	background: #fff;
	transition: border-color .15s ease, box-shadow .15s ease;
}
.site-sidebar .select2-container--default .select2-selection--single:hover { border-color: #aebbc1; }
.site-sidebar .select2-container--default.select2-container--focus .select2-selection--single,
.site-sidebar .select2-container--default.select2-container--open .select2-selection--single {
	border-color: var(--brand);
	box-shadow: 0 0 0 3px rgba(30, 156, 178, .18);
}
.site-sidebar .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 44px;
	padding: 0 14px;
	padding-inline-end: 38px;                /* מקום לחץ בצד שמאל */
	color: var(--ink);
	font-size: .95rem;
	font-weight: 500;
	text-align: start;
}
.site-sidebar .select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 0; height: 44px; width: 38px;
	left: 0; right: auto;
}
.site-sidebar .select2-container--default .select2-selection--single .select2-selection__arrow b {
	border: 0 !important;
	width: 16px; height: 16px;
	margin: -8px 0 0 -8px;
	top: 50%; left: 50%;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f2e33' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center / 16px no-repeat;
	transition: transform .15s ease;
}
.site-sidebar .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { transform: rotate(180deg); }
.site-sidebar .select2-container--default .select2-selection--single .select2-selection__clear { margin-inline-start: 6px; }

/* התפריט הנפתח מצורף ל-<body>, לכן לא בתוך .site-sidebar */
.select2-container--default .select2-dropdown {
	border: 1px solid #d6dee2;
	border-radius: 10px;
	box-shadow: 0 16px 36px -12px rgba(15, 46, 51, .35);
	overflow: hidden;
	margin-top: 4px;
}
.select2-container--default .select2-dropdown--above { margin-top: 0; margin-bottom: 4px; }
.select2-container--default .select2-results__option { padding: 10px 14px; font-size: .95rem; }
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background: var(--brand-ink) !important; color: #fff !important; }
.select2-container--default .select2-results__option[aria-selected="true"],
.select2-container--default .select2-results__option--selected { background: #eef5f6; color: var(--brand-ink); }
.select2-container--default .select2-search--dropdown { padding: 8px; }
.select2-container--default .select2-search--dropdown .select2-search__field {
	height: 40px; padding: 0 12px; border: 1px solid #d6dee2; border-radius: 8px; font-size: 16px;
}

@media (max-width: 900px) {
	.site-sidebar .select2-container--default .select2-selection--single { height: 44px; }
	.site-sidebar .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 42px; font-size: 16px; }
	.site-sidebar .select2-container--default .select2-selection--single .select2-selection__arrow { height: 42px; }
}

/* -- ד. מובייל: הסרגל התחתון מוסתר כל עוד הודעת העוגיות מוצגת ------------
   נמדד: הודעת העוגיות (z 100000, 140px) כיסתה את סרגל "יצירת קשר" (z 95)
   לחלוטין — לחיצה עליו פגעה בהודעה. אחרי "הבנתי, סגור" הסרגל מופיע. */
@media (max-width: 640px) {
	body.cookies-not-set .nadlan-fab,
	body.cookies-refused .nadlan-fab { display: none; }
	body.cookies-not-set { padding-bottom: 0; }
}

/* -- ה. הרשת של הפילטר: ה-clearfix של BTF יוצר פריטי-רשת סמויים ---------
   `.clearfix::before/::after { display:table }` הופכים לפריטים ברשת —
   תא ראשון ריק (הפריט הראשון "קפץ" לעמודה השמאלית) ורווח מת מעל ומתחת. */
.beautiful-taxonomy-filters-select-wrap::before,
.beautiful-taxonomy-filters-select-wrap::after,
#beautiful-taxonomy-filters-form::before,
#beautiful-taxonomy-filters-form::after { content: none !important; display: none !important; }
#beautiful-taxonomy-filters-form { margin: 0; padding: 0; }
.site-sidebar .widget_beautiful-taxonomy-filters-widget .beautiful-taxonomy-filters-widget { padding: 18px 20px 20px !important; margin: 0 !important; }
.beautiful-taxonomy-filters-select-wrap { padding: 0 !important; margin: 0 0 18px !important; }
@media (max-width: 900px) {
	.site-sidebar .widget_beautiful-taxonomy-filters-widget .beautiful-taxonomy-filters-widget { padding: 14px 14px 16px !important; }
	.beautiful-taxonomy-filters-select-wrap { margin-bottom: 14px !important; }
}

/* -- ו. חלון יצירת קשר: הרווח הלבן בתחתית (הערת הלקוח) -------------------
   נמדד: 77px מתחת לכפתור — ספינר CF7 (24px + margin, visibility:hidden
   אבל תופס מקום), margin-bottom של שורת השליחה, וריפוד תחתון. */
.nadlan-modal .wpcf7-form .cf7-submit-row { position: relative; margin-bottom: 0 !important; }
.nadlan-modal .wpcf7-form .wpcf7-spinner {
	position: absolute;
	inset-inline-start: 14px;
	top: 50%;
	margin: -12px 0 0;
	display: block;
}
.nadlan-modal .wpcf7-form > div:last-of-type,
.nadlan-modal .wpcf7-form > p:last-of-type { margin-bottom: 0; }
.nadlan-modal-body { padding-bottom: 22px; }
@media (max-width: 560px) { .nadlan-modal-body { padding-bottom: calc(18px + env(safe-area-inset-bottom)); } }


/* =========================================================================
 * 41. משוב יאיר (2.9 אחה"צ): כפתור יצירת קשר, סרט הדסקטופ, ריווח הפילטר, צ'יפים
 * ====================================================================== */

/* -- א. הסרגל הדביק "יצירת קשר": אותו צבע, כהה יותר בלחיצה, קו לבן מתחת לטקסט */
.nadlan-fab,
.nadlan-fab:hover,
.nadlan-fab:focus,
.nadlan-fab:active,
.nadlan-fab:focus-visible,
.nadlan-fab:visited {
	color: #fff !important;
	-webkit-tap-highlight-color: transparent;
}
.nadlan-fab:hover,
.nadlan-fab:focus-visible,
.nadlan-fab:active { background: #08444d !important; }
.nadlan-fab:hover .nadlan-fab-text,
.nadlan-fab:focus-visible .nadlan-fab-text,
.nadlan-fab:active .nadlan-fab-text {
	text-decoration: underline;
	text-decoration-color: #fff;
	text-decoration-thickness: 2px;
	text-underline-offset: 4px;
}

/* -- ב. דסקטופ: הסרט האלכסוני מוסתר; במקומו כפתור בהדר -------------------- */
@media (min-width: 1081px) {
	.nadlan-fab.nadlan-fab--ribbon { display: none !important; }
}
.nadlan-header-cta { display: none; }
@media (min-width: 1081px) {
	.nadlan-header-cta {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		flex: 0 0 auto;
		min-height: 40px;
		padding: 0 16px;
		margin-inline-start: 4px;
		border-radius: 10px;
		background: #006ec8;               /* הכחול של הסרט המקורי · לבן עליו 5.3:1 ✓ AA */
		color: #fff !important;
		font-size: .92rem;
		font-weight: 700;
		line-height: 1;
		white-space: nowrap;
		text-decoration: none !important;
		box-shadow: 0 6px 16px -8px rgba(0, 110, 200, .9);
		transition: background .15s ease, transform .12s ease, box-shadow .15s ease;
	}
	.nadlan-header-cta:hover,
	.nadlan-header-cta:focus-visible {
		background: #0059a3;
		transform: translateY(-1px);
		box-shadow: 0 10px 20px -8px rgba(0, 110, 200, .9);
	}
	.nadlan-header-cta:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
	.nadlan-header-cta .nadlan-icon { flex: 0 0 auto; width: 17px; height: 17px; }
	.site-header.is-stuck .nadlan-header-cta { min-height: 36px; padding: 0 14px; }
}

/* -- ג. מובייל: ריווח בין הפילטר הדביק להדר ------------------------------- */
@media (max-width: 900px) {
	.nadlan-layout > .site-sidebar { top: calc(var(--nadlan-header-h, 66px) + 10px); margin-bottom: 8px; }
}

/* -- ד. צ'יפים זעירים בסרגל המקופל — אילו מסננים יש, ומה פעיל --------------- */
@media (max-width: 900px) {
	.nadlan-filter-toggle-hint.has-chips {
		display: flex;
		flex-wrap: nowrap;
		gap: 4px;
		margin-top: 4px;
		overflow: hidden;
		-webkit-mask-image: linear-gradient(to left, #000 88%, transparent);
		mask-image: linear-gradient(to left, #000 88%, transparent);
	}
	.nadlan-filter-chip {
		flex: 0 0 auto;
		font-size: 10.5px;
		line-height: 1;
		padding: 4px 7px;
		border-radius: 999px;
		background: #eef2f4;
		color: #5b6b70;
		font-weight: 600;
		letter-spacing: .01em;
		max-width: 150px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.nadlan-filter-chip.is-active {
		background: var(--brand-ink);
		color: #fff;
	}
	.site-sidebar.has-active-filters .nadlan-filter-toggle { border-color: #b8d6dc; }
	.site-sidebar.is-open .nadlan-filter-toggle-hint { display: none; }   /* בפתיחה הסלקטים עצמם מוצגים */
}


/* -- ה. סדר המסננים (משוב יאיר): איזור, מחיר, סוג נכס, חדרים, גודל, מצב נכס */
#beautiful-taxonomy-filters-tax-area      { order: 1; }
#beautiful-taxonomy-filters-tax-price     { order: 2; }
#beautiful-taxonomy-filters-tax-astype    { order: 3; }
#beautiful-taxonomy-filters-tax-rooms     { order: 4; }
#beautiful-taxonomy-filters-tax-size      { order: 5; }
#beautiful-taxonomy-filters-tax-condition { order: 6; }

/* -- ו. קומפקטיזציה — הכל (6 מסננים + כפתור) נכנס למסך של לפטופ ------------ */
.site-sidebar .widget_beautiful-taxonomy-filters-widget .widget-title { padding: 13px 18px 12px; font-size: .98rem; }
.site-sidebar .widget_beautiful-taxonomy-filters-widget .widget-title::before { width: 28px; height: 28px; }
.site-sidebar .widget_beautiful-taxonomy-filters-widget .beautiful-taxonomy-filters-widget { padding: 14px 18px 16px !important; }
.beautiful-taxonomy-filters-select-wrap { gap: 10px !important; margin-bottom: 14px !important; }
.beautiful-taxonomy-filters-label { margin-bottom: 4px; font-size: .78rem; }
.site-sidebar .select2-container--default .select2-selection--single { height: 42px; }
.site-sidebar .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 40px; font-size: .92rem; }
.site-sidebar .select2-container--default .select2-selection--single .select2-selection__arrow { height: 40px; }
.beautiful-taxonomy-filters-button,
.beautiful-taxonomy-filters button[type="submit"],
.site-sidebar button[type="submit"] { min-height: 44px; padding: 11px 16px; }
@media (max-width: 900px) {
	.site-sidebar .select2-container--default .select2-selection--single { height: 42px; }
	.site-sidebar .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 40px; font-size: 15px; }
	.site-sidebar .select2-container--default .select2-selection--single .select2-selection__arrow { height: 40px; }
	.beautiful-taxonomy-filters-select-wrap { gap: 8px 8px !important; margin-bottom: 12px !important; }
	.site-sidebar .widget_beautiful-taxonomy-filters-widget .beautiful-taxonomy-filters-widget { padding: 12px 12px 14px !important; }
}

/* צ'יפים — קטנים יותר, כולם נכנסים בשורה אחת ב-390px */
@media (max-width: 900px) {
	.nadlan-filter-chip { font-size: 10px; padding: 3px 6px; font-weight: 600; }
	.nadlan-filter-toggle-hint.has-chips { gap: 3px; margin-top: 5px; }
}


/* =========================================================================
 * 42. הפילטר במובייל — בתוך העמוד, מתחת לכותרת, לא סטיקי (משוב יאיר 2.9 ערב)
 *     ה-JS מעביר את #secondary אל מתחת ל-.home-grid-title / .archive-header.
 * ====================================================================== */
@media (max-width: 900px) {
	.nadlan-layout > .site-sidebar,
	.site-sidebar.is-inline {
		position: static !important;
		top: auto;
		order: 0;
		z-index: auto;
		margin: 0 0 20px;
	}
	.site-main > .site-sidebar.is-inline { margin: -4px 0 22px; }
	.site-sidebar.is-inline .nadlan-filter-toggle { box-shadow: 0 1px 2px rgba(15, 46, 51, .05), 0 8px 20px -14px rgba(15, 46, 51, .35); }
	.site-sidebar.is-open .widget_beautiful-taxonomy-filters-widget { max-height: none; overflow: visible; }
}