/* ==========================================================================
   imotigreece-design — Акаунт (Essential Real Estate)
   Обхват: страниците на таблото на потребителя — Профил, Моите имоти,
   Любими, Записани търсения, Фактури, Нов имот. Маркерът `ig-account` се
   слага от imotigreece-design.php по съдържанието на страницата (shortcode
   на ERE), не по slug или ID — така остава верен и след преименуване.

   Защо отделен слой: ERE рендира собствен Bootstrap-3-подобен маркъп
   (`.ere-dashboard-*`, `.navbar.navbar-default`, `.card`, `.form-control`,
   `.table`), който досега стоеше необработен — формите бяха 14px/44px с
   рамка #eee, навигацията на таблото беше `display:none` на мобилно
   (Bootstrap `collapse` без зареден Bootstrap JS), а мрежата на любимите
   излизаше 593px широка в 390px екран и се режеше.

   Всички стойности идват от tokens.css — без hardcoded цветове.
   Спецификация: design/DESIGN.md §4 (Component Stylings), §5, §8.

   Скриване на `.navbar-toggle`: на мобилно менюто НЕ се сгъва, а се показва
   цялото. Причината е функционална, не козметична — `data-toggle="collapse"`
   изисква Bootstrap JS, който на тези страници не се зарежда, тоест менюто
   е недостъпно с клавиатура и с пръст. Девет реда по 48px се побират.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Обвивка на таблото
   -------------------------------------------------------------------------- */
body.imotigreece-design.ig-account .ere-user-dashboard {
	align-items: flex-start;
}

body.imotigreece-design.ig-account .ere-dashboard-sidebar {
	margin-bottom: var(--ig-s-6);
}

body.imotigreece-design.ig-account .ere-dashboard-content {
	min-width: 0;            /* иначе дългите заглавия разпъват flex колоната */
}

/* Сайдбарът придружава съдържанието — 40 реда формуляр не бива да го
   изкарва извън екрана. Отлепва се под фиксирания хедър. */
@media (min-width: 992px) {
	body.imotigreece-design.ig-account .ere-dashboard-sidebar {
		margin-bottom: 0;
	}

	body.imotigreece-design.ig-account .ere-dashboard-sidebar-content {
		position: sticky;
		top: calc(var(--ig-header-h, 80px) + var(--ig-s-5));
	}
}

/* --------------------------------------------------------------------------
   2. Сайдбар — картичка с потребителя и навигацията на таблото
   -------------------------------------------------------------------------- */
body.imotigreece-design.ig-account .ere-dashboard-sidebar-content {
	background-color: var(--ig-surface-card);
	border: 1px solid var(--ig-border);
	border-radius: var(--ig-radius);
	box-shadow: var(--ig-shadow-1);
	overflow: hidden;
}

body.imotigreece-design.ig-account .ere-dashboard-welcome {
	padding: var(--ig-s-5) var(--ig-s-4);
	background-color: var(--ig-surface-alt);
	border: 0;
	border-bottom: 1px solid var(--ig-border);
	text-align: center;
}

body.imotigreece-design.ig-account .ere-dashboard-welcome figure {
	width: 88px;
	height: 88px;
	margin: 0 auto var(--ig-s-3);
	padding: 0;
	background-color: var(--ig-surface-card);
	border: 1px solid var(--ig-border);
	border-radius: var(--ig-radius-full);
	overflow: hidden;
}

/* `contain`, не `cover`: в тази сметка стои логото на сайта — `cover` би
   отрязал надписа в кръгчето. Снимка също не се реже по средата на лицето. */
body.imotigreece-design.ig-account .ere-dashboard-welcome figure img {
	display: block;
	width: 100%;
	height: 100%;
	padding: var(--ig-s-2);
	object-fit: contain;
	border-radius: 0;
}

body.imotigreece-design.ig-account .ere-dashboard-user-info {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--ig-s-2);
}

body.imotigreece-design.ig-account .ere-dashboard-title {
	margin: 0;
	font-family: var(--ig-font-body);
	font-size: var(--ig-fs-card-title);
	font-weight: 600;
	line-height: 1.35;
	letter-spacing: 0;
	color: var(--ig-text);
}

body.imotigreece-design.ig-account .ere-dashboard-logout {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--ig-s-2);
	min-height: 44px;
	padding: 0 var(--ig-s-4);
	font-size: var(--ig-fs-small);
	font-weight: 600;
	letter-spacing: 0.02em;
	color: var(--ig-text-secondary);
	background-color: transparent;
	border: 1px solid var(--ig-border);
	border-radius: var(--ig-radius);
	text-decoration: none;
	transition: color var(--ig-t-base) ease, border-color var(--ig-t-base) ease,
	            background-color var(--ig-t-base) ease;
}

body.imotigreece-design.ig-account .ere-dashboard-logout i {
	color: currentColor;          /* темата боядисва иконата в акцента си */
}

body.imotigreece-design.ig-account .ere-dashboard-logout:hover,
body.imotigreece-design.ig-account .ere-dashboard-logout:focus-visible {
	color: var(--ig-accent-dark);
	border-color: var(--ig-accent-dark);
	background-color: var(--ig-surface-card);
}

/* --- Навигация на таблото -------------------------------------------------
   Темата и ERE рисуват Bootstrap 3 `.navbar` с фон #f8f8f8, рамка #e7e7e7 и
   редове с долна линия #ddd. Тук става тих списък върху бяло. */
