/* ==========================================================================
   imotigreece-design — Единичен имот: заглавие, цена, галерия, карта,
   подобни имоти, форма за запитване.
   Спецификация: design/DESIGN.md §4 (Buttons, Property Card, Spec Table), §7
   Само var(--ig-*) — без hardcoded цветове.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Информационен панел (дясна колона, sticky)
   -------------------------------------------------------------------------- */
.property-info-header {
	padding: 24px;
	background-color: var(--ig-surface-card);
	border: 1px solid var(--ig-border);
	border-radius: var(--ig-radius);
	box-shadow: var(--ig-shadow-1);
}

.ere__single-property-header-info-inner {
	margin-bottom: 16px;
}

/* Заглавие — Golos Text 20px 600, НЕ сериф (DESIGN.md §9).
   Цената води страницата (44px Playfair), заглавието я следва. Playfair е
   само >=28px (DESIGN.md §3, §7), затова 20px е Golos.

   Защо точно тези селектори: информационният панел се рендира ИЗВЪН
   `.ere-property-wrap`, директно като дете на `.container`
   (#primary-content > .container > .property-info-header), затова
   `.single-property-area .ere__single-property-title` не съвпадаше с нищо и
   `body.imotigreece-design h1` (0,1,2) печелеше с 64px Playfair. Връзваме се
   към реалните обвивки на панела, с `body.imotigreece-design` отпред, за да
   няма как да загубим по специфичност. */
body.imotigreece-design .property-info-header .ere__single-property-title,
.ere__single-property-header-info .ere__single-property-title,
.property-info-header .ere__single-property-title {
	margin: 0 0 12px;
	font-family: var(--ig-font-body);
	font-size: 1.25rem;   /* 20px */
	font-weight: 600;
	line-height: 1.35;
	letter-spacing: 0;
	color: var(--ig-ink-950);
	text-wrap: pretty;
}

/* Цена — най-едрият текст на страницата (DESIGN.md §9): Playfair 44px 700.
   Заглавието е 20px Golos — цената го води, не обратното. */
.ere__single-property-price,
.property-info-header .property-price {
	display: block;
	font-family: var(--ig-font-display);
	font-size: var(--ig-fs-display);
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: -0.01em;
	color: var(--ig-price);
	font-variant-numeric: tabular-nums;
}

.ere__single-property-price .property-price-prefix,
.ere__single-property-price .property-price-postfix {
	font-family: var(--ig-font-body);
	font-size: 14px;
	font-weight: 500;
	color: var(--ig-ink-600);
}

.ere__single-property-header-price-location {
	flex-wrap: wrap;
	gap: 8px 15px;
}

/* Статус на имота — правоъгълен бадж */
.ere__single-property-status .ere__loop-property-status-item {
	display: inline-block;
	padding: 4px 10px;
	font-family: var(--ig-font-body);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--ig-text-on-dark);
	background-color: var(--ig-primary);
	border-radius: var(--ig-radius-sm);
}

/* Локация — Golos 13px, с икона */
.ere__single-property-location,
.ere__single-property-location .ere__loop-property-location {
	font-family: var(--ig-font-body);
	font-size: var(--ig-fs-meta);
	font-weight: 500;
	color: var(--ig-ink-600);
}

.ere__single-property-location i {
	color: var(--ig-ink-600);
}

/* Мета действия: характеристики + бутони */
.ere__single-property-header-meta-action {
	gap: 16px;
	padding-top: 16px;
	border-top: 1px solid var(--ig-border-subtle);
}

.ere__single-property-info.property-info {
	color: var(--ig-ink-600);
}

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

.ere__single-property-info .ere__lpi-value {
	font-variant-numeric: tabular-nums;
	color: var(--ig-ink-950);
}

/* Действия (галерия/любими/сравнение) */
.ere__single-property-action .ere__loop-property_action-item {
	width: 44px;
	height: 44px;
	background-color: var(--ig-surface-card);
	border: 1px solid var(--ig-border);
	border-radius: var(--ig-radius);
	color: var(--ig-primary);
	font-size: 16px;
	transition: background-color var(--ig-t-base) ease, color var(--ig-t-base) ease;
}

.ere__single-property-action .ere__loop-property_action-item:hover,
.ere__single-property-action .ere__loop-property_action-item:focus {
	background-color: var(--ig-primary);
	border-color: var(--ig-primary);
	color: var(--ig-text-on-dark);
}

/* --------------------------------------------------------------------------
   2. Галерия (owl-carousel + lightgallery) — не чупим плъгините
   -------------------------------------------------------------------------- */
.ere__single-property-gallery {
	border-radius: var(--ig-radius-lg);
	overflow: hidden;
}

