/* ==========================================================================
   imotigreece-design — Компоненти
   Бутони (+ презапис на theme/ERE), карти, баджове, тагове, пагинация,
   breadcrumb, акордеон. Стойности: само var(--ig-...). DESIGN.md §4
   ========================================================================== */

/* --- Бутони ------------------------------------------------------------- */
.ig-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--ig-s-2);
	padding: 16px 32px;
	min-height: 48px;
	font-family: var(--ig-font-body);
	font-size: var(--ig-fs-body-sm);
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0.02em;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	border: 1px solid transparent;
	border-radius: var(--ig-radius);
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	transition: background-color var(--ig-t-base) ease,
		border-color var(--ig-t-base) ease,
		color var(--ig-t-base) ease,
		transform var(--ig-t-fast) ease,
		box-shadow var(--ig-t-base) ease;
}

.ig-btn:focus-visible {
	outline: none;
	box-shadow: 0 0 0 3px var(--ig-focus-ring);
}

.ig-btn:disabled,
.ig-btn.is-disabled,
.ig-btn[aria-disabled="true"] {
	background-color: var(--ig-border);
	border-color: transparent;
	color: var(--ig-text-muted);
	box-shadow: none;
	transform: none;
	cursor: not-allowed;
	pointer-events: none;
}

/* Primary */
.ig-btn--primary {
	background-color: var(--ig-primary);
	color: var(--ig-text-on-dark);
	box-shadow: var(--ig-shadow-1);
}

/* Темата заключва цвета на ВСИЧКИ линкове с по-висока специфичност от един
   клас (`a` правилата в style.css). Затова бутон, който е <a> — а това са
   повечето — губеше белия текст и ставаше невидим върху собствения си фон
   (текст и фон с еднакъв цвят). Двойният клас вдига специфичността над
   темата; същият похват е използван и при ERE бутоните.
   Бутоните от тип <button> не бяха засегнати, защото `a` правилата не ги хващат. */
.ig-btn.ig-btn--primary,
.ig-btn.ig-btn--primary:hover,
.ig-btn.ig-btn--primary:focus {
	color: var(--ig-text-on-dark);
}
.ig-btn--primary:hover {
	background-color: var(--ig-primary-dark);
	color: var(--ig-text-on-dark);
	box-shadow: var(--ig-shadow-2);
	transform: translateY(-1px);
}
.ig-btn--primary:active {
	background-color: var(--ig-primary-darker);
	box-shadow: var(--ig-shadow-1);
	transform: translateY(1px);
}

/* Secondary (контурен) */
.ig-btn--secondary {
	background-color: transparent;
	color: var(--ig-primary);
	border-color: var(--ig-primary);
	padding: 15px 31px;
}
.ig-btn--secondary:hover {
	background-color: var(--ig-primary);
	color: var(--ig-text-on-dark);
}
.ig-btn--secondary:active {
	background-color: var(--ig-primary-dark);
	border-color: var(--ig-primary-dark);
	transform: translateY(1px);
}

/* Accent (едно действие на екран) */
.ig-btn--accent {
	background-color: var(--ig-accent-dark);
	color: var(--ig-text-on-dark);
	box-shadow: var(--ig-shadow-1);
}
.ig-btn--accent:hover {
	background-color: var(--ig-accent-darker);
	color: var(--ig-text-on-dark);
	box-shadow: var(--ig-shadow-2);
	transform: translateY(-1px);
}
.ig-btn--accent:active {
	background-color: var(--ig-accent-darker);
	transform: translateY(1px);
}

/* Ghost (върху снимка) — rgba върху бяло е разрешено за overlay */
.ig-btn--ghost {
	background-color: rgba(255, 255, 255, 0.1);
	color: var(--ig-text-on-dark);
	border-color: rgba(255, 255, 255, 0.45);
	padding: 15px 31px;
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
}
.ig-btn--ghost:hover {
	background-color: rgba(255, 255, 255, 0.18);
	color: var(--ig-text-on-dark);
}