body.imotigreece-design.ig-account .ere-dashboard-sidebar .navbar.navbar-default {
	min-height: 0;
	margin: 0;
	padding: 0;
	background-color: transparent;
	background-image: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

body.imotigreece-design.ig-account .ere-dashboard-sidebar .navbar-header {
	display: none !important;    /* виж бележката в началото на файла */
}

body.imotigreece-design.ig-account .ere-dashboard-sidebar .navbar-collapse {
	display: block !important;
	position: static !important;
	height: auto !important;
	padding: 0 !important;
	border: 0 !important;
	box-shadow: none !important;
	overflow: visible !important;
}

body.imotigreece-design.ig-account .ere-dashboard-nav {
	display: block;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
}

body.imotigreece-design.ig-account .ere-dashboard-nav > li {
	float: none;
	margin: 0;
	border: 0;
	border-bottom: 1px solid var(--ig-border-subtle);
}

body.imotigreece-design.ig-account .ere-dashboard-nav > li:last-child {
	border-bottom: 0;
}

body.imotigreece-design.ig-account .ere-dashboard-nav > li > a {
	display: flex;
	align-items: center;
	gap: var(--ig-s-3);
	min-height: 48px;
	padding: var(--ig-s-3) var(--ig-s-4);
	font-family: var(--ig-font-body);
	font-size: var(--ig-fs-body-sm);
	font-weight: 500;
	line-height: 1.35;
	color: var(--ig-text-secondary);
	text-decoration: none;
	box-shadow: inset 2px 0 0 transparent;
	transition: background-color var(--ig-t-base) ease, color var(--ig-t-base) ease;
}

body.imotigreece-design.ig-account .ere-dashboard-nav > li > a i {
	flex: 0 0 18px;
	width: 18px;
	margin: 0;
	text-align: center;
	font-size: 14px;
	color: var(--ig-text-tertiary);
}

body.imotigreece-design.ig-account .ere-dashboard-nav > li > a:hover,
body.imotigreece-design.ig-account .ere-dashboard-nav > li > a:focus-visible {
	color: var(--ig-primary);
	background-color: var(--ig-surface-alt);
}

body.imotigreece-design.ig-account .ere-dashboard-nav > li.active > a {
	color: var(--ig-primary);
	font-weight: 600;
	background-color: var(--ig-surface-alt);
	box-shadow: inset 2px 0 0 var(--ig-primary);
}

body.imotigreece-design.ig-account .ere-dashboard-nav > li.active > a i {
	color: var(--ig-primary);
}

/* Броячът на имотите/любимите — равностранен етикет, не розова топка
   (темата дава #f9b990, което е извън палитрата). */
body.imotigreece-design.ig-account .ere-dashboard-nav .badge {
	float: none;
	flex: 0 0 auto;
	margin-left: auto;
	min-width: 26px;
	padding: 2px 8px;
	font-family: var(--ig-font-body);
	font-size: 12px;
	font-weight: 600;
	line-height: 1.6;
	color: var(--ig-text-secondary);
	background-color: var(--ig-surface-card);
	border: 1px solid var(--ig-border);
	border-radius: var(--ig-radius-sm);
}

body.imotigreece-design.ig-account .ere-dashboard-nav > li.active .badge {
	color: #FFFFFF;
	background-color: var(--ig-primary);
	border-color: var(--ig-primary);
}

/* --------------------------------------------------------------------------
   3. Карти
   -------------------------------------------------------------------------- */
body.imotigreece-design.ig-account .ere-card {
	background-color: var(--ig-surface-card);
	border: 1px solid var(--ig-border);
	border-radius: var(--ig-radius);
	box-shadow: var(--ig-shadow-1);
	overflow: hidden;
}

body.imotigreece-design.ig-account .ere-card + .ere-card {
	margin-top: var(--ig-s-6);
}

body.imotigreece-design.ig-account .ere-card > .card-header {
	padding: var(--ig-s-4) var(--ig-s-5);
	background-color: var(--ig-surface-alt);
	border: 0;
	border-bottom: 1px solid var(--ig-border);
	border-radius: 0;
}

body.imotigreece-design.ig-account .ere-card > .card-header > .card-title {
	margin: 0;
	font-family: var(--ig-font-body);
	font-size: var(--ig-fs-subhead);
	font-weight: 600;
	line-height: 1.35;
	letter-spacing: 0;
	color: var(--ig-text);
}

body.imotigreece-design.ig-account .ere-card > .card-body {
	padding: var(--ig-s-5);
}

@media (max-width: 575px) {
	body.imotigreece-design.ig-account .ere-card > .card-header {
		padding: var(--ig-s-3) var(--ig-s-4);
	}

	body.imotigreece-design.ig-account .ere-card > .card-body {
		padding: var(--ig-s-4);
	}
}

/* --------------------------------------------------------------------------
   4. Полета и етикети
   ERE-то ползва `.form-control` без собствена форма-обвивка, затова
   forms.css (скоупнат по `.ere__form` и т.н.) не ги хваща.
   -------------------------------------------------------------------------- */
body.imotigreece-design.ig-account :is(
	input[type="text"], input[type="search"], input[type="email"], input[type="url"],
	input[type="password"], input[type="tel"], input[type="number"], input[type="date"],
	input[type="month"], input[type="time"], input:not([type]), textarea, select
) {
	width: 100%;
	box-sizing: border-box;
	min-height: 48px;
	padding: 14px 16px;
	font-family: var(--ig-font-body);
	font-size: 16px;               /* 16px минимум — иначе iOS зуумва при фокус */
	line-height: 1.4;
	color: var(--ig-text);
	background-color: var(--ig-surface-card);
	border: 1px solid var(--ig-border);
	border-radius: var(--ig-radius);
	box-shadow: none;
	transition: border-color var(--ig-t-base) ease, box-shadow var(--ig-t-base) ease;
}

body.imotigreece-design.ig-account :is(input, textarea)::placeholder {
	color: var(--ig-text-muted);
	opacity: 1;
}

body.imotigreece-design.ig-account textarea {
	min-height: 140px;
	resize: vertical;
}

/* Темата налага `select { height:44px !important; padding:0 5px !important }`
   (assets/sass/_typography.scss) — чужд !important се бие само с !important
   (същата причина като в forms.css §2). */
body.imotigreece-design.ig-account select {
	width: 100% !important;
	min-height: 48px !important;
	height: auto !important;
	padding: 14px 44px 14px 16px !important;
	font-size: 16px !important;
	appearance: none;
	-webkit-appearance: none;
	background-image:
		linear-gradient(45deg, transparent 50%, var(--ig-ink-600) 50%),
		linear-gradient(135deg, var(--ig-ink-600) 50%, transparent 50%);
	background-position:
		calc(100% - 21px) calc(50% + 1px),
		calc(100% - 16px) calc(50% + 1px);
	background-size: 5px 5px, 5px 5px;
	background-repeat: no-repeat;
}

body.imotigreece-design.ig-account :is(input, textarea, select):focus {
	border-color: var(--ig-primary);
	box-shadow: 0 0 0 3px var(--ig-focus-ring-soft);
	outline: none;
}

body.imotigreece-design.ig-account :is(a, button, input, textarea, select, [tabindex]):focus-visible {
	outline: 2px solid var(--ig-primary-light);
	outline-offset: 2px;
}

body.imotigreece-design.ig-account .form-group {
	margin-bottom: var(--ig-s-4);
}

body.imotigreece-design.ig-account .form-group > label:not(.sr-only),
body.imotigreece-design.ig-account label.control-label {
	display: block;
	margin-bottom: var(--ig-s-2);
	font-family: var(--ig-font-body);
	font-size: 13px;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: 0.01em;
	color: var(--ig-text-secondary);
}

body.imotigreece-design.ig-account :is(.form-text, .help-block, .description) {
	margin-top: var(--ig-s-1);
	font-size: 13px;
	line-height: 1.5;
	color: var(--ig-text-tertiary);
}

body.imotigreece-design.ig-account :is(input[type="checkbox"], input[type="radio"]) {
	width: 20px;
	height: 20px;
	min-height: 0;
	margin: 0 var(--ig-s-2) 0 0;
	padding: 0;
	vertical-align: middle;
	accent-color: var(--ig-primary);
}

body.imotigreece-design.ig-account .form-check {
	display: flex;
	align-items: center;
	gap: var(--ig-s-2);
	min-height: 44px;
	margin-bottom: 0;
	font-size: 15px;
	line-height: 1.5;
	color: var(--ig-text-secondary);
}

body.imotigreece-design.ig-account .form-check-label {
	font-weight: 400;
}

/* Аватарът в „Профил" — бутонът за смяна стои под кръгчето */
body.imotigreece-design.ig-account .ere-profile-avatar {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--ig-s-3);
	margin-bottom: var(--ig-s-4);
}