.ere__single-property-gallery .single-property-image-main {
	margin-bottom: 12px;
	border-radius: var(--ig-radius-lg);
	overflow: hidden;
}

.ere__single-property-gallery .single-property-image-main .property-gallery-item {
	overflow: hidden;
	line-height: 0;
}

.ere__single-property-gallery .single-property-image-main .property-gallery-item img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 3 / 2;
	object-fit: cover;
}

.ere__single-property-gallery .single-property-image-thumb .property-gallery-item {
	overflow: hidden;
	border-radius: var(--ig-radius);
	line-height: 0;
}

.ere__single-property-gallery .single-property-image-thumb .property-gallery-item img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 3 / 2;
	object-fit: cover;
}

.ere__single-property-gallery .single-property-image-thumb .owl-item {
	border-radius: var(--ig-radius);
	overflow: hidden;
}

.ere__single-property-gallery .single-property-image-thumb .current::before {
	background-color: rgba(18, 26, 32, .45);
	border: 2px solid var(--ig-primary);
	border-radius: var(--ig-radius);
	box-sizing: border-box;
}

/* Навигация на галерията (owl-nav) — квадратни бутони, не оранжеви */
.ere__single-property-gallery .owl-nav .owl-prev,
.ere__single-property-gallery .owl-nav .owl-next {
	width: 44px;
	height: 44px;
	background-color: rgba(255, 255, 255, .94);
	color: var(--ig-primary);
	border-radius: var(--ig-radius);
	transition: background-color var(--ig-t-base) ease, color var(--ig-t-base) ease;
}

.ere__single-property-gallery .owl-nav .owl-prev::after,
.ere__single-property-gallery .owl-nav .owl-next::after {
	display: none;
}

.ere__single-property-gallery .owl-nav .owl-prev:hover,
.ere__single-property-gallery .owl-nav .owl-next:hover {
	background-color: var(--ig-primary);
	color: var(--ig-text-on-dark);
}

.ere__single-property-gallery .owl-dots .owl-dot span {
	width: 10px;
	height: 10px;
	border-radius: var(--ig-radius-full);
	background-color: var(--ig-border);
}

.ere__single-property-gallery .owl-dots .owl-dot.active span {
	background-color: var(--ig-primary);
}

/* Иконата за увеличаване (lightgallery) */
.ere-light-gallery a.zoomGallery {
	background-color: rgba(18, 26, 32, .30);
}

.ere-light-gallery a.zoomGallery i {
	color: var(--ig-text-on-dark);
}

/* --------------------------------------------------------------------------
   3. Секции на имота: описание, характеристики, карта
   -------------------------------------------------------------------------- */
.ere__single-property-description .ere-property-element {
	max-width: 72ch;
	font-size: var(--ig-fs-body);
	line-height: var(--ig-lh-body);
	color: var(--ig-text-secondary);
}

.ere__single-property-description .ere-property-element p {
	margin-bottom: 20px;
}

.ere__single-property-feature .property-feature-wrap a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 44px;
	font-family: var(--ig-font-body);
	font-size: var(--ig-fs-body-sm);
	color: var(--ig-ink-800);
	transition: color var(--ig-t-base) ease;
}

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

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

.ere__single-property-feature h4 {
	font-family: var(--ig-font-body);
	font-size: var(--ig-fs-subhead);
	font-weight: 600;
	color: var(--ig-ink-950);
}

.ere__single-property-map .ere-property-element,
.ere__single-property-address .ere-property-element {
	border-radius: var(--ig-radius-lg);
	overflow: hidden;
}

#ere-map-loading i {
	color: var(--ig-primary);
}

.ere__single-property-address .open-on-google-maps {
	color: var(--ig-link);
	font-weight: 600;
}

.ere__single-property-address .open-on-google-maps:hover {
	color: var(--ig-link-hover);
}

/* --------------------------------------------------------------------------
   4. Форма за запитване / контакт с агент
   -------------------------------------------------------------------------- */
.ere__contact-form .form-control,
.ere__single-agent-contact-form .form-control {
	min-height: 48px;
	padding: 14px 16px;
	font-family: var(--ig-font-body);
	font-size: 16px;
	color: var(--ig-ink-950);
	background-color: var(--ig-surface-card);
	border: 1px solid var(--ig-border);
	border-radius: var(--ig-radius);
}

.ere__contact-form textarea.form-control {
	min-height: 140px;
	padding-top: 14px;
}

.ere__contact-form .form-control:focus {
	border-color: var(--ig-primary);
	box-shadow: 0 0 0 3px var(--ig-focus-ring-soft);
	outline: none;
}

.ere__contact-form label {
	font-family: var(--ig-font-body);
	font-size: 13px;
	font-weight: 600;
	color: var(--ig-text-secondary);
}

.ere__contact-form .invalid-feedback {
	color: var(--ig-error);
	font-size: 13px;
}