/* Компактен вариант */
.ig-btn--sm {
	padding: 12px 24px;
	min-height: 44px;
	font-size: var(--ig-fs-small);
	letter-spacing: 0.02em;
}

.ig-btn--block {
	display: flex;
	width: 100%;
}

/* --- Презапис на бутоните на темата и ERE ---------------------------------
   Темата боядисва бутоните през wrapper-селектори с по-висока специфичност
   (напр. .beyot-class .ere-login-wrap .btn-primary = 0,3,0) и през --g5-* /
   --e-global-color-* променливите на Elementor. Геометрията се хваща по
   нормалния път; цветовете тук носят !important, защото иначе бутоните
   остават в акцента на темата (праскова #f9b990) вместо в бранда. */
body.imotigreece-design .btn,
body.imotigreece-design .ere-advanced-search-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--ig-s-2);
	padding: 16px 32px;
	min-height: 48px;
	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;
	text-decoration: none;
	border: 1px solid transparent;
	border-radius: var(--ig-radius);
	cursor: pointer;
	box-shadow: none;
	transition: background-color var(--ig-t-base) ease,
		border-color var(--ig-t-base) ease,
		color var(--ig-t-base) ease,
		transform var(--ig-t-fast) ease,
		box-shadow var(--ig-t-base) ease;
}

body.imotigreece-design .btn:focus-visible {
	outline: none;
	box-shadow: 0 0 0 3px var(--ig-focus-ring);
}

body.imotigreece-design .btn-primary,
body.imotigreece-design .ere-advanced-search-btn {
	background-color: var(--ig-primary) !important;
	border-color: var(--ig-primary) !important;
	color: var(--ig-text-on-dark) !important;
	box-shadow: var(--ig-shadow-1);
}
body.imotigreece-design .btn-primary:hover,
body.imotigreece-design .ere-advanced-search-btn:hover {
	background-color: var(--ig-primary-dark) !important;
	border-color: var(--ig-primary-dark) !important;
	color: var(--ig-text-on-dark) !important;
	transform: translateY(-1px);
}
body.imotigreece-design .btn-primary:active,
body.imotigreece-design .ere-advanced-search-btn:active {
	background-color: var(--ig-primary-darker) !important;
	transform: translateY(1px);
}

body.imotigreece-design .btn-default,
body.imotigreece-design .btn-dark {
	background-color: transparent !important;
	border-color: var(--ig-primary) !important;
	color: var(--ig-primary) !important;
}
body.imotigreece-design .btn-default:hover,
body.imotigreece-design .btn-dark:hover {
	background-color: var(--ig-primary) !important;
	border-color: var(--ig-primary) !important;
	color: var(--ig-text-on-dark) !important;
}

body.imotigreece-design .btn-success {
	background-color: var(--ig-success) !important;
	border-color: var(--ig-success) !important;
	color: var(--ig-text-on-dark) !important;
}
body.imotigreece-design .btn-success:hover {
	background-color: var(--ig-secondary-dark) !important;
	border-color: var(--ig-secondary-dark) !important;
	color: var(--ig-text-on-dark) !important;
}

/* Дребни варианти — пазят 44px touch target */
body.imotigreece-design .btn-sm,
body.imotigreece-design .btn-xs {
	padding: 10px 18px;
	min-height: 44px;
	font-size: var(--ig-fs-small);
}

body.imotigreece-design .btn-block {
	display: flex;
	width: 100%;
}

/* Стрелки на ERE (галерия/пагинация) */
body.imotigreece-design .ere-btn-next,
body.imotigreece-design .ere-btn-prev,
body.imotigreece-design .ere-btn-arrow,
body.imotigreece-design .ere-btn-edit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	min-height: 44px;
	padding: 0 var(--ig-s-3);
	border: 1px solid var(--ig-border);
	border-radius: var(--ig-radius);
	background-color: var(--ig-surface-card) !important;
	color: var(--ig-text-secondary) !important;
	transition: background-color var(--ig-t-base) ease, border-color var(--ig-t-base) ease;
}
body.imotigreece-design .ere-btn-next:hover,
body.imotigreece-design .ere-btn-prev:hover,
body.imotigreece-design .ere-btn-arrow:hover,
body.imotigreece-design .ere-btn-arrow.active,
body.imotigreece-design .ere-btn-edit:hover {
	background-color: var(--ig-primary) !important;
	border-color: var(--ig-primary) !important;
	color: var(--ig-text-on-dark) !important;
}