body.imotigreece-design.ig-account .ere-profile-avatar .profile-thumb {
	width: 120px;
	height: 120px;
	background-color: var(--ig-surface-card);
	border: 1px solid var(--ig-border);
	border-radius: var(--ig-radius-full);
	overflow: hidden;
}

body.imotigreece-design.ig-account .ere-profile-avatar .profile-thumb img {
	display: block;
	width: 100%;
	height: 100%;
	padding: var(--ig-s-2);
	object-fit: contain;
}

/* Блокът „Agent Account" — служебен, не продава
   (сайтът не е брокерска агенция, затова тонът е неутрален). */
body.imotigreece-design.ig-account .ere-account-agent {
	margin-bottom: var(--ig-s-5);
	padding: var(--ig-s-4) var(--ig-s-5);
	background-color: var(--ig-surface-alt);
	border: 1px solid var(--ig-border);
	border-radius: var(--ig-radius);
}

body.imotigreece-design.ig-account .ere-account-agent h4 {
	margin: 0 0 var(--ig-s-2);
	font-family: var(--ig-font-body);
	font-size: var(--ig-fs-subhead);
	font-weight: 600;
	color: var(--ig-text);
}

body.imotigreece-design.ig-account .ere-account-agent p {
	margin: 0 0 var(--ig-s-4);
	font-size: var(--ig-fs-body-sm);
	line-height: 1.6;
	color: var(--ig-text-secondary);
}

body.imotigreece-design.ig-account .ere-account-agent p a {
	color: var(--ig-link);
}

/* --------------------------------------------------------------------------
   5. Съобщения от AJAX-а на ERE (успех / грешка)
   -------------------------------------------------------------------------- */
body.imotigreece-design.ig-account .ere_messages:not(:empty),
body.imotigreece-design.ig-account .ere-message:not(:empty) {
	margin-bottom: var(--ig-s-4);
	padding: var(--ig-s-3) var(--ig-s-4);
	font-size: 15px;
	line-height: 1.55;
	color: var(--ig-text-secondary);
	background-color: var(--ig-surface-alt);
	border: 1px solid var(--ig-border);
	border-left-width: 3px;
	border-radius: var(--ig-radius);
}

body.imotigreece-design.ig-account .ere_messages.success,
body.imotigreece-design.ig-account .ere-message.success {
	color: var(--ig-text-secondary);
	background-color: var(--ig-surface-card);
	border-color: var(--ig-success);
}

/* „Трябва да влезете" (access-denied) — ERE го облича като `alert-success`,
   което подвежда. Неутрален информационен блок. */
body.imotigreece-design.ig-account .ere-access-denied .alert {
	margin-bottom: var(--ig-s-5);
	padding: var(--ig-s-5);
	color: var(--ig-text-secondary);
	background-color: var(--ig-surface-card);
	border: 1px solid var(--ig-border);
	border-left: 3px solid var(--ig-primary);
	border-radius: var(--ig-radius);
}