/* Съобщението след изпращане беше оранжево (#fb6a19) */
.ere__contact-form .ere__message,
.ere__single-agent-contact-form .ere__message {
	color: var(--ig-success);
}

.ere__agent-name,
.ere__single-property-contact-agent .ere__agent-name {
	font-family: var(--ig-font-body);
	font-size: var(--ig-fs-subhead);
	font-weight: 600;
	color: var(--ig-ink-950);
}

.ere__agent-position,
.ere__single-property-contact-agent .ere__agent-position {
	color: var(--ig-ink-600);
}

.ere__single-agent-contact-info i,
.ere__single-agent-social a {
	color: var(--ig-ink-600);
}

.ere__single-agent-social a:hover,
.ere__single-agent-social a:focus {
	color: var(--ig-primary);
}

/* --------------------------------------------------------------------------
   5. Бутони на единичния имот — Accent (запитване) + Secondary
   -------------------------------------------------------------------------- */
/* Темата слага !important на .btn-primary (bg, border:none, radius:0).
   За да наложим нашия вид, презаписваме със !important и по-висока
   специфичност — единственият случай, в който !important е оправдан. */

/* Secondary (контурен) — „Други имоти" */
.single-property-area .btn-primary,
.ere__single-property-contact-agent .btn-primary {
	min-height: 44px;
	padding: 12px 24px;
	font-family: var(--ig-font-body);
	font-size: 15px;
	font-weight: 600;
	color: var(--ig-primary) !important;
	background-color: transparent !important;
	border: 1px solid var(--ig-primary) !important;
	border-radius: var(--ig-radius) !important;
	transition: background-color var(--ig-t-base) ease, color var(--ig-t-base) ease;
}

.single-property-area .btn-primary:hover,
.ere__single-property-contact-agent .btn-primary:hover {
	background-color: var(--ig-primary) !important;
	color: var(--ig-text-on-dark) !important;
}

/* Accent CTA — изпращане на запитване („Заявете оглед") */
.single-property-area .btn-primary.ere__btn-submit-contact-form,
.single-property-area .ere__btn-submit-contact-form {
	min-height: 48px;
	padding: 16px 32px;
	font-family: var(--ig-font-body);
	font-size: 15px;
	font-weight: 600;
	letter-spacing: .02em;
	color: var(--ig-text-on-dark) !important;
	background-color: var(--ig-accent-dark) !important;
	border: 1px solid var(--ig-accent-dark) !important;
	border-radius: var(--ig-radius) !important;
	box-shadow: var(--ig-shadow-1);
	transition: background-color var(--ig-t-base) ease, transform var(--ig-t-fast) ease, box-shadow var(--ig-t-base) ease;
}

.single-property-area .btn-primary.ere__btn-submit-contact-form:hover,
.single-property-area .ere__btn-submit-contact-form:hover {
	background-color: var(--ig-accent-darker) !important;
	border-color: var(--ig-accent-darker) !important;
	transform: translateY(-1px);
	box-shadow: var(--ig-shadow-2);
}

/* --------------------------------------------------------------------------
   6. Подобни имоти
   -------------------------------------------------------------------------- */
.ere-similar-properties .ere-property .property-inner {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 0;
}

.ere-similar-properties .ere-property .property-image {
	max-width: none;
	width: 100%;
	margin-right: 0;
	flex-shrink: 1;
	aspect-ratio: 4 / 3;
}

.ere-similar-properties .ere-property .property-item-content {
	width: auto;
	padding: 20px 20px 18px;
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
}

.ere-similar-properties .ere-property .ere__loop-property-info {
	margin: auto -20px -18px;
}

.ere-similar-properties {
	margin-top: 48px;
}

.ere-similar-properties .ere-property {
	display: grid;
	grid-template-columns: 1fr;
	column-gap: 28px;
	row-gap: 32px;
}

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

@media (min-width: 1200px) {
	.ere-similar-properties .ere-property {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

.ere-similar-properties .ere-property .ere-item-wrap {
	width: auto !important;
	max-width: none !important;
	margin-bottom: 0 !important;
	float: none !important;
	display: flex;
}

/* --------------------------------------------------------------------------
   7. Достъпност и движение
   -------------------------------------------------------------------------- */
.ere__single-property a:focus-visible,
.ere__btn-submit-contact-form:focus-visible,
.single-property-area .btn-primary:focus-visible {
	outline: none;
	box-shadow: 0 0 0 3px var(--ig-focus-ring);
}

@media (prefers-reduced-motion: reduce) {
	.ere__btn-submit-contact-form,
	.ere__single-property-action .ere__loop-property_action-item {
		transition: none;
	}
	.ere__btn-submit-contact-form:hover {
		transform: none;
	}
}