/* ==========================================================================
   Baliimoti Design — Имоти — единичен имот и презаписи
   Единичен имот · галерия · спецификации · удобства · презаписи на темата
   Слой: зарежда се след темата и ERE. Само променливи от tokens.css.
   Спецификация: design/DESIGN.md §4, §5, §6, §8, §10.
   ========================================================================== */


/* --------------------------------------------------------------------------
   7. Единичен имот
   -------------------------------------------------------------------------- */
.ere__single-property-title {
	margin: 0 0 var(--bd-s-3);
	font-family: var(--bd-font-display);
	font-size: var(--bd-fs-display);
	font-weight: 600;
	line-height: var(--bd-lh-display);
	color: var(--bd-ink-950);
}

.ere__single-property-header-info {
	margin-bottom: var(--bd-s-6);
	padding-bottom: var(--bd-s-5);
	border-bottom: 1px solid var(--bd-border-subtle);
}

.ere__single-property-header-price-location {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--bd-s-3) var(--bd-s-5);
}

.ere__single-property-header-price-location .ere__single-property-location {
	margin-left: 0;
}

.ere__single-property-info .ere__loop-property-info-item i {
	color: var(--bd-accent-dark);
}

.ere__single-property-info .ere__lpi-value {
	color: var(--bd-ink-950);
}

.ere__single-property-info .ere__lpi-label {
	color: var(--bd-ink-600);
}

/* --- Галерия (owl-carousel + lightgallery) --- */
.single-property-element.property-gallery-wrap {
	margin-bottom: var(--bd-s-6);
}

.single-property-image-main {
	margin-bottom: var(--bd-s-2);
	border-radius: var(--bd-radius-lg);
	overflow: hidden;
	background-color: var(--bd-surface-alt);
}

.single-property-image-main .property-gallery-item {
	position: relative;
}

.single-property-image-main .property-gallery-item img {
	width: 100%;
	height: auto;
	display: block;
}

.single-property-image-thumb .owl-item {
	border-radius: var(--bd-radius-sm);
	overflow: hidden;
	opacity: .6;
	transition: opacity var(--bd-t-fast) ease;
}

.single-property-image-thumb .owl-item:hover,
.single-property-image-thumb .owl-item.current {
	opacity: 1;
}

/* --- Заглавия на секции --- */
.ere-heading-style2 h2 {
	font-family: var(--bd-font-body);
	font-size: var(--bd-fs-subhead);
	font-weight: 600;
	color: var(--bd-ink-950);
}

.ere-heading-style2 h2:after {
	background-color: var(--bd-accent);
	height: 2px;
	width: 36px;
}

/* --- Табове (Overview / Features) --- */
.ere-tabs .nav-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: var(--bd-s-2);
	margin: 0 0 var(--bd-s-5);
	border-bottom: 1px solid var(--bd-border-subtle);
	background-color: transparent;
}

.ere-tabs .nav-tabs .nav-link {
	margin: 0 0 -1px;
	padding: 14px 24px;
	border: 1px solid transparent;
	border-bottom: 2px solid transparent;
	border-radius: 0;
	font-family: var(--bd-font-body);
	font-size: 15px;
	font-weight: 600;
	color: var(--bd-ink-600);
}

.ere-tabs .nav-tabs .nav-link.active,
.ere-tabs .nav-tabs .nav-link:hover {
	background-color: transparent;
	border-bottom-color: var(--bd-primary);
	color: var(--bd-primary);
}

/* --- Спецификации: таблица на десктоп → дефиниционен списък <768px --- */
.ere__property-overview .ere__list-bg-gray {
	list-style: none;
	margin: 0;
	padding: 0;
	border: 1px solid var(--bd-border);
	border-radius: var(--bd-radius-lg);
	overflow: hidden;
}

.ere__property-overview .ere__list-bg-gray li {
	display: flex;
	align-items: baseline;
	gap: var(--bd-s-4);
	padding: 12px 20px;
	border-bottom: 1px solid var(--bd-border-subtle);
	background-color: transparent;
}

.ere__property-overview .ere__list-bg-gray li:nth-child(odd) {
	background-color: var(--bd-surface-alt);
}

.ere__property-overview .ere__list-bg-gray li:last-child {
	border-bottom: none;
}

