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

   Markup-ът идва от imotigreece-design.php (imotigreece_render_footer), закачен
   на куката `g5plus_main_wrapper_footer` — вътре в тематичния
   `<footer class="main-footer-wrapper">`. Затова:
     · тъмната повърхност се дава тук, на обвивката (§1);
     · структурата пази класовете на темата (.main-footer .footer-inner .row
       .sidebar, .bottom-bar-wrapper .bottom-bar-inner), за да работи и ако
       футърът някога стане widgetized.

   ЗАЩО СЕЛЕКТОРИТЕ СА С ПРЕФИКС `body.imotigreece-design`:
   base.css задава `body.imotigreece-design a` (0,1,2) и `body.imotigreece-design
   h2` (0,1,2). Без префикс .main-footer a (0,1,1) и .ig-footer__title (0,1,0)
   губят от тях и текстът във футъра излиза с цвета на линка върху светъл фон
   (нечетим върху #122A38). С префикса нашите правила са (0,2,2) и (0,3,2).

   Иконите са Font Awesome 6 — вече зареден от Essential Real Estate, не е
   нова зависимост.
   ========================================================================== */

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

/* Темата може да е оставила светъл фон на .main-footer — тук е прозрачен. */
body.imotigreece-design .main-footer {
	background-color: transparent;
	color: inherit;
}

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

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

/* Иконите не са курсив — base.css дава font-style: italic на всеки <i>. */
body.imotigreece-design .main-footer i {
	font-style: normal;
}

/* --------------------------------------------------------------------------
   2. Мрежа — 1 колона <768 · 2 колони 768–991 · 4 колони ≥992
   Ширини по DESIGN.md §9: бранд 4/12, навигация 2/12, райони 3/12, контакти 3/12
   -------------------------------------------------------------------------- */
body.imotigreece-design .main-footer .footer-inner {
	padding-top: var(--ig-s-9);
	padding-bottom: var(--ig-s-6);
}

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

/* Неутрализиране на Bootstrap .sidebar (float/ширина/падिंг от темата). */
body.imotigreece-design .main-footer .footer-inner > .row > .sidebar {
	float: none;
	width: auto;
	max-width: none;
	margin-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	background: none;
	border: 0;
}

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

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

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

	/* При четири колони: бранд 4/12 · навигация 2/12 · райони 3/12 · контакти 3/12 */
	body.imotigreece-design .main-footer .footer-inner > .row:has(> .sidebar:nth-child(4)) > .sidebar:nth-child(1) {
		grid-column: span 4;
	}

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

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

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

/* --------------------------------------------------------------------------
   3. Заглавие на колона (eyebrow) — Golos 12px 700 UPPERCASE, теракота светла
   Бележка: заглавието е <h2>, затова тук се презаписва и display-типографията
   на base.css (Playfair 44px) — футърът няма нужда от hero-заглавие.
   -------------------------------------------------------------------------- */
body.imotigreece-design .main-footer .ig-footer__title,
body.imotigreece-design .main-footer .widget-title {
	margin: 0 0 var(--ig-s-4);
	border-bottom: 0;
	font-family: var(--ig-font-body);
	font-size: var(--ig-fs-caption); /* 12px */
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: .14em;
	text-transform: uppercase;
	text-wrap: wrap;
	color: var(--ig-accent-light); /* 6.93:1 върху #122A38 */
}

/* --------------------------------------------------------------------------
   4. Бранд колона — текстова марка, позициониране, канали
   -------------------------------------------------------------------------- */
body.imotigreece-design .ig-footer__wordmark {
	display: inline-flex;
	align-items: center;
	min-height: 44px; /* тъч-цел по DESIGN.md §8 */
	margin-bottom: var(--ig-s-2);
	font-family: var(--ig-font-display); /* 28px ≥ прага за Playfair */
	font-size: 28px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--ig-text-on-dark);
}

body.imotigreece-design .main-footer a.ig-footer__wordmark:hover {
	color: var(--ig-text-on-dark);
	text-decoration: none;
}

body.imotigreece-design .ig-footer__tagline {
	max-width: 30ch;
	margin: 0 0 var(--ig-s-5);
	font-size: var(--ig-fs-body-sm);
	line-height: 1.6;
	color: var(--ig-text-on-dark-soft);
}

body.imotigreece-design .ig-footer__channels,
body.imotigreece-design .ig-footer__list,
body.imotigreece-design .ig-footer__contacts,
body.imotigreece-design .ig-footer__legal ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

body.imotigreece-design .ig-footer__channels li + li {
	margin-top: var(--ig-s-1);
}

body.imotigreece-design .ig-footer__channels a {
	display: inline-flex;
	align-items: center;
	gap: var(--ig-s-3);
	min-height: 44px; /* тъч-цел по DESIGN.md §8 */
}

body.imotigreece-design .ig-footer__channels i {
	width: 16px;
	font-size: 0.875rem;
	color: var(--ig-accent-light);
	text-align: center;
}

/* --------------------------------------------------------------------------
   5. Списъци — навигация и райони
   -------------------------------------------------------------------------- */