/* --------------------------------------------------------------------------
   6. Моите имоти — списък с карти
   -------------------------------------------------------------------------- */
body.imotigreece-design.ig-account .ere__my-property-list {
	display: grid;
	gap: var(--ig-s-4);
}

body.imotigreece-design.ig-account .ere__my-property-list .ere__property-item {
	margin-bottom: 0;
}

body.imotigreece-design.ig-account .ere__property-item-inner {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: var(--ig-s-4) var(--ig-s-5);
	padding: var(--ig-s-4);
	background-color: var(--ig-surface-card);
	border: 1px solid var(--ig-border);
	border-radius: var(--ig-radius);
	box-shadow: none;
	transition: border-color var(--ig-t-base) ease, box-shadow var(--ig-t-base) ease;
}

body.imotigreece-design.ig-account .ere__property-item-inner:hover,
body.imotigreece-design.ig-account .ere__property-item-inner:focus-within {
	border-color: var(--ig-ink-400);
	box-shadow: var(--ig-shadow-2);
}

body.imotigreece-design.ig-account .ere__property-image {
	position: relative;
	flex: 0 0 100%;
	width: 100%;
	margin: 0;
}

@media (min-width: 768px) {
	body.imotigreece-design.ig-account .ere__property-image {
		flex: 0 0 208px;
		width: 208px;
	}
}

body.imotigreece-design.ig-account .ere__property-image img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 3;               /* DESIGN.md §4 — съотношение на карта */
	object-fit: cover;
	border-radius: var(--ig-radius);
}

body.imotigreece-design.ig-account .ere__property-content {
	flex: 1 1 240px;
	width: auto;
	min-width: 0;
}

body.imotigreece-design.ig-account .ere__loop-my-property-title {
	margin: 0 0 var(--ig-s-3);
	font-family: var(--ig-font-body);
	font-size: var(--ig-fs-card-title);
	font-weight: 600;
	line-height: 1.4;
	color: var(--ig-text);
}

body.imotigreece-design.ig-account .ere__loop-my-property-title a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;              /* цел за натиск ≥44px */
	color: inherit;
	text-decoration: none;
}

body.imotigreece-design.ig-account .ere__loop-my-property-title a:hover {
	color: var(--ig-link-hover);
	text-decoration: underline;
	text-underline-offset: 3px;
}

body.imotigreece-design.ig-account .ere__loop-my-property-meta {
	display: flex;
	flex-wrap: wrap;
	gap: var(--ig-s-1) var(--ig-s-4);
	margin-bottom: var(--ig-s-3);
	font-size: var(--ig-fs-meta);
	line-height: 1.5;
	color: var(--ig-text-tertiary);
}

body.imotigreece-design.ig-account .ere__loop-my-property-meta-item {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

body.imotigreece-design.ig-account .ere__loop-my-property-meta-item i {
	color: var(--ig-text-muted);
}

/* Баджът за състояние — върху снимката, горе-ляво */
body.imotigreece-design.ig-account .ere__property-image .ere__loop-my-property-badge {
	position: absolute;
	top: var(--ig-s-3);
	left: var(--ig-s-3);
	z-index: 2;
}

body.imotigreece-design.ig-account .ere__status,
body.imotigreece-design.ig-account .ere__featured {
	display: inline-block;
	padding: 4px 10px;
	font-family: var(--ig-font-body);
	font-size: 11px;
	font-weight: 700;
	line-height: 1.7;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: rgba(27, 58, 75, .94);
	border: 0;
	border-radius: var(--ig-radius-sm);
}

body.imotigreece-design.ig-account .ere__status-pending {
	background-color: var(--ig-warning);
}

body.imotigreece-design.ig-account :is(.ere__status-expired, .ere__status-hidden, .ere__status-draft) {
	background-color: var(--ig-ink-600);
}

body.imotigreece-design.ig-account .ere__featured {
	background-color: var(--ig-accent-dark);
}

/* Действията по имота — бяха 34×22px, недостъпими за пръст */
body.imotigreece-design.ig-account .ere__loop-my-property-action {
	display: flex;
	flex-wrap: wrap;
	gap: var(--ig-s-2);
	margin: var(--ig-s-3) 0 0;
	padding: 0;
	list-style: none;
}

body.imotigreece-design.ig-account .ere__loop-my-property-action > li {
	margin: 0;
}

body.imotigreece-design.ig-account .ere__btn-dashboard-action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 10px 16px;
	font-family: var(--ig-font-body);
	font-size: var(--ig-fs-small);
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0.02em;
	color: var(--ig-text-secondary);
	background-color: transparent;
	border: 1px solid var(--ig-border);
	border-radius: var(--ig-radius);
	text-decoration: none;
	transition: color var(--ig-t-base) ease, background-color var(--ig-t-base) ease,
	            border-color var(--ig-t-base) ease;
}

body.imotigreece-design.ig-account .ere__btn-dashboard-action:hover,
body.imotigreece-design.ig-account .ere__btn-dashboard-action:focus-visible {
	color: #FFFFFF;
	background-color: var(--ig-primary);
	border-color: var(--ig-primary);
}

body.imotigreece-design.ig-account :is(
	.ere__btn-dashboard-action-delete,
	.ere__btn-dashboard-action-remove_featured
):hover {
	background-color: var(--ig-error);
	border-color: var(--ig-error);
	color: #FFFFFF;
}

/* --- Горна лента на „Моите имоти": филтър + търсене ---------------------- */
body.imotigreece-design.ig-account .ere__my-property-toolbar {
	display: flex;
	flex-direction: column;
	gap: var(--ig-s-5);
	margin-bottom: var(--ig-s-5);
}