.ere__property-overview .ere__list-bg-gray strong {
	flex: 0 0 40%;
	width: auto;
	font-family: var(--bd-font-body);
	font-size: 14px;
	font-weight: 600;
	color: var(--bd-ink-600);
}

.ere__property-overview .ere__list-bg-gray span {
	flex: 1 1 auto;
	width: auto;
	font-family: var(--bd-font-body);
	font-size: 15px;
	color: var(--bd-ink-950);
	font-variant-numeric: tabular-nums;
}

/* Табличен вид за произволна таблица в табовете (ако плъгинът върне table) */
.ere-tabs .tab-content table td,
.ere-tabs .tab-content table th {
	padding: 12px 20px;
	border: 0;
	color: var(--bd-ink-600);
}

.ere-tabs .tab-content table tr:nth-child(2n-1) td {
	background-color: var(--bd-surface-alt);
}

.ere-tabs .tab-content table th {
	color: var(--bd-ink-950);
	font-weight: 600;
}

@media (max-width: 767px) {
	/* Под 768px спецификациите стават дефиниционен списък (етикет отгоре) */
	.ere__property-overview .ere__list-bg-gray li {
		display: block;
	}

	.ere__property-overview .ere__list-bg-gray strong {
		display: block;
		width: auto;
		margin-bottom: 2px;
	}

	.ere__property-overview .ere__list-bg-gray span {
		display: block;
		width: auto;
	}
}

/* --- Описание --- */
.ere__single-property-description .ere-property-element {
	font-family: var(--bd-font-body);
	font-size: var(--bd-fs-body);
	line-height: var(--bd-lh-body);
	color: var(--bd-ink-800);
}

.ere__single-property-description .ere-property-element a {
	color: var(--bd-link);
}

/* --- Удобства --- */
.ere__single-property-feature .property-feature-wrap a {
	display: inline-flex;
	align-items: baseline;
	gap: 8px;
	font-family: var(--bd-font-body);
	font-size: 15px;
	color: var(--bd-ink-800);
}

.ere__single-property-feature .property-feature-wrap a i {
	color: var(--bd-success);
}

.ere__single-property-feature .property-feature-wrap a:hover {
	color: var(--bd-primary);
}

/* --- Контакт/агент --- */
.ere__contact-agent-info {
	align-items: center;
	gap: var(--bd-s-5);
}

.ere__agent-image img {
	border-radius: var(--bd-radius-lg);
}

.ere__agent-name a {
	font-family: var(--bd-font-display);
	font-size: 24px;
	font-weight: 600;
	color: var(--bd-ink-950);
}

.ere__single-property-contact-agent .btn-primary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 12px 24px;
	border-radius: var(--bd-radius);
	background-color: var(--bd-primary);
	border: none;
	font-family: var(--bd-font-body);
	font-size: 15px;
	font-weight: 600;
	color: var(--bd-text-on-dark);
}

.ere__single-property-info-footer {
	display: flex;
	flex-wrap: wrap;
	gap: var(--bd-s-5);
	margin-top: var(--bd-s-5);
	padding-top: var(--bd-s-4);
	border-top: 1px solid var(--bd-border-subtle);
	font-family: var(--bd-font-body);
	font-size: 13px;
	color: var(--bd-ink-600);
}

/* --- Форма „Заявете оглед" в описанието --- */
.baliimoti-viewing-form h3 {
	margin: 0 0 var(--bd-s-5);
	font-family: var(--bd-font-body);
	font-size: var(--bd-fs-subhead);
	font-weight: 600;
	color: var(--bd-ink-950);
}

/* --- Подобни имоти --- */
.ere-similar-properties {
	margin-top: var(--bd-s-8);
}

.ere-similar-properties .ere-property.property-list {
	grid-template-columns: 1fr;
}