/* Историческо — старите страници още не са заменени; маха се с Elementor */
body.imotigreece-design .elementor-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--ig-s-2);
	padding: 16px 32px;
	min-height: 48px;
	font-family: var(--ig-font-body);
	font-size: var(--ig-fs-body-sm);
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0.02em;
	background-color: var(--ig-primary) !important;
	border: 0;
	border-radius: var(--ig-radius);
	color: var(--ig-text-on-dark) !important;
	text-decoration: none;
	transition: background-color var(--ig-t-base) ease, transform var(--ig-t-fast) ease;
}
body.imotigreece-design .elementor-button:hover {
	background-color: var(--ig-primary-dark) !important;
	transform: translateY(-1px);
}
body.imotigreece-design .elementor-button:focus-visible {
	outline: none;
	box-shadow: 0 0 0 3px var(--ig-focus-ring);
}

/* Бисквитки на real-estate-individual */
body.imotigreece-design .rei-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 12px 24px;
	font-family: var(--ig-font-body);
	font-size: var(--ig-fs-small);
	font-weight: 600;
	border: 1px solid transparent;
	border-radius: var(--ig-radius);
	cursor: pointer;
}
body.imotigreece-design .rei-btn-accept {
	background-color: var(--ig-primary) !important;
	color: var(--ig-text-on-dark) !important;
}
body.imotigreece-design .rei-btn-reject,
body.imotigreece-design .rei-btn-settings {
	background-color: transparent !important;
	border-color: var(--ig-text-on-dark-soft) !important;
	color: var(--ig-text-on-dark) !important;
}

/* --- Карта -------------------------------------------------------------- */
.ig-card {
	display: flex;
	flex-direction: column;
	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;
	transition: transform var(--ig-t-slow) ease, box-shadow var(--ig-t-slow) ease;
}

.ig-card:hover {
	transform: translateY(-3px);
	box-shadow: var(--ig-shadow-3);
}

.ig-card__media {
	display: block;
	position: relative;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	background-color: var(--ig-surface-alt);
}

.ig-card__media--3x2 {
	aspect-ratio: 3 / 2;
}

.ig-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 600ms var(--ig-ease);
}

.ig-card:hover .ig-card__media img {
	transform: scale(1.04);
}

.ig-card__badge {
	position: absolute;
	top: var(--ig-s-3);
	left: var(--ig-s-3);
	z-index: var(--ig-z-base);
}

.ig-card__body {
	padding: 20px 20px 18px;
}

.ig-card__title {
	font-size: var(--ig-fs-card-title);
	font-weight: 600;
	line-height: 1.35;
	color: var(--ig-text);
}

.ig-card a.ig-card__link {
	text-decoration: none;
}

/* --- Бадж --------------------------------------------------------------- */
.ig-badge {
	display: inline-block;
	padding: 5px 10px;
	font-family: var(--ig-font-body);
	font-size: 0.6875rem;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	border-radius: var(--ig-radius-sm);
	background-color: var(--ig-primary);
	color: var(--ig-text-on-dark);
}

.ig-badge--accent {
	background-color: var(--ig-accent-dark);
}

.ig-badge--secondary {
	background-color: var(--ig-secondary);
}