body.imotigreece-design.ig-account .ere__my-property-filter {
	display: flex;
	flex-wrap: wrap;
	gap: var(--ig-s-2);
	margin: 0;
	padding: 0;
	list-style: none;
}

body.imotigreece-design.ig-account .ere__my-property-filter > li {
	margin: 0;
}

body.imotigreece-design.ig-account .ere__my-property-filter > li > a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding: 10px 16px;
	font-family: var(--ig-font-body);
	font-size: var(--ig-fs-small);
	font-weight: 600;
	line-height: 1.2;
	color: var(--ig-text-secondary);
	background-color: var(--ig-surface-card);
	border: 1px solid var(--ig-border);
	border-radius: var(--ig-radius);
	text-decoration: none;
	transition: color var(--ig-t-base) ease, background-color var(--ig-t-base) ease,
	            border-color var(--ig-t-base) ease;
}

body.imotigreece-design.ig-account .ere__my-property-filter > li > a:hover {
	color: var(--ig-primary);
	border-color: var(--ig-primary);
}

body.imotigreece-design.ig-account .ere__my-property-filter > li.active > a {
	color: #FFFFFF;
	background-color: var(--ig-primary);
	border-color: var(--ig-primary);
}

body.imotigreece-design.ig-account .ere__my-property-search {
	margin-bottom: 0;
}

body.imotigreece-design.ig-account .ere__my-property-search .form-group {
	margin-bottom: var(--ig-s-3);
}

body.imotigreece-design.ig-account .ere__my-property-search .btn {
	width: 100%;
}

@media (min-width: 992px) {
	body.imotigreece-design.ig-account .ere__my-property-search .btn {
		width: auto;
	}
}

/* --------------------------------------------------------------------------
   7. Любими — мрежата на ERE излизаше 593px в 390px екран
   Причината: `grid-template-columns: 1fr` = `minmax(auto, 1fr)` и колоната
   се разпъваше по min-content на картата, а `body { overflow-x: hidden }`
   я режеше без скрол. `minmax(0, 1fr)` затваря въпроса.
   -------------------------------------------------------------------------- */
body.imotigreece-design.ig-account .ere-my-favorites .ere-property.property-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	column-gap: var(--ig-s-5);
	row-gap: var(--ig-s-6);
	margin: 0;
	padding: 0;
}

@media (min-width: 768px) {
	body.imotigreece-design.ig-account .ere-my-favorites .ere-property.property-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1200px) {
	body.imotigreece-design.ig-account .ere-my-favorites .ere-property.property-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

body.imotigreece-design.ig-account .ere-my-favorites .ere-property.property-grid > .ere-item-wrap {
	min-width: 0;
	display: block;
}

/* Външният вид на картата в property.css живее под `.ere-property-wrap`
   (архивът и началната), а тук такъв обвиващ елемент няма — затова картите в
   „Любими" излизаха без рамка, без сянка, с неоформена цена и — по-лошо —
   снимката се разпъваше на 593px вътре в 324px карта (процентна ширина върху
   родител с неопределена ширина). Обвивката се повтаря тук, вместо да се
   разширява скоупът в property.css: той е умишлен, за да не изтече върху
   каруселите на началната. */
body.imotigreece-design.ig-account .ere-my-favorites .property-inner {
	width: 100%;
	min-width: 0;
	overflow: hidden;
	background-color: var(--ig-surface-card);
	border: 1px solid var(--ig-border);
	border-radius: var(--ig-radius);
	box-shadow: var(--ig-shadow-1);
	transition: transform var(--ig-t-slow) ease, box-shadow var(--ig-t-slow) ease;
}

body.imotigreece-design.ig-account .ere-my-favorites .ere-item-wrap:hover .property-inner,
body.imotigreece-design.ig-account .ere-my-favorites .ere-item-wrap:focus-within .property-inner {
	transform: translateY(-3px);
	box-shadow: var(--ig-shadow-3);
}

body.imotigreece-design.ig-account .ere-my-favorites .property-image {
	position: relative;
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	background-color: var(--ig-surface-alt);
}

body.imotigreece-design.ig-account .ere-my-favorites .property-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 600ms var(--ig-ease);
}

body.imotigreece-design.ig-account .ere-my-favorites .ere-item-wrap:hover .property-image img {
	transform: scale(1.04);
}

body.imotigreece-design.ig-account .ere-my-favorites .property-item-content {
	padding: 20px 20px 18px;
}

/* Цената е най-едрият елемент и стои първа — DESIGN.md §4, §8 */
body.imotigreece-design.ig-account .ere-my-favorites .property-heading {
	display: flex;
	flex-direction: column;
	margin-bottom: 10px;
}

body.imotigreece-design.ig-account .ere-my-favorites .ere__loop-property-price {
	order: -1;
	display: block;
	margin-bottom: 8px;
	font-family: var(--ig-font-display);
	font-size: var(--ig-fs-price);
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: -0.01em;
	color: var(--ig-price);
	font-variant-numeric: tabular-nums;
}

body.imotigreece-design.ig-account .ere-my-favorites .property-title {
	margin: 0;
	font-family: var(--ig-font-body);
	font-size: var(--ig-fs-card-title);
	font-weight: 600;
	line-height: 1.35;
	color: var(--ig-text);
	overflow: hidden;
	white-space: normal;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

body.imotigreece-design.ig-account .ere-my-favorites .property-title a {
	color: inherit;
}

body.imotigreece-design.ig-account .ere-my-favorites .property-title a:hover {
	color: var(--ig-primary);
}

body.imotigreece-design.ig-account .ere-my-favorites .ere__loop-property-location {
	margin-bottom: 12px;
	font-family: var(--ig-font-body);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--ig-text-tertiary);
}