@media (min-width: 768px) {
	.ere-similar-properties .ere-property.property-list {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* --- Карта ---
   Карта в СЪДЪРЖАНИЕТО е картичка — рамка + радиус по DESIGN.md §4/§5.

   Картата, която темата слага като заглавна лента на отделния имот
   (`.page-title .ere__map-canvas`, вж. g5-beyot/templates/page-title.php:269),
   е ПЪЛНОКРЪВНА: рамката и радиусът там рисуват 1px линия и 4px „резка" по
   самите ръбове на екрана, а банерите на всички останали вътрешни страници
   нямат нито рамка, нито радиус. Затова заглавната карта се изключва — така
   лентата ѝ е в една система с тях.

   Височината (420px, зададена е от темата) НЕ се пипа: това не е лентата със
   заглавие (тя има h1 + breadcrumb и е ~90px), а карта — тя е различен
   компонент и DESIGN.md не ѝ дава размер. Превръщането ѝ в 90px лента би
   унищожило картата. */
.ere__map-canvas,
.single-property-element .ere-property-element .ere__map-canvas {
	border-radius: var(--bd-radius-lg);
	overflow: hidden;
	border: 1px solid var(--bd-border);
}

.page-title .ere__map-canvas {
	border: 0;
	border-radius: 0;
}

/* --------------------------------------------------------------------------
   8. Остатъчни акцентни цветове на темата/ERE → нашата палитра
   Декоративните черти под заглавията, статус табовете и owl-навигацията
   идват от темата с по-висока специфичност → презаписваме с !important.
   -------------------------------------------------------------------------- */
.ere-heading h2:after,
.ere-heading:after,
.ere-heading-style2 h2:after {
	background-color: var(--bd-accent) !important;
}

/* Активен статус таб във филтъра.
   !important + 4 класа: темата налага акцентния си цвят с
   `…ere-search-status-tab button.active{…!important}` (същата специфичност). */
.ere-property-advanced-search .ere-search-status-tab button.btn-status-filter.active,
.ere-property-advanced-search .ere-search-status-tab button.btn-status-filter:hover,
.ere-search-properties .ere-search-status-tab button.btn-status-filter.active,
.ere-search-properties .ere-search-status-tab button.btn-status-filter:hover {
	background-color: var(--bd-primary) !important;
	color: var(--bd-text-on-dark) !important;
}

/* Навигация на галерията и на каруселите (owl) */
.single-property-image-main .owl-nav button,
.single-property-image-main .owl-nav div,
.ere__owl-carousel .owl-nav button,
.ere__owl-carousel .owl-nav div {
	background-color: var(--bd-primary) !important;
	color: var(--bd-text-on-dark) !important;
}

.single-property-image-main .owl-nav button:hover,
.single-property-image-main .owl-nav div:hover,
.ere__owl-carousel .owl-nav button:hover,
.ere__owl-carousel .owl-nav div:hover {
	background-color: var(--bd-primary-dark) !important;
}

.owl-dots .owl-dot span {
	background-color: var(--bd-border) !important;
}

.owl-dots .owl-dot.active span,
.owl-dots .owl-dot:hover span {
	background-color: var(--bd-primary) !important;
}

/* Линкове „Виж още" / Google Maps */
.ere-link-more,
.open-on-google-maps {
	color: var(--bd-link);
}

/* --------------------------------------------------------------------------
   9. Достъпност: фокус и намалено движение
   -------------------------------------------------------------------------- */
.ere-property a:focus-visible,
.paging-navigation a:focus-visible,
.ere__apa-status ul li a:focus-visible,
.form-search-wrap button:focus-visible,
.form-search-wrap .form-control:focus-visible,
.form-search-wrap .search-field:focus-visible,
.ere-tabs .nav-tabs .nav-link:focus-visible {
	outline: none;
	box-shadow: 0 0 0 3px var(--bd-focus-ring);
}

.ere__loop-property_action-item:focus-visible {
	outline: none;
	box-shadow: 0 0 0 3px var(--bd-focus-ring);
}

@media (prefers-reduced-motion: reduce) {
	:is(.ere-property.property-list, .ere-property.property-grid) .property-image img,
	:is(.ere-property.property-list, .ere-property.property-grid) .property-inner,
	.paging-navigation .page-numbers,
	.ere__apa-status ul li a {
		transition: none !important;
	}

	:is(.ere-property.property-list, .ere-property.property-grid) .property-inner:hover {
		transform: none;
	}

	:is(.ere-property.property-list, .ere-property.property-grid) .property-inner:hover .property-image img {
		transform: none;
	}
}