/* --- Тагове и филтри (правоъгълни, НЕ pill) ---------------------------- */
.ig-tag,
.ig-filter {
	display: inline-flex;
	align-items: center;
	gap: var(--ig-s-1);
	padding: 8px 14px;
	font-family: var(--ig-font-body);
	font-size: var(--ig-fs-caption);
	font-weight: 500;
	line-height: 1.2;
	color: var(--ig-text-tertiary);
	background-color: var(--ig-surface-card);
	border: 1px solid var(--ig-border);
	border-radius: var(--ig-radius-sm);
	text-decoration: none;
	cursor: pointer;
	transition: background-color var(--ig-t-base) ease,
		border-color var(--ig-t-base) ease, color var(--ig-t-base) ease;
}

.ig-filter {
	min-height: 44px;
	padding-inline: var(--ig-s-4);
}

.ig-tag:hover,
.ig-filter:hover {
	border-color: var(--ig-primary);
	color: var(--ig-primary);
}

.ig-tag:focus-visible,
.ig-filter:focus-visible {
	outline: none;
	box-shadow: 0 0 0 3px var(--ig-focus-ring);
}

.ig-tag.is-active,
.ig-filter.is-active,
.ig-filter[aria-pressed="true"] {
	background-color: var(--ig-primary);
	border-color: var(--ig-primary);
	color: var(--ig-text-on-dark);
}

/* --- Пагинация ---------------------------------------------------------- */
.ig-pagination {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--ig-s-2);
}

.ig-pagination a,
.ig-pagination span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	min-height: 44px;
	padding: 0 var(--ig-s-3);
	font-size: var(--ig-fs-body-sm);
	font-weight: 500;
	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: background-color var(--ig-t-base) ease,
		border-color var(--ig-t-base) ease, color var(--ig-t-base) ease;
}

.ig-pagination a:hover {
	background-color: var(--ig-primary);
	border-color: var(--ig-primary);
	color: var(--ig-text-on-dark);
	text-decoration: none;
}

.ig-pagination a:focus-visible {
	outline: none;
	box-shadow: 0 0 0 3px var(--ig-focus-ring);
}

.ig-pagination .is-current,
.ig-pagination [aria-current="page"] {
	background-color: var(--ig-primary);
	border-color: var(--ig-primary);
	color: var(--ig-text-on-dark);
}

.ig-pagination .is-disabled,
.ig-pagination [aria-disabled="true"] {
	color: var(--ig-text-muted);
	background-color: var(--ig-surface-alt);
	border-color: var(--ig-border-subtle);
	pointer-events: none;
}

/* --- Breadcrumb --------------------------------------------------------- */
.ig-breadcrumb {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--ig-s-2);
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: var(--ig-fs-small);
	color: var(--ig-text-tertiary);
}

.ig-breadcrumb li {
	display: inline-flex;
	align-items: center;
	gap: var(--ig-s-2);
	margin: 0;
}

.ig-breadcrumb a {
	color: var(--ig-text-tertiary);
	text-decoration: none;
}

.ig-breadcrumb a:hover {
	color: var(--ig-link-hover);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.ig-breadcrumb [aria-current="page"] {
	color: var(--ig-text);
}

.ig-breadcrumb__sep {
	color: var(--ig-text-muted);
}

/* --- Акордеон (FAQ) ----------------------------------------------------- */
.ig-accordion {
	border-top: 1px solid var(--ig-border-subtle);
}

.ig-accordion__item {
	border-bottom: 1px solid var(--ig-border-subtle);
}

.ig-accordion__trigger {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--ig-s-4);
	width: 100%;
	min-height: 44px;
	padding: var(--ig-s-5) 0;
	font-family: var(--ig-font-body);
	font-size: var(--ig-fs-subhead);
	font-weight: 600;
	line-height: 1.4;
	text-align: left;
	color: var(--ig-text);
	background: none;
	border: 0;
	cursor: pointer;
}

.ig-accordion__trigger:focus-visible {
	outline: none;
	box-shadow: 0 0 0 3px var(--ig-focus-ring);
	border-radius: var(--ig-radius-sm);
}

.ig-accordion__icon {
	flex: none;
	width: 10px;
	height: 10px;
	margin-top: -6px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(45deg);
	transition: transform var(--ig-t-base) ease;
}

