/* ==========================================================================
   Baliimoti Design — Футър
   Спецификация: design/DESIGN.md §4, §8 (Футър).
   Само визуален слой: съдържанието (демо данните на G5) се изчиства отделно.
   Стойности — само от tokens.css. !important — само срещу Elementor/тема.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Обвивка — тъмна повърхност
   -------------------------------------------------------------------------- */
.main-footer-wrapper {
	background-color: var(--bd-surface-dark);
	color: var(--bd-text-on-dark-soft);
	font-family: var(--bd-font-body);
	font-size: var(--bd-fs-body-sm);
	line-height: var(--bd-lh-body);
}

.main-footer a {
	color: var(--bd-text-on-dark-soft);
	text-decoration: none;
	transition: color var(--bd-t-base) var(--bd-ease);
}

.main-footer a:hover {
	color: var(--bd-text-on-dark);
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* Горна лента с бюлетин (Elementor) — махаме оранжевото на темата.
   !important: Elementor генерира селектор с по-висока специфичност. */
.main-footer-wrapper .footer-above-wrapper .elementor-section {
	background-color: var(--bd-primary) !important;
}

/* --------------------------------------------------------------------------
   2. Колони — 12-колонна мрежа (4/2/3/3), една колона под 768px
   -------------------------------------------------------------------------- */
.main-footer .footer-inner {
	padding-top: var(--bd-s-9);
	padding-bottom: var(--bd-s-6);
}

/* Темата рисува тъмна лента (#191919) зад първата колона (footer-bg-2-colors).
   Махаме я, за да е футърът една равномерна тъмна повърхност. */
.main-footer-wrapper.footer-bg-2-colors .footer-inner::before {
	content: none;
}

.main-footer .footer-inner > .row {
	display: grid;
	grid-template-columns: 1fr;
	column-gap: var(--bd-s-6);
	row-gap: var(--bd-s-7);
	margin-left: 0;
	margin-right: 0;
}

.main-footer .footer-inner > .row > .sidebar {
	float: none;
	width: auto;
	max-width: none;
	padding-left: 0;
	padding-right: 0;
}

.main-footer .sidebar + .sidebar {
	margin-top: 0;
}

@media screen and (min-width: 768px) {
	.main-footer .footer-inner > .row {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media screen and (min-width: 992px) {
	.main-footer .footer-inner > .row {
		grid-template-columns: repeat(12, minmax(0, 1fr));
	}

	.main-footer .footer-inner > .row > .sidebar {
		grid-column: span 4;
	}

	/* Когато има 4 колони (след изчистване на съдържанието): бранд 4/12,
	   навигация 2/12, услуги 3/12, контакти 3/12. */
	.main-footer .footer-inner > .row:has(> .sidebar:nth-child(4)) > .sidebar:nth-child(1) {
		grid-column: span 4;
	}

	.main-footer .footer-inner > .row:has(> .sidebar:nth-child(4)) > .sidebar:nth-child(2) {
		grid-column: span 2;
	}

	.main-footer .footer-inner > .row:has(> .sidebar:nth-child(4)) > .sidebar:nth-child(3) {
		grid-column: span 3;
	}

	.main-footer .footer-inner > .row:has(> .sidebar:nth-child(4)) > .sidebar:nth-child(4) {
		grid-column: span 3;
	}
}

/* --------------------------------------------------------------------------
   3. Заглавия на колони (eyebrow) и текст
   -------------------------------------------------------------------------- */
.main-footer .widget-title,
.main-footer .widget-title span {
	margin-bottom: var(--bd-s-4);
	border-bottom: 0;
	font-family: var(--bd-font-body);
	font-size: var(--bd-fs-caption);
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--bd-accent-light);
}

.main-footer .widget {
	margin-bottom: var(--bd-s-6);
}

.main-footer .widget_text .textwidget {
	color: var(--bd-text-on-dark-soft);
	font-size: var(--bd-fs-body-sm);
	line-height: var(--bd-lh-body);
}

/* --- Бранд колона: текстова марка BALIIMOTI вместо демо логото --- */
.main-footer .widget-logo img {
	display: none;
}

.main-footer .widget-logo > a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	margin-bottom: var(--bd-s-3);
}

.main-footer .widget-logo > a::after {
	content: 'BALIIMOTI';
	font-family: var(--bd-font-display);
	font-size: 32px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .16em;
	color: var(--bd-text-on-dark);
}

/* --- Социални икони --- */
.main-footer .social-profiles a i {
	color: var(--bd-text-on-dark);
}

.main-footer .social-profiles a:hover i {
	color: var(--bd-primary-darker);
	background-color: var(--bd-accent);
}

/* --------------------------------------------------------------------------
   4. Контакти (списък с икони) и списък с градове
   -------------------------------------------------------------------------- */
.main-footer .footer-get-in-touch li {
	display: flex;
	align-items: flex-start;
	gap: var(--bd-s-3);
	margin-bottom: var(--bd-s-3);
	font-size: var(--bd-fs-body-sm);
	line-height: 1.6;
	color: var(--bd-text-on-dark-soft);
}

.main-footer .footer-get-in-touch li i {
	margin-top: 3px;
	color: var(--bd-accent-light);
}

.main-footer .ere__property-taxonomy-list a {
	color: var(--bd-text-on-dark-soft);
	font-size: var(--bd-fs-body-sm);
}

.main-footer .ere__property-taxonomy-list a:hover {
	color: var(--bd-text-on-dark);
}

.main-footer .ere__property-taxonomy-list i {
	color: var(--bd-accent-light);
}

/* --------------------------------------------------------------------------
   5. Форма за бюлетин (Fluent Forms) — инпути и бутон по DESIGN.md §4
   -------------------------------------------------------------------------- */
/* Бюлетинът е едноколонен: fieldset-ът не трябва да е grid (както при
   контактната форма), за да е полето на цялата ширина на колоната. */
.main-footer-wrapper .fluentform form > fieldset {
	display: block;
}

.main-footer-wrapper .fluentform .ff-el-group {
	margin-bottom: var(--bd-s-4);
}

.main-footer-wrapper .fluentform .ff-custom_html {
	margin-bottom: var(--bd-s-4);
	color: var(--bd-text-on-dark-soft);
	font-size: var(--bd-fs-body-sm);
	line-height: var(--bd-lh-body);
}

.main-footer-wrapper .fluentform .ff-el-input--label label {
	margin-bottom: 6px;
	font-family: var(--bd-font-body);
	font-size: 0.8125rem; /* 13px */
	font-weight: 600;
	letter-spacing: .01em;
	color: var(--bd-text-on-dark-soft);
}

.main-footer-wrapper .fluentform .ff-el-form-control {
	min-height: 48px;
	padding: 14px 16px;
	background-color: var(--bd-surface-card);
	border: 1px solid var(--bd-border);
	border-radius: var(--bd-radius);
	font-family: var(--bd-font-body);
	font-size: var(--bd-fs-body);
	font-weight: 400;
	color: var(--bd-text);
}

.main-footer-wrapper .fluentform .ff-el-form-control::placeholder {
	color: var(--bd-text-muted);
}

.main-footer-wrapper .fluentform .ff-el-form-control:focus {
	outline: none;
	border-color: var(--bd-primary);
	box-shadow: 0 0 0 3px var(--bd-focus-ring-soft);
}

/* Селекторът е умишлено по-специфичен: Fluent генерира за всеки формуляр
   `form.fluent_form_6 .ff-btn-submit:not(...) { background: var(--fluentform-primary) }`
   като inline <style> в тялото, който иначе пребоядисва бутона в синьо. */
.main-footer-wrapper .fluentform form .ff-btn-submit:not(.ff_btn_no_style) {
	min-height: 48px;
	padding: 0 var(--bd-s-6);
	/* Върху тъмно — Primary Light (ролята ѝ по DESIGN.md е „линкове върху тъмно");
	   чист --bd-primary е твърде близък до фона на футъра. */
	background-color: var(--bd-primary-light);
	border: 0;
	border-radius: var(--bd-radius);
	font-family: var(--bd-font-body);
	font-size: var(--bd-fs-body-sm);
	font-weight: 600;
	letter-spacing: .02em;
	color: var(--bd-text-on-dark);
	transition: background-color var(--bd-t-base) var(--bd-ease),
		box-shadow var(--bd-t-base) var(--bd-ease),
		transform var(--bd-t-fast) var(--bd-ease);
}

.main-footer-wrapper .fluentform form .ff-btn-submit:not(.ff_btn_no_style):hover {
	background-color: var(--bd-primary);
	box-shadow: var(--bd-shadow-2);
	transform: translateY(-1px);
}

.main-footer-wrapper .fluentform form .ff-btn-submit:not(.ff_btn_no_style):active {
	transform: translateY(1px);
}

/* --------------------------------------------------------------------------
   6. Долен ред — разделител и копирайт
   -------------------------------------------------------------------------- */
.main-footer-wrapper .bottom-bar-wrapper {
	background-color: transparent;
	border-top: 1px solid rgba(255, 255, 255, .12);
	color: var(--bd-text-on-dark-faint);
}

.main-footer-wrapper .bottom-bar-inner {
	padding-top: var(--bd-s-5);
	padding-bottom: var(--bd-s-5);
	font-size: var(--bd-fs-caption);
}

.main-footer-wrapper .bottom-bar-wrapper .text-color-accent {
	color: var(--bd-accent-light);
}

/* --------------------------------------------------------------------------
   7. Достъпност
   -------------------------------------------------------------------------- */
.main-footer a:focus-visible,
.main-footer-wrapper .fluentform .ff-el-form-control:focus-visible,
.main-footer-wrapper .fluentform .ff-btn-submit:focus-visible {
	outline: none;
	box-shadow: 0 0 0 3px var(--bd-focus-ring);
	border-radius: var(--bd-radius-sm);
}

@media (prefers-reduced-motion: reduce) {
	.main-footer a,
	.main-footer-wrapper .fluentform .ff-btn-submit {
		transition: none;
	}
}

/* --------------------------------------------------------------------------
   8. Банерът за бюлетин над футъра — скрит

   Това е Elementor шаблонът „Above Footer Mailchimp" (пост 194), който се
   показва на всяка страница. Проблеми:
     · дублира бюлетина, който вече стои във футъра (и той работи — Fluent Forms);
     · абонаментът в банера е на Mailchimp без конфигуриран ключ, т.е. не работи;
     · бяха останали демо икона и английски текст от доставчика G5.

   Скриваме го, вместо да поддържаме два конкуриращи се бюлетина.
   За връщане: махни този блок (текстовете вече са на български).
   -------------------------------------------------------------------------- */
.elementor-194 {
	display: none;
}