body.imotigreece-design.ig-account .ere-my-favorites .ere__loop-property-location a,
body.imotigreece-design.ig-account .ere-my-favorites .ere__loop-property-location i {
	color: inherit;
}

body.imotigreece-design.ig-account .ere-my-favorites .property-element-inline {
	padding-top: 12px;
	margin-bottom: 12px;
	gap: 12px;
	font-family: var(--ig-font-body);
	font-size: var(--ig-fs-meta);
	color: var(--ig-text-tertiary);
	border-top: 1px solid var(--ig-border-subtle);
}

body.imotigreece-design.ig-account .ere-my-favorites .ere__loop-property-badge {
	position: absolute;
	top: 12px;
	left: 12px;
	z-index: 3;
}

body.imotigreece-design.ig-account .ere-my-favorites .ere__loop-property-badge.ere__lpb-status {
	right: 12px;
	left: auto;
}

body.imotigreece-design.ig-account .ere-my-favorites .ere__loop-property-badge .ere__lpbi-inner {
	display: inline-block;
	padding: 5px 10px;
	font-family: var(--ig-font-body);
	font-size: 11px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--ig-text-on-dark);
	background-color: rgba(27, 58, 75, .94);
	border-radius: var(--ig-radius-sm);
}

/* ERE залепва към баджа триъгълник-„лентичка" (main.css:1687) — в архива
   property.css го маха, тук също. */
body.imotigreece-design.ig-account .ere-my-favorites .ere__lpbi-inner::after {
	content: none;
}

/* Действията върху снимката (галерия / любим / сравнение) — 34×34px са под
   минимума за пръст. */
body.imotigreece-design.ig-account .ere-my-favorites .ere__loop-property-action {
	display: flex;
	gap: var(--ig-s-2);
	z-index: 4;
}

body.imotigreece-design.ig-account .ere-my-favorites .ere__loop-property_action-item {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	margin: 0;
	color: var(--ig-text-secondary);
	background-color: rgba(255, 255, 255, .92);
	border: 1px solid var(--ig-border);
	border-radius: var(--ig-radius);
}

body.imotigreece-design.ig-account .ere-my-favorites .ere__loop-property_action-item:hover,
body.imotigreece-design.ig-account .ere-my-favorites .ere__loop-property_action-item:focus-visible {
	color: #FFFFFF;
	background-color: var(--ig-primary);
	border-color: var(--ig-primary);
}

/* --------------------------------------------------------------------------
   8. Записани търсения
   -------------------------------------------------------------------------- */
/* `row` + `wrap` (не `column`): заглавието и метаданните заемат цял ред,
   а двете действия остават едно до друго. */
body.imotigreece-design.ig-account .ere-my-saved-search-item {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--ig-s-2) var(--ig-s-3);
	padding: 0 0 var(--ig-s-5);
	margin: 0 0 var(--ig-s-5);
	border-bottom: 1px solid var(--ig-border-subtle);
}

body.imotigreece-design.ig-account .ere-my-saved-search-item > h4,
body.imotigreece-design.ig-account .ere-my-saved-search-item > p {
	flex: 1 1 100%;
}

body.imotigreece-design.ig-account .ere-my-saved-search-item:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0;
}

body.imotigreece-design.ig-account .ere-my-saved-search-item h4 {
	margin: 0;
	font-family: var(--ig-font-body);
	font-size: var(--ig-fs-subhead);
	font-weight: 600;
	line-height: 1.4;
	color: var(--ig-text);
}

body.imotigreece-design.ig-account .ere-my-saved-search-item h4 a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;              /* цел за натиск ≥44px */
	color: inherit;
	text-decoration: none;
}

body.imotigreece-design.ig-account .ere-my-saved-search-item h4 a:hover {
	color: var(--ig-link-hover);
	text-decoration: underline;
	text-underline-offset: 3px;
}

body.imotigreece-design.ig-account .ere-my-saved-search-item p {
	margin: 0;
	font-size: var(--ig-fs-meta);
	line-height: 1.6;
	color: var(--ig-text-tertiary);
	word-break: break-word;
}

body.imotigreece-design.ig-account .ere-my-saved-search-item p i {
	margin-right: 6px;
	color: var(--ig-text-muted);
}

/* --------------------------------------------------------------------------
   9. Фактури — таблица, която на мобилно става списък (DESIGN.md §8:
   „Таблици: никога хоризонтален скрол — преминават в списък").
   Етикетите идват от `data-title` на всяка клетка.
   -------------------------------------------------------------------------- */
body.imotigreece-design.ig-account .ere-my-invoices :is(.table-responsive, .table-wrap) {
	overflow: visible;
}

body.imotigreece-design.ig-account .ere-my-invoices table.table {
	width: 100%;
	margin: 0;
	border: 1px solid var(--ig-border);
	border-radius: var(--ig-radius);
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
	font-size: var(--ig-fs-body-sm);
	color: var(--ig-text);
}

body.imotigreece-design.ig-account .ere-my-invoices table.table thead th {
	padding: 12px 16px;
	font-family: var(--ig-font-body);
	font-size: var(--ig-fs-meta);
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: 0.02em;
	text-align: left;
	color: var(--ig-text-tertiary);
	background-color: var(--ig-surface-alt);
	border: 0;
	border-bottom: 1px solid var(--ig-border);
	white-space: nowrap;
}

body.imotigreece-design.ig-account .ere-my-invoices table.table tbody td {
	padding: 14px 16px;
	vertical-align: middle;
	border: 0;
	border-top: 1px solid var(--ig-border-subtle);
}