.ig-accordion__trigger[aria-expanded="true"] .ig-accordion__icon {
	margin-top: 6px;
	transform: rotate(-135deg);
}

.ig-accordion__panel {
	padding-bottom: var(--ig-s-5);
}

.ig-accordion__panel[hidden] {
	display: none;
}

/* ==========================================================================
   Мярка на реда — четим стълб за текстовите страници

   `.entry-content` върви по цялата ширина на контейнера: 1184px при 1440.
   Golos Text 16px има средна ширина на знака 8,84px, тоест 134 знака на ред
   (измерено в браузър на 10 страници). Оптимумът за четене е 45–75;
   40rem = 640px дава ~72 знака.

   Стесняват се САМО текстови блокове. Остават по цялата ширина:
   · `table` — не е в селектора: спецификации и сравнения искат ширина
     (проверено: 1184px на `/kak-rabotim/`, `/riskove/`, `/narachniczi/`,
     `/investiczii-v-garacziya/` — с по 1–3 таблици);
   · формуляри — Gravity Forms рендира `<div class="gform_wrapper">` като
     ДИРЕКТЕН child на `.entry-content`, а полетата са вътре в него; `>`
     не ги хваща. Проверено: 0 директни `<ul>`/`<ol>` с полета на 14 страници;
   · всякакви `<div>` панели, галерии и широки блокове — също не са в селектора.

   Изключени контексти: началната (собствена композиция; текстът ѝ вече е
   541px и `margin-inline:auto` щеше да я размести), блог архивът, архивите
   (имоти, таксономии), единичната публикация и единичният имот (`body.single`),
   търсенето и 404.

   Защо `single`: публикацията вече има собствен тесен стълб от blog.css
   (`.single-blog-wrap`, 760px = `--ig-container-narrow`). Той обаче обхваща
   и препоръчаното изображение и метаданните, които са ИЗВЪН `.entry-content`.
   Общото правило стеснява само текста и изображението остава 760 — получаваше
   се разминаване на левия ръб, каквото преди нямаше. Двете се местят заедно
   или нито едно.

   `:where()` в `:not()` дава нулева специфичност на изключванията, така че
   селекторът остава (0,2,2) — точно колкото е нужно, за да надделее над
   `body.imotigreece-design p` в base.css, без да засенчва blog.css.
   ========================================================================== */
body.imotigreece-design:not(:where(.home, .blog, .archive, .search, .single, .error404)) .entry-content > :is(p, ul, ol, h2, h3, h4, h5, h6, blockquote, figure) {
	max-width: var(--ig-measure);
	margin-inline: auto;
}

/* --- Вертикален ритъм на заглавията -------------------------------------
   `h2` идваше с `margin-top: 0` (base.css, `h1…h6 { margin: 0 0 … }`), значи
   нова тема стоеше на 20px от предишния абзац — колкото е и разстоянието
   между редовете на текста. Заглавие, което не се отделя, не разделя.

   Стълбицата: заглавие→текст 12px (h3), абзац→следващо заглавие 48px,
   абзац→нова голяма тема clamp(64…112px). Разликите се виждат, значи темата
   се разчита като тема, а подзаглавието — като част от текста си.
   Същите стойности важат и за ЧЗВ страницата — виж по-долу. */
body.imotigreece-design:not(:where(.home, .blog, .archive, .search, .single, .error404)) .entry-content > h2 {
	margin-top: var(--ig-section-y);
}

body.imotigreece-design:not(:where(.home, .blog, .archive, .search, .single, .error404)) .entry-content > h2:first-of-type {
	margin-top: var(--ig-s-8);
}

body.imotigreece-design:not(:where(.home, .blog, .archive, .search, .single, .error404)) .entry-content > h3 {
	margin-top: var(--ig-s-7);
	margin-bottom: var(--ig-s-3);
}

/* Подзаглавие веднага под тема върви по-близо до нея, отколкото до предишната */
body.imotigreece-design:not(:where(.home, .blog, .archive, .search, .single, .error404)) .entry-content > h2 + h3 {
	margin-top: var(--ig-s-6);
}