body.imotigreece-design .ig-footer__list li {
	margin: 0;
}

body.imotigreece-design .ig-footer__list a {
	display: inline-flex;
	align-items: center;
	min-height: 44px; /* тъч-цел по DESIGN.md §8 */
	overflow-wrap: break-word;
}

/* „Всички райони…" / „Страница за контакти" — второстепенна връзка */
body.imotigreece-design .ig-footer__more {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	margin-top: var(--ig-s-2);
	font-size: var(--ig-fs-small);
	font-weight: 600;
	color: var(--ig-accent-light); /* 6.93:1 върху #122A38 */
}

body.imotigreece-design .main-footer a.ig-footer__more:hover {
	color: var(--ig-text-on-dark);
}

/* --------------------------------------------------------------------------
   6. Контакти — икона + стойност (данните са от /contact/, дословно)
   -------------------------------------------------------------------------- */
body.imotigreece-design .ig-footer__contacts li {
	display: flex;
	align-items: center;
	gap: var(--ig-s-3);
	min-height: 44px;
	font-size: var(--ig-fs-body-sm);
	line-height: 1.6;
}

body.imotigreece-design .ig-footer__contacts i {
	flex: 0 0 auto;
	width: 16px;
	font-size: 0.875rem;
	color: var(--ig-accent-light);
	text-align: center;
}

body.imotigreece-design .ig-footer__contacts span {
	min-width: 0;
	overflow-wrap: anywhere;
}

body.imotigreece-design .ig-footer__contacts a {
	display: inline-flex;
	align-items: center;
	min-height: 44px; /* тъч-цел по DESIGN.md §8 */
}

/* Етикетът „Гърция:" / „България:" е в отделен span и линкът е inline-flex →
   интервалът между двата елемента се свива, затова отстъпът е явен. */
body.imotigreece-design .ig-footer__label {
	margin-right: var(--ig-s-1);
	color: var(--ig-text-on-dark-faint); /* 5.49:1 — AA за малък текст */
}

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

body.imotigreece-design .main-footer-wrapper .bottom-bar-inner {
	display: flex;
	flex-direction: column;
	gap: var(--ig-s-3);
	padding-top: var(--ig-s-5);
	padding-bottom: var(--ig-s-5);
	font-size: var(--ig-fs-caption);
}

@media screen and (min-width: 768px) {
	body.imotigreece-design .main-footer-wrapper .bottom-bar-inner {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		gap: var(--ig-s-5);
	}
}

body.imotigreece-design .ig-footer__copy {
	margin: 0;
	font-size: var(--ig-fs-caption);
	color: var(--ig-text-on-dark-faint);
}

body.imotigreece-design .ig-footer__legal ul {
	display: flex;
	flex-wrap: wrap;
	gap: var(--ig-s-1) var(--ig-s-5);
}

body.imotigreece-design .ig-footer__legal a {
	display: inline-flex;
	align-items: center;
	min-height: 44px; /* тъч-цел по DESIGN.md §8 */
	color: var(--ig-text-on-dark-faint);
}

body.imotigreece-design .ig-footer__legal a:hover {
	color: var(--ig-text-on-dark);
}

/* --------------------------------------------------------------------------
   8. Форма за бюлетин (Fluent Forms) — по DESIGN.md §4 (инпути, бутон)
   Ползва се, когато футърът стане widgetized с форма за абонамент.
   -------------------------------------------------------------------------- */
body.imotigreece-design .main-footer-wrapper .fluentform form > fieldset {
	display: block;
}

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

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

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

body.imotigreece-design .main-footer-wrapper .fluentform .ff-el-form-control {
	min-height: 48px;
	padding: 14px 16px;
	background-color: var(--ig-surface-card);
	border: 1px solid var(--ig-border);
	border-radius: var(--ig-radius);
	font-family: var(--ig-font-body);
	font-size: var(--ig-fs-body); /* 16px — без zoom на iOS */
	font-weight: 400;
	color: var(--ig-text);
}

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

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

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

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

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

/* --------------------------------------------------------------------------
   9. Достъпност — фокусен пръстен на всеки интерактивен елемент
   -------------------------------------------------------------------------- */
body.imotigreece-design .main-footer a:focus-visible,
body.imotigreece-design .main-footer-wrapper .fluentform .ff-el-form-control:focus-visible,
body.imotigreece-design .main-footer-wrapper .fluentform .ff-btn-submit:focus-visible {
	outline: none;
	box-shadow: 0 0 0 3px var(--ig-focus-ring);
	border-radius: var(--ig-radius-sm);
}

body.imotigreece-design .main-footer-wrapper .ig-footer__legal a:focus-visible,
body.imotigreece-design .main-footer-wrapper .ig-footer__more:focus-visible {
	border-radius: var(--ig-radius-sm);
}

/* --------------------------------------------------------------------------
   10. Движение — зачита се prefers-reduced-motion
   -------------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
	body.imotigreece-design .main-footer a,
	body.imotigreece-design .main-footer-wrapper .fluentform .ff-btn-submit {
		transition: none;
	}
}