body.imotigreece-design.ig-account .ere-my-invoices table.table tbody tr:first-child td {
	border-top: 0;
}

body.imotigreece-design.ig-account .ere-my-invoices table.table tbody tr:hover td {
	background-color: var(--ig-surface);
}

body.imotigreece-design.ig-account .ere-my-invoices table.table a {
	color: var(--ig-link);
	text-decoration: none;
}

body.imotigreece-design.ig-account .ere-my-invoices table.table a:hover {
	color: var(--ig-link-hover);
	text-decoration: underline;
}

body.imotigreece-design.ig-account .ere-my-invoices table.table :is(.total, .id) {
	font-variant-numeric: tabular-nums;
}

body.imotigreece-design.ig-account .ere-my-invoices table.table td.total {
	font-weight: 600;
	color: var(--ig-text);
}

body.imotigreece-design.ig-account .ere-my-invoices .btn-action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	color: var(--ig-text-secondary);
	background-color: transparent;
	border: 1px solid var(--ig-border);
	border-radius: var(--ig-radius);
	text-decoration: none;
	transition: color var(--ig-t-base) ease, background-color var(--ig-t-base) ease,
	            border-color var(--ig-t-base) ease;
}

body.imotigreece-design.ig-account .ere-my-invoices .btn-action:hover {
	color: #FFFFFF;
	background-color: var(--ig-primary);
	border-color: var(--ig-primary);
}

@media (max-width: 767px) {
	body.imotigreece-design.ig-account .ere-my-invoices table.table thead {
		display: none;
	}

	body.imotigreece-design.ig-account .ere-my-invoices table.table,
	body.imotigreece-design.ig-account .ere-my-invoices table.table tbody,
	body.imotigreece-design.ig-account .ere-my-invoices table.table tr,
	body.imotigreece-design.ig-account .ere-my-invoices table.table td {
		display: block;
		width: auto;
	}

	body.imotigreece-design.ig-account .ere-my-invoices table.table {
		border: 0;
		border-radius: 0;
	}

	body.imotigreece-design.ig-account .ere-my-invoices table.table tbody tr {
		margin-bottom: var(--ig-s-4);
		padding: var(--ig-s-3) var(--ig-s-4);
		background-color: var(--ig-surface-card);
		border: 1px solid var(--ig-border);
		border-radius: var(--ig-radius);
		box-shadow: var(--ig-shadow-1);
	}

	body.imotigreece-design.ig-account .ere-my-invoices table.table tbody tr:last-child {
		margin-bottom: 0;
	}

	body.imotigreece-design.ig-account .ere-my-invoices table.table tbody td {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: var(--ig-s-4);
		min-height: 44px;
		padding: var(--ig-s-2) 0;
		border-top: 1px solid var(--ig-border-subtle);
	}

	body.imotigreece-design.ig-account .ere-my-invoices table.table tbody td:first-child {
		border-top: 0;
	}

	body.imotigreece-design.ig-account .ere-my-invoices table.table tbody td::before {
		content: attr(data-title);
		flex: 0 0 auto;
		font-size: var(--ig-fs-meta);
		font-weight: 600;
		color: var(--ig-text-tertiary);
	}

	/* Колоната „view" е с празен етикет, а редът „няма фактури" носи
	   собствено изречение — не им рисуваме етикет. */
	body.imotigreece-design.ig-account .ere-my-invoices table.table tbody td.view::before,
	body.imotigreece-design.ig-account .ere-my-invoices table.table tbody td[colspan]::before {
		content: none;
	}

	body.imotigreece-design.ig-account .ere-my-invoices table.table tbody td.view {
		justify-content: flex-start;
	}

	/* Самата връзка в клетката (напр. „Order ID") расте до 44px, иначе
	   кликаемият правоъгълник остава 18px висок. */
	body.imotigreece-design.ig-account .ere-my-invoices table.table tbody td > a:not(.btn-action) {
		display: inline-flex;
		align-items: center;
		min-height: 44px;
	}
}

/* Филтърната лента над фактурите: етикетите са `.sr-only`, полетата носят
   placeholder. Подреждаме ги по две на ред на мобилно. */
body.imotigreece-design.ig-account .ere-my-invoices form .row {
	display: flex;
	flex-wrap: wrap;
	gap: var(--ig-s-3);
	margin: 0 0 var(--ig-s-5);
}

body.imotigreece-design.ig-account .ere-my-invoices form .row > [class*="col-"] {
	flex: 1 1 100%;
	width: auto;
	max-width: none;
	padding: 0;
}

body.imotigreece-design.ig-account .ere-my-invoices form .row .form-group {
	margin-bottom: 0;
}

/* Под 576px полетата са едно под друго — в две колони датите се събират,
   но „Всички видове фактури" се реже на средата на думата. */
@media (min-width: 576px) {
	body.imotigreece-design.ig-account .ere-my-invoices form .row > [class*="col-"] {
		flex: 1 1 calc(50% - var(--ig-s-3));
	}
}

@media (min-width: 992px) {
	body.imotigreece-design.ig-account .ere-my-invoices form .row > [class*="col-"] {
		flex: 1 1 160px;
	}
}

/* --------------------------------------------------------------------------
   10. Нов имот — стъпките на многостъпната форма
   Самите бутони идват от components.css (`.ere-btn-arrow`, `.ere-btn-next`…);
   тук се подреждат и получават номерация, за да се чете като карта на
   процеса, а не като ред случайни бутони.
   -------------------------------------------------------------------------- */
body.imotigreece-design.ig-account .ere-property-multi-step {
	display: block;
}