/* --- Дишане около съдържанието на вътрешните страници --------------------
   Темата дава вертикален отстъп на `#primary-content` през класовете
   `pd-top-100` / `pd-bottom-100` — но не навсякъде. Измерено на 24 страници:
   21 ги имат, а `/contact/`, `/faqs/` и началната не. Там съдържанието
   залепваше за долния ръб на банера и за футъра (0px и отгоре, и отдолу).

   Отстъп се добавя САМО където липсва: иначе страниците, които вече имат
   100px, щяха да станат 172px. Началната е изключена — собствена композиция. */
body.imotigreece-design:not(.home) #primary-content:not([class*="pd-top-"]) {
	padding-top: var(--ig-section-y-sm);
}

body.imotigreece-design:not(.home) #primary-content:not([class*="pd-bottom-"]) {
	padding-bottom: var(--ig-section-y-sm);
}

/* ==========================================================================
   ЧЗВ страница (`/faqs/`) — водещ абзац и индекс на въпросите

   Мярката на реда, вертикалният ритъм и отстъпът на `#primary-content` идват
   от общите правила по-горе. Тук е само онова, което е специфично за ЧЗВ-то:
   въпросите са `<h3>въпрос</h3>` + `<p>отговор</p>` в 6 теми `<h2 id>`, а
   под увода стои индекс от „сид" връзки. Текстът НЕ се пипа.

   Скоупът е `body.imotigreece-design.ig-faqs` (класът идва от плъгина при
   `is_page('faqs')`, както при FAQ схемата) — по слуг, не по ID, защото ID-то
   се сменя при пренасяне на базата.
   ========================================================================== */

/* --- 1. Водещ абзац -----------------------------------------------------
   Първият абзац е представянето на страницата — върви едро (DESIGN.md §3,
   „Body Large", 18px). */
body.imotigreece-design.ig-faqs .entry-content > p:first-child {
	font-size: var(--ig-fs-lead);
	line-height: 1.6;
}

/* --- 2. Индексът на въпросите -------------------------------------------
   Беше списък с дискчета и връзки по 17px. Става индекс с разделители и
   редове по 44px — минимумът за докосване (DESIGN.md §8). */
body.imotigreece-design.ig-faqs .entry-content > ul {
	padding-left: 0;
}

body.imotigreece-design.ig-faqs .entry-content > ul > li {
	margin-bottom: 0;
}

/* Дискчето се маха през ::marker, а НЕ през `list-style: none`: WebKit губи
   семантиката на списъка при `none` и екранният четец спира да съобщава
   „списък с 6 елемента". Празният маркер е извън съдържателната кутия, значи
   не заема място. */
body.imotigreece-design.ig-faqs .entry-content > ul > li::marker {
	content: "";
}

body.imotigreece-design.ig-faqs .entry-content > ul a {
	display: flex;
	align-items: center;
	min-height: 44px;
	padding: var(--ig-s-3) 0;
	font-size: var(--ig-fs-body-sm);
	font-weight: 500;
	color: var(--ig-link);
	border-top: 1px solid var(--ig-border-subtle);
}

body.imotigreece-design.ig-faqs .entry-content > ul > li:last-child a {
	border-bottom: 1px solid var(--ig-border-subtle);
}

/* --- Уважаване на prefers-reduced-motion -------------------------------- */
@media (prefers-reduced-motion: reduce) {
	.ig-btn,
	.ig-card,
	.ig-card__media img,
	.ig-accordion__icon,
	body.imotigreece-design .btn,
	body.imotigreece-design .elementor-button {
		transition: none;
	}
	.ig-btn:hover,
	.ig-btn--primary:active,
	.ig-btn--accent:hover,
	.ig-btn--accent:active,
	.ig-btn--secondary:active,
	.ig-card:hover,
	.ig-card:hover .ig-card__media img,
	body.imotigreece-design .btn-primary:hover,
	body.imotigreece-design .elementor-button:hover {
		transform: none;
	}
}