body.imotigreece-design.ig-account .ere-property-multi-step fieldset {
	min-width: 0;
	margin: 0;
	padding: 0;
	border: 0;
}

body.imotigreece-design.ig-account .ere-steps {
	display: flex;
	flex-wrap: wrap;
	gap: var(--ig-s-2);
	margin: 0 0 var(--ig-s-6);
	padding: 0;
	counter-reset: ig-step;
}

body.imotigreece-design.ig-account .ere-steps .ere-btn-arrow {
	flex: 1 1 100%;
	justify-content: flex-start;
	height: auto;
	min-height: 48px;
	margin: 0;
	padding: 10px var(--ig-s-3);
	border-radius: var(--ig-radius);
	font-size: var(--ig-fs-small);
	line-height: 1.3;
	text-align: left;
	counter-increment: ig-step;
}

/* ERE рисува на всяка стъпка бял триъгълник-стрелка (`_step.scss`), залепен
   абсолютно отляво — върху него сяда номерът. Нулираме го: тук стъпките са
   подредени вертикално, стрелка не носи информация. */
body.imotigreece-design.ig-account .ere-steps .ere-btn-arrow::after {
	content: none;
	border: 0;
}

body.imotigreece-design.ig-account .ere-steps .ere-btn-arrow:first-child {
	padding-left: var(--ig-s-3);
	border-radius: var(--ig-radius);
}

@media (min-width: 576px) {
	body.imotigreece-design.ig-account .ere-steps .ere-btn-arrow {
		flex: 0 1 auto;
	}
}

body.imotigreece-design.ig-account .ere-steps .ere-btn-arrow::before {
	content: counter(ig-step);
	position: static;
	transform: none;
	border: 0;
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	margin-right: var(--ig-s-2);
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	color: var(--ig-text-secondary);
	background-color: var(--ig-surface-alt);
	border-radius: var(--ig-radius-full);
}

body.imotigreece-design.ig-account .ere-steps .ere-btn-arrow.active::before {
	color: #FFFFFF;
	background-color: rgba(255, 255, 255, .22);
}

/* Лентата „Назад / Покажи всичко / Напред" */
body.imotigreece-design.ig-account .ere-step-nav {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--ig-s-3);
	margin-top: var(--ig-s-6);
	padding-top: var(--ig-s-5);
	border-top: 1px solid var(--ig-border);
}

body.imotigreece-design.ig-account .ere-step-nav .ere-btn-next {
	margin-left: auto;
}

body.imotigreece-design.ig-account .ere-step-nav .ere-btn-next span,
body.imotigreece-design.ig-account .ere-step-nav .ere-btn-prev span {
	margin: 0 var(--ig-s-1);
}

body.imotigreece-design.ig-account .btn-submit-property {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 16px 32px;
	font-family: var(--ig-font-body);
	font-size: var(--ig-fs-body-sm);
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0.02em;
	text-transform: none;
	color: var(--ig-text-on-dark);
	background-color: var(--ig-primary);
	border: 1px solid var(--ig-primary);
	border-radius: var(--ig-radius);
	box-shadow: var(--ig-shadow-1);
	cursor: pointer;
	transition: background-color var(--ig-t-base) ease, border-color var(--ig-t-base) ease,
	            transform var(--ig-t-fast) ease, box-shadow var(--ig-t-base) ease;
}

body.imotigreece-design.ig-account .btn-submit-property:hover {
	background-color: var(--ig-primary-dark);
	border-color: var(--ig-primary-dark);
	color: var(--ig-text-on-dark);
	transform: translateY(-1px);
	box-shadow: var(--ig-shadow-2);
}

body.imotigreece-design.ig-account .btn-submit-property:active {
	background-color: var(--ig-primary-darker);
	transform: translateY(1px);
}

/* Секциите на формата */
body.imotigreece-design.ig-account .property-fields-wrap {
	margin-bottom: var(--ig-s-6);
}

body.imotigreece-design.ig-account .property-fields-title {
	margin-bottom: var(--ig-s-4);
}

body.imotigreece-design.ig-account .media-drag-drop {
	margin-bottom: var(--ig-s-3);
	padding: var(--ig-s-6) var(--ig-s-4);
	text-align: center;
	background-color: var(--ig-surface);
	border: 1px dashed var(--ig-border);
	border-radius: var(--ig-radius);
}

body.imotigreece-design.ig-account .media-drag-drop > i {
	display: block;
	margin-bottom: var(--ig-s-2);
	font-size: 24px;
	color: var(--ig-text-muted);
}

body.imotigreece-design.ig-account :is(.media-gallery-title, .media-attachments-title) {
	display: block;
	margin-bottom: var(--ig-s-2);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.01em;
	color: var(--ig-text-secondary);
}

body.imotigreece-design.ig-account .property-floors-control {
	display: flex;
	flex-wrap: wrap;
	gap: var(--ig-s-4);
	margin-bottom: var(--ig-s-4);
}

/* --------------------------------------------------------------------------
   11. Празно състояние („Нищо не е намерено")
   -------------------------------------------------------------------------- */
body.imotigreece-design.ig-account .item-not-found {
	padding: var(--ig-s-7) var(--ig-s-4);
	text-align: center;
	font-size: var(--ig-fs-body-sm);
	color: var(--ig-text-tertiary);
	background-color: var(--ig-surface);
	border: 1px dashed var(--ig-border);
	border-radius: var(--ig-radius);
}

/* --------------------------------------------------------------------------
   12. Достъпност — без движение при поискване
   -------------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
	body.imotigreece-design.ig-account *,
	body.imotigreece-design.ig-account *::before,
	body.imotigreece-design.ig-account *::after {
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
	}

	body.imotigreece-design.ig-account .btn-submit-property:hover {
		transform: none;
	}
}