/**
 * Зелёная тема клиентской части (под логотип OneTV).
 *
 * Включается атрибутом <html data-theme="green"> (см. layouts/app.blade.php, public/js/theme.js).
 * style.css шаблона не меняем — здесь только переопределения цветов.
 *
 * Все правила обёрнуты в :where(html[data-theme="green"]) — :where() не добавляет специфичности,
 * поэтому каскад шаблона сохраняется (например, .context-dark .map-marker по-прежнему сильнее
 * .map-marker), а при равной специфичности побеждает этот файл, т.к. подключён после style.css.
 *
 * Структура:
 *   1. Палитра (CSS-переменные)
 *   2. Правила шаблона, перекрашенные автоматически (все места #16b6d2, #ff6f80, #ffea5c и их оттенков,
 *      градиенты, rgba) — по одному на каждое правило style.css / bootstrap.css
 *   3. Ручная доводка: баннер, шапка на тёмном фоне, кнопки, тарифы, фоны секций и т.п.
 */

/* ===== 1. Палитра ===== */
html[data-theme="green"] {
	--theme-primary: #1a8021;          /* зелёный логотипа: кнопки, ссылки, иконки (белый текст — контраст 5:1) */
	--theme-primary-rgb: 26, 128, 33;
	--theme-primary-dark: #13631a;     /* hover */
	--theme-secondary: #8cc63f;        /* лайм вместо розового: акцентные кнопки (текст графитовый) */
	--theme-secondary-rgb: 140, 198, 63;
	--theme-secondary-dark: #76ad2c;
	--theme-secondary-text: #4a8c1c;   /* лайм для текста на белом (читаемый) */
	--theme-on-secondary: #1f2933;     /* текст на лаймовых кнопках */
	--theme-tertiary: #b5dd6e;         /* вместо жёлтого #ffea5c — акценты на тёмном фоне */
	--theme-accent: #8cc63f;           /* декоративные акценты, концы градиентов */
	--theme-accent-light: #a9d86b;     /* активные ссылки поверх тёмного фото */
	--theme-tint: #e7f3e2;             /* светлая мята: бейджи, круги у иконок */
	--theme-tint-2: #eef6dd;           /* светлый лайм */
	--theme-line: #dbe5d8;             /* тонкие разделители */
	--theme-line-rgb: 219, 229, 216;
	--theme-dark: #1f2933;             /* графит логотипа */
	--theme-dark-bg: #18231d;          /* тёмный графит с зелёным отливом (фоны секций) */
	--theme-grad-1a: #dcecae;          /* верхние полоски карточек тарифов */
	--theme-grad-1b: #9fd4a7;
	--theme-grad-2a: #8cc63f;
	--theme-grad-2b: #1a8021;
	--theme-grad-3a: #c9e7b6;
	--theme-grad-3b: #6fbf8a;

	/* Bootstrap 5 */
	--bs-primary: #1a8021;
	--bs-primary-rgb: 26, 128, 33;
	--bs-secondary: #8cc63f;
	--bs-secondary-rgb: 140, 198, 63;
	--bs-tertiary: #b5dd6e;
	--bs-tertiary-rgb: 181, 221, 110;
	--bs-link-hover-color: #1a8021;
	--bs-link-hover-color-rgb: 26, 128, 33;
	--bs-highlight-bg: #e7f3e2;
}

/* ===== 2. Автоматически перекрашенные правила шаблона ===== */
/* --- bootstrap.css --- */
:where(html[data-theme="green"]) .btn-primary {
	--bs-btn-bg: var(--theme-primary);
	--bs-btn-border-color: var(--theme-primary);
	--bs-btn-hover-bg: var(--theme-primary-dark);
	--bs-btn-hover-border-color: var(--theme-primary-dark);
	--bs-btn-active-bg: var(--theme-primary-dark);
	--bs-btn-active-border-color: var(--theme-primary-dark);
	--bs-btn-disabled-bg: var(--theme-primary);
	--bs-btn-disabled-border-color: var(--theme-primary);
}
:where(html[data-theme="green"]) .btn-secondary {
	--bs-btn-bg: var(--theme-secondary);
	--bs-btn-border-color: var(--theme-secondary);
	--bs-btn-hover-bg: var(--theme-secondary-dark);
	--bs-btn-hover-border-color: var(--theme-secondary-dark);
	--bs-btn-active-bg: var(--theme-secondary-dark);
	--bs-btn-active-border-color: var(--theme-secondary-dark);
	--bs-btn-disabled-bg: var(--theme-secondary);
	--bs-btn-disabled-border-color: var(--theme-secondary);
}
:where(html[data-theme="green"]) .btn-tertiary {
	--bs-btn-bg: var(--theme-tertiary);
	--bs-btn-border-color: var(--theme-tertiary);
	--bs-btn-hover-bg: var(--theme-tertiary);
	--bs-btn-hover-border-color: var(--theme-tertiary);
	--bs-btn-active-bg: var(--theme-tertiary);
	--bs-btn-active-border-color: var(--theme-tertiary);
	--bs-btn-disabled-bg: var(--theme-tertiary);
	--bs-btn-disabled-border-color: var(--theme-tertiary);
}
:where(html[data-theme="green"]) .btn-outline-primary {
	--bs-btn-color: var(--theme-primary);
	--bs-btn-border-color: var(--theme-primary);
	--bs-btn-hover-bg: var(--theme-primary);
	--bs-btn-hover-border-color: var(--theme-primary);
	--bs-btn-focus-shadow-rgb: var(--theme-primary-rgb);
	--bs-btn-active-bg: var(--theme-primary);
	--bs-btn-active-border-color: var(--theme-primary);
	--bs-btn-disabled-color: var(--theme-primary);
	--bs-btn-disabled-border-color: var(--theme-primary);
}
:where(html[data-theme="green"]) .btn-outline-secondary {
	--bs-btn-color: var(--theme-secondary);
	--bs-btn-border-color: var(--theme-secondary);
	--bs-btn-hover-bg: var(--theme-secondary);
	--bs-btn-hover-border-color: var(--theme-secondary);
	--bs-btn-focus-shadow-rgb: var(--theme-secondary-rgb);
	--bs-btn-active-bg: var(--theme-secondary);
	--bs-btn-active-border-color: var(--theme-secondary);
	--bs-btn-disabled-color: var(--theme-secondary);
	--bs-btn-disabled-border-color: var(--theme-secondary);
}
:where(html[data-theme="green"]) .btn-outline-tertiary {
	--bs-btn-color: var(--theme-tertiary);
	--bs-btn-border-color: var(--theme-tertiary);
	--bs-btn-hover-bg: var(--theme-tertiary);
	--bs-btn-hover-border-color: var(--theme-tertiary);
	--bs-btn-active-bg: var(--theme-tertiary);
	--bs-btn-active-border-color: var(--theme-tertiary);
	--bs-btn-disabled-color: var(--theme-tertiary);
	--bs-btn-disabled-border-color: var(--theme-tertiary);
}
:where(html[data-theme="green"]) .pagination {
	--bs-pagination-hover-bg: var(--theme-primary);
	--bs-pagination-hover-border-color: var(--theme-primary);
	--bs-pagination-active-bg: var(--theme-primary);
	--bs-pagination-active-border-color: var(--theme-primary);
}

/* --- style.css --- */
:where(html[data-theme="green"]) h1 a:hover,
:where(html[data-theme="green"]) h2 a:hover,
:where(html[data-theme="green"]) h3 a:hover,
:where(html[data-theme="green"]) h4 a:hover,
:where(html[data-theme="green"]) h5 a:hover,
:where(html[data-theme="green"]) h6 a:hover,
:where(html[data-theme="green"]) .heading a:hover {
	color: var(--theme-primary);
}
:where(html[data-theme="green"]) .heading-decoration-2::before {
	background: var(--theme-primary);
}
:where(html[data-theme="green"]) mark,
:where(html[data-theme="green"]) .mark {
	background: var(--theme-primary);
}
:where(html[data-theme="green"]) p [data-bs-toggle='tooltip'] {
	color: var(--theme-primary);
}
:where(html[data-theme="green"]) .badge {
	color: var(--theme-primary);
	background: var(--theme-tint);
}
:where(html[data-theme="green"]) .badge.badge-secondary {
	background: var(--theme-secondary);
}
:where(html[data-theme="green"]) .badge.badge-color-1 {
	color: var(--theme-primary);
	background: var(--theme-tint);
}
:where(html[data-theme="green"]) a:hover {
	color: var(--theme-primary);
}
:where(html[data-theme="green"]) .link-hover {
	color: var(--theme-primary);
}
:where(html[data-theme="green"]) .link-press {
	color: var(--theme-primary-dark);
}
:where(html[data-theme="green"]) .link-default:hover {
	color: var(--theme-primary);
}
:where(html[data-theme="green"]) .link-social-1::after {
	background: var(--theme-primary);
}
:where(html[data-theme="green"]) .link-social-1[class*='instagram'] {
	background: var(--theme-secondary);
}
:where(html[data-theme="green"]) .link-social-1[class*='instagram']::after {
	background: var(--theme-secondary);
}
:where(html[data-theme="green"]) .link-social-2:hover {
	color: var(--theme-primary);
}
:where(html[data-theme="green"]) .link-social-2[class*='instagram']:hover {
	color: var(--theme-secondary-text);
}
:where(html[data-theme="green"]) .link-modern .icon {
	color: var(--theme-secondary-text);
}
:where(html[data-theme="green"]) .link-modern:hover {
	color: var(--theme-secondary-text);
}
:where(html[data-theme="green"]) .box-custom-2-bg::after {
	background: linear-gradient(227deg, var(--theme-primary-dark) 0%, var(--theme-primary) 100%);
}
:where(html[data-theme="green"]) .box-custom-4-aside-decoration-bg {
	background-image: linear-gradient(to top, var(--theme-accent) 0%, var(--theme-primary) 100%);
}
:where(html[data-theme="green"]) div.box-custom-5-main {
	background-image: linear-gradient(to bottom, var(--theme-accent) 0%, var(--theme-primary-dark) 100%);
}
:where(html[data-theme="green"]) .box-modern-circle-1 {
	background: var(--theme-tint);
}
:where(html[data-theme="green"]) .box-modern-circle-2 {
	background: var(--theme-tint-2);
}
:where(html[data-theme="green"]) .box-modern-icon {
	color: var(--theme-primary);
}
@supports (-webkit-background-clip: text) {
	:where(html[data-theme="green"]) .box-modern-icon {
		background: linear-gradient(30deg, var(--theme-primary), var(--theme-accent));
		-webkit-background-clip: text;
	}
}
:where(html[data-theme="green"]) .box-light::after {
	background: var(--theme-tertiary);
}
@media (min-width: 992px) {
	html:where([data-theme="green"]):not(.tablet):not(.mobile) .box-light:hover .box-light-title {
		color: var(--theme-primary);
	}
}
:where(html[data-theme="green"]) .list-marked_secondary > li::before {
	background: var(--theme-secondary);
}
:where(html[data-theme="green"]) .context-dark .list-marked_secondary > li::before,
:where(html[data-theme="green"]) .bg-gray-900 .list-marked_secondary > li::before,
:where(html[data-theme="green"]) .bg-accent .list-marked_secondary > li::before {
	background: var(--theme-tertiary);
}
:where(html[data-theme="green"]) .list-palette > li:nth-child(1) {
	background: var(--theme-primary);
}
:where(html[data-theme="green"]) .list-palette > li:nth-child(2) {
	background: var(--theme-secondary);
}
:where(html[data-theme="green"]) .list-localization .label-text:hover {
	color: var(--theme-secondary-text);
}
:where(html[data-theme="green"]) .list-localization input:checked ~ .label-text {
	background: var(--theme-secondary);
}
:where(html[data-theme="green"]) .list-nav-classic a::after {
	background: var(--theme-primary);
}
:where(html[data-theme="green"]) .list-nav-classic a.active,
:where(html[data-theme="green"]) .list-nav-classic a:hover {
	color: var(--theme-primary);
}
:where(html[data-theme="green"]) .icon-style-1 {
	color: var(--theme-primary);
}
:where(html[data-theme="green"]) .table-custom.table-custom-primary thead th {
	background: var(--theme-primary);
}
:where(html[data-theme="green"]) .table-custom.table-custom-secondary thead th {
	background: var(--theme-secondary);
}
:where(html[data-theme="green"]) .divider::after {
	background-color: var(--theme-primary);
}
:where(html[data-theme="green"]) .button-default:hover,
:where(html[data-theme="green"]) .button-default:active {
	background-color: var(--theme-primary);
	border-color: var(--theme-primary);
}
:where(html[data-theme="green"]) .button-default.button-ujarak::before {
	background: var(--theme-primary);
}
:where(html[data-theme="green"]) .button-primary,
:where(html[data-theme="green"]) .button-primary:focus {
	background-color: var(--theme-primary);
	border-color: var(--theme-primary);
}
:where(html[data-theme="green"]) .button-primary:hover,
:where(html[data-theme="green"]) .button-primary:active {
	background-color: var(--theme-secondary);
	border-color: var(--theme-secondary);
}
:where(html[data-theme="green"]) .button-primary.button-ujarak::before {
	background: var(--theme-secondary);
}
:where(html[data-theme="green"]) .button-gray-700:hover,
:where(html[data-theme="green"]) .button-gray-700:active {
	background-color: var(--theme-primary);
	border-color: var(--theme-primary);
}
:where(html[data-theme="green"]) .button-gray-700.button-ujarak::before {
	background: var(--theme-primary);
}
:where(html[data-theme="green"]) .button-secondary,
:where(html[data-theme="green"]) .button-secondary:focus {
	background-color: var(--theme-secondary);
	border-color: var(--theme-secondary);
}
:where(html[data-theme="green"]) .button-secondary:hover,
:where(html[data-theme="green"]) .button-secondary:active {
	background-color: var(--theme-primary);
	border-color: var(--theme-primary);
}
:where(html[data-theme="green"]) .button-secondary.button-ujarak::before {
	background: var(--theme-primary);
}
:where(html[data-theme="green"]) .button-color-8:hover,
:where(html[data-theme="green"]) .button-color-8:active {
	background-color: var(--theme-primary);
	border-color: var(--theme-primary);
}
:where(html[data-theme="green"]) .button-color-8.button-ujarak::before {
	background: var(--theme-primary);
}
:where(html[data-theme="green"]) .button-primary-outline,
:where(html[data-theme="green"]) .button-primary-outline:focus {
	color: var(--theme-primary);
	border-color: var(--theme-primary);
}
:where(html[data-theme="green"]) .button-primary-outline:hover,
:where(html[data-theme="green"]) .button-primary-outline:active {
	background-color: var(--theme-primary);
	border-color: var(--theme-primary);
}
:where(html[data-theme="green"]) .button-primary-outline.button-ujarak::before {
	background: var(--theme-primary);
}
:where(html[data-theme="green"]) .button-default-outline:hover,
:where(html[data-theme="green"]) .button-default-outline:active {
	background-color: var(--theme-secondary);
	border-color: var(--theme-secondary);
}
:where(html[data-theme="green"]) .button-default-outline.button-ujarak::before {
	background: var(--theme-secondary);
}
:where(html[data-theme="green"]) .button-ghost:hover {
	background: var(--theme-primary);
}
:where(html[data-theme="green"]) .button-ujarak::before {
	background: var(--theme-primary);
}
:where(html[data-theme="green"]) .btn-primary,
:where(html[data-theme="green"]) .btn-primary:active,
:where(html[data-theme="green"]) .btn-primary:focus {
	background: var(--theme-primary);
	border-color: var(--theme-primary);
}
:where(html[data-theme="green"]) .button-load-icon:hover {
	color: var(--theme-primary);
}
:where(html[data-theme="green"]) .button-play,
:where(html[data-theme="green"]) .button-play:active,
:where(html[data-theme="green"]) .button-play:focus,
:where(html[data-theme="green"]) .button-play:hover {
	color: var(--theme-primary);
}
:where(html[data-theme="green"]) .button-play-shape {
	stroke: var(--theme-primary);
}
:where(html[data-theme="green"]) .form-wrap.has-focus .form-input {
	border-color: var(--theme-primary);
}
:where(html[data-theme="green"]) .toggle-custom:checked ~ .checkbox-custom-dummy::after {
	background: var(--theme-primary);
}
:where(html[data-theme="green"]) .toggle-modern.active .toggle-modern-text_alternate {
	color: var(--theme-primary);
}
:where(html[data-theme="green"]) .toggle-modern-text_default {
	color: var(--theme-primary);
}
:where(html[data-theme="green"]) .toggle-modern-switch {
	background: var(--theme-primary);
}
:where(html[data-theme="green"]) .post-info-icon {
	color: var(--theme-primary);
}
:where(html[data-theme="green"]) .post-lina-icon {
	color: var(--theme-primary);
}
:where(html[data-theme="green"]) .quote-light::before,
:where(html[data-theme="green"]) .quote-light::after {
	background: radial-gradient(circle, var(--theme-line) 0%, rgba(var(--theme-line-rgb), 0) 100%);
}
:where(html[data-theme="green"]) .quote-light-mark {
	color: var(--theme-primary);
}
:where(html[data-theme="green"]) .quote-modern-position {
	color: var(--theme-primary);
}
:where(html[data-theme="green"]) .quote-modern-text a {
	color: var(--theme-secondary-text);
}
:where(html[data-theme="green"]) .quote-modern-text a:hover {
	color: var(--theme-primary);
}
:where(html[data-theme="green"]) .quote-modern-link.icon[class*='facebook']:hover {
	color: var(--theme-secondary-text);
}
:where(html[data-theme="green"]) .quote-classic-text a {
	color: var(--theme-secondary-text);
}
:where(html[data-theme="green"]) .quote-classic-text a:hover {
	color: var(--theme-primary);
}
:where(html[data-theme="green"]) .quote-classic-position {
	color: var(--theme-primary);
}
:where(html[data-theme="green"]) .quote-minimal-text a,
:where(html[data-theme="green"]) .quote-minimal-text a:active,
:where(html[data-theme="green"]) .quote-minimal-text a:focus {
	color: var(--theme-secondary-text);
}
:where(html[data-theme="green"]) .quote-minimal-text a:hover {
	color: var(--theme-primary);
}
:where(html[data-theme="green"]) .quote-minimal-position {
	color: var(--theme-primary);
}
:where(html[data-theme="green"]) .thumbnail-preview:hover .thumbnail-preview-title {
	color: var(--theme-primary);
}
:where(html[data-theme="green"]) .thumbnail-modern:hover .thumbnail-modern-title {
	color: var(--theme-primary);
}
:where(html[data-theme="green"]) .breadcrumbs-custom-main {
	background: var(--theme-primary) url(../images/bg-image-1-green.jpg) center center;
}
:where(html[data-theme="green"]) .breadcrumbs-custom-path a:hover {
	color: var(--theme-primary);
}
:where(html[data-theme="green"]) .page-link:hover,
:where(html[data-theme="green"]) .page-link:focus,
:where(html[data-theme="green"]) .page-link:active {
	background-color: var(--theme-primary);
	border-color: var(--theme-primary);
}
:where(html[data-theme="green"]) .page-item.active > .page-link,
:where(html[data-theme="green"]) .page-item.active > .page-link:hover,
:where(html[data-theme="green"]) .page-item.active > .page-link:focus,
:where(html[data-theme="green"]) .page-item.active > .page-link:active {
	background-color: var(--theme-primary);
	border-color: var(--theme-primary);
}
html:where([data-theme="green"]):not(.tablet):not(.mobile) .profile-modern-main-item_secondary {
	background: var(--theme-primary);
}
html:where([data-theme="green"]):not(.tablet):not(.mobile) .profile-modern-main-item_secondary a.icon:hover {
	color: var(--theme-tertiary);
}
:where(html[data-theme="green"]) .layout-bordered-1-item::before {
	background: radial-gradient(circle, var(--theme-line) 0%, rgba(var(--theme-line-rgb), 0) 100%);
}
:where(html[data-theme="green"]) .timeline-classic-item-decoration::before,
:where(html[data-theme="green"]) .timeline-classic-item-decoration::after {
	background: var(--theme-primary);
}
:where(html[data-theme="green"]) .pt-classic::before,
:where(html[data-theme="green"]) .pt-classic::after {
	background: linear-gradient(3deg, var(--theme-grad-1a) 0%, var(--theme-grad-1b) 100%);
}
:where(html[data-theme="green"]) .pt-classic_style-2::before,
:where(html[data-theme="green"]) .pt-classic_style-2:after {
	background: linear-gradient(3deg, var(--theme-grad-2a) 0%, var(--theme-grad-2b) 100%);
}
:where(html[data-theme="green"]) .pt-classic_style-3::before,
:where(html[data-theme="green"]) .pt-classic_style-3:after {
	background: linear-gradient(3deg, var(--theme-grad-3a) 0%, var(--theme-grad-3b) 100%);
}
:where(html[data-theme="green"]) .pt-classic-title {
	color: var(--theme-primary);
}
:where(html[data-theme="green"]) .pt-classic-divider {
	background: radial-gradient(circle, var(--theme-line) 0%, rgba(var(--theme-line-rgb), 0) 100%);
}
:where(html[data-theme="green"]) .pt-classic-list li::before {
	color: var(--theme-primary);
}
:where(html[data-theme="green"]) .pt-creative .pt-creative-features li::after {
	background: radial-gradient(circle, var(--theme-line) 0%, rgba(var(--theme-line-rgb), 0) 100%);
}
:where(html[data-theme="green"]) .pt-creative-divider {
	background: radial-gradient(circle, var(--theme-line) 0%, rgba(var(--theme-line-rgb), 0) 100%);
}
:where(html[data-theme="green"]) .pt-creative-features .icon {
	color: var(--theme-secondary-text);
}
:where(html[data-theme="green"]) .pt-modern .nav-link:hover,
:where(html[data-theme="green"]) .pt-modern .nav-link.active {
	color: var(--theme-primary);
}
:where(html[data-theme="green"]) .pt-modern .nav-link:hover .nav-item-indicator,
:where(html[data-theme="green"]) .pt-modern .nav-link.active .nav-item-indicator {
	border-color: var(--theme-primary);
}
:where(html[data-theme="green"]) .pt-modern .nav-link.active .nav-item-indicator::after {
	background: var(--theme-primary);
}
:where(html[data-theme="green"]) .pt-modern-features .icon {
	color: var(--theme-secondary-text);
}
@media (min-width: 768px) {
	:where(html[data-theme="green"]) .iphone-frame-4-next:hover .icon {
		color: var(--theme-primary);
	}
}
:where(html[data-theme="green"]) .safari-frame-1-bg {
	background-image: linear-gradient(to bottom, var(--theme-primary) 0%, var(--theme-accent) 100%);
}
:where(html[data-theme="green"]) .page-header-2 .rd-navbar-modern.rd-navbar-static .rd-nav-link:hover {
	color: var(--theme-tertiary);
}
:where(html[data-theme="green"]) .page-header-2 .rd-navbar-modern.rd-navbar-static .rd-nav-item.focus .rd-nav-link,
:where(html[data-theme="green"]) .page-header-2 .rd-navbar-modern.rd-navbar-static .rd-nav-item.focus > .rd-navbar-submenu-toggle,
:where(html[data-theme="green"]) .page-header-2 .rd-navbar-modern.rd-navbar-static .rd-nav-item.active .rd-nav-link,
:where(html[data-theme="green"]) .page-header-2 .rd-navbar-modern.rd-navbar-static .rd-nav-item.active > .rd-navbar-submenu-toggle,
:where(html[data-theme="green"]) .page-header-2 .rd-navbar-modern.rd-navbar-static .rd-nav-item.opened .rd-nav-link,
:where(html[data-theme="green"]) .page-header-2 .rd-navbar-modern.rd-navbar-static .rd-nav-item.opened > .rd-navbar-submenu-toggle {
	color: var(--theme-tertiary);
}
:where(html[data-theme="green"]) .page-header-3 .rd-navbar-classic.rd-navbar-static .rd-navbar-panel {
	background: var(--theme-primary);
}
:where(html[data-theme="green"]) .page-header-3 .rd-navbar-classic.rd-navbar-static .rd-navbar-panel::before,
:where(html[data-theme="green"]) .page-header-3 .rd-navbar-classic.rd-navbar-static .rd-navbar-panel::after {
	background: var(--theme-accent);
}
:where(html[data-theme="green"]) .page-header-3 .rd-navbar-classic.rd-navbar-static .rd-navbar-slogan::before {
	background: var(--theme-primary);
}
:where(html[data-theme="green"]) .page-header-3 .rd-navbar-classic.rd-navbar-static .rd-navbar-slogan::after {
	border-bottom: 1px solid var(--theme-primary);
}
:where(html[data-theme="green"]) .text-primary {
	color: var(--theme-primary);
}
:where(html[data-theme="green"]) .text-secondary {
	color: var(--theme-secondary-text);
}
:where(html[data-theme="green"]) a.text-primary:hover {
	color: var(--theme-secondary-text);
}
:where(html[data-theme="green"]) .context-dark .text-primary,
:where(html[data-theme="green"]) .bg-gray-900 .text-primary,
:where(html[data-theme="green"]) .bg-accent .text-primary {
	color: var(--theme-tertiary);
}
:where(html[data-theme="green"]) .section-decoration-4::before {
	background: linear-gradient(to top, rgba(var(--theme-primary-rgb), 0.05) 0%, var(--theme-primary) 100%);
}
:where(html[data-theme="green"]) .context-dark .button-default:hover,
:where(html[data-theme="green"]) .bg-gray-900 .button-default:hover,
:where(html[data-theme="green"]) .bg-accent .button-default:hover {
	background: var(--theme-tertiary);
	border-color: var(--theme-tertiary);
}
:where(html[data-theme="green"]) .bg-accent {
	background: var(--theme-primary);
}
:where(html[data-theme="green"]) .bg-accent .button-default-outline:hover {
	border-color: var(--theme-secondary);
}
:where(html[data-theme="green"]) .bg-accent .button-primary {
	background: var(--theme-tertiary);
	border-color: var(--theme-tertiary);
}
:where(html[data-theme="green"]) .bg-accent .button-color-8 {
	background: var(--theme-accent);
	border-color: var(--theme-accent);
}
:where(html[data-theme="green"]) .bg-accent .button-color-8:hover {
	background: var(--theme-secondary);
	border-color: var(--theme-secondary);
}
:where(html[data-theme="green"]) .bg-overlay-1::before {
	background-image: linear-gradient(31deg, var(--theme-primary-dark) 0%, var(--theme-primary) 100%);
}
:where(html[data-theme="green"]) .bg-overlay-3::before {
	background-image: linear-gradient(-90deg, var(--theme-primary) 0%, var(--theme-accent) 100%);
}
:where(html[data-theme="green"]) .bg-overlay-4::before {
	background-image: linear-gradient(to top, white 0%, var(--theme-primary) 100%);
}
:where(html[data-theme="green"]) .bg-overlay-5::before {
	background-image: linear-gradient(to bottom, var(--theme-primary) 0%, var(--theme-primary-dark) 100%);
}
:where(html[data-theme="green"]) p.rights a:hover {
	color: var(--theme-primary);
}
:where(html[data-theme="green"]) .map-marker {
	background: var(--theme-primary);
}
:where(html[data-theme="green"]) .map-marker::before {
	background: rgba(var(--theme-primary-rgb), 0.3);
}
:where(html[data-theme="green"]) .map-popup-toggle:hover {
	color: var(--theme-secondary-text);
}
:where(html[data-theme="green"]) .map-popup-location {
	color: var(--theme-primary);
}
:where(html[data-theme="green"]) .ui-to-top {
	background: var(--theme-secondary);
}
:where(html[data-theme="green"]) .ui-to-top:hover {
	background: var(--theme-primary);
}
:where(html[data-theme="green"]) .context-dark .rd-navbar-toggle,
:where(html[data-theme="green"]) .bg-gray-900 .rd-navbar-toggle,
:where(html[data-theme="green"]) .bg-accent .rd-navbar-toggle {
	color: var(--theme-tertiary);
}
:where(html[data-theme="green"]) .context-dark .rd-navbar-toggle span::after,
:where(html[data-theme="green"]) .bg-gray-900 .rd-navbar-toggle span::after,
:where(html[data-theme="green"]) .bg-accent .rd-navbar-toggle span::after,
:where(html[data-theme="green"]) .context-dark .rd-navbar-toggle span::before,
:where(html[data-theme="green"]) .bg-gray-900 .rd-navbar-toggle span::before,
:where(html[data-theme="green"]) .bg-accent .rd-navbar-toggle span::before,
:where(html[data-theme="green"]) .context-dark .rd-navbar-toggle span,
:where(html[data-theme="green"]) .bg-gray-900 .rd-navbar-toggle span,
:where(html[data-theme="green"]) .bg-accent .rd-navbar-toggle span {
	background-color: var(--theme-tertiary);
}
:where(html[data-theme="green"]) .rd-navbar-search .rd-search-form-submit:hover {
	color: var(--theme-primary);
}
:where(html[data-theme="green"]) .rd-navbar-link:hover {
	background: var(--theme-primary);
	border-color: var(--theme-primary);
}
:where(html[data-theme="green"]) .rd-navbar-link-1:hover {
	background: var(--theme-secondary);
	border-color: var(--theme-secondary);
}
:where(html[data-theme="green"]) .rd-navbar-static .rd-nav-item.focus .rd-nav-link,
:where(html[data-theme="green"]) .rd-navbar-static .rd-nav-item.opened .rd-nav-link {
	color: var(--theme-primary);
}
:where(html[data-theme="green"]) .rd-navbar-static .rd-nav-item.focus > .rd-navbar-submenu-toggle,
:where(html[data-theme="green"]) .rd-navbar-static .rd-nav-item.opened > .rd-navbar-submenu-toggle {
	color: var(--theme-primary);
}
:where(html[data-theme="green"]) .rd-navbar-static .rd-nav-item.active .rd-nav-link {
	color: var(--theme-primary);
}
:where(html[data-theme="green"]) .rd-navbar-static .rd-nav-item.active > .rd-navbar-submenu-toggle {
	color: var(--theme-primary);
}
:where(html[data-theme="green"]) .rd-navbar-static .rd-nav-item > .rd-navbar-submenu-toggle:hover {
	color: var(--theme-primary);
}
:where(html[data-theme="green"]) .rd-navbar-static .rd-nav-link:hover {
	color: var(--theme-primary);
}
:where(html[data-theme="green"]) .rd-navbar-static .rd-dropdown-item.focus .rd-dropdown-link,
:where(html[data-theme="green"]) .rd-navbar-static .rd-dropdown-item.opened .rd-dropdown-link {
	color: var(--theme-primary);
}
:where(html[data-theme="green"]) .rd-navbar-static .rd-dropdown-link:hover {
	color: var(--theme-primary);
}
:where(html[data-theme="green"]) .rd-navbar-static .rd-megamenu-list-link:hover {
	color: var(--theme-primary);
}
:where(html[data-theme="green"]) .rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar-thumb {
	background: var(--theme-primary);
}
:where(html[data-theme="green"]) .rd-navbar-fixed .rd-nav-item:hover .rd-nav-link,
:where(html[data-theme="green"]) .rd-navbar-fixed .rd-nav-item.focus .rd-nav-link,
:where(html[data-theme="green"]) .rd-navbar-fixed .rd-nav-item.active .rd-nav-link,
:where(html[data-theme="green"]) .rd-navbar-fixed .rd-nav-item.opened .rd-nav-link {
	color: var(--theme-primary);
}
:where(html[data-theme="green"]) .rd-navbar-fixed .rd-nav-item:hover > .rd-navbar-submenu-toggle,
:where(html[data-theme="green"]) .rd-navbar-fixed .rd-nav-item.focus > .rd-navbar-submenu-toggle,
:where(html[data-theme="green"]) .rd-navbar-fixed .rd-nav-item.active > .rd-navbar-submenu-toggle,
:where(html[data-theme="green"]) .rd-navbar-fixed .rd-nav-item.opened > .rd-navbar-submenu-toggle {
	color: var(--theme-primary);
}
:where(html[data-theme="green"]) .rd-navbar-fixed .rd-megamenu-list > li:hover > a,
:where(html[data-theme="green"]) .rd-navbar-fixed .rd-megamenu-list > li.focus > a,
:where(html[data-theme="green"]) .rd-navbar-fixed .rd-megamenu-list > li.active > a,
:where(html[data-theme="green"]) .rd-navbar-fixed .rd-megamenu-list > li.opened > a,
:where(html[data-theme="green"]) .rd-navbar-fixed .rd-navbar-dropdown > li:hover > a,
:where(html[data-theme="green"]) .rd-navbar-fixed .rd-navbar-dropdown > li.focus > a,
:where(html[data-theme="green"]) .rd-navbar-fixed .rd-navbar-dropdown > li.active > a,
:where(html[data-theme="green"]) .rd-navbar-fixed .rd-navbar-dropdown > li.opened > a {
	color: var(--theme-primary);
}
:where(html[data-theme="green"]) .rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title a:hover {
	color: var(--theme-primary);
}
:where(html[data-theme="green"]) .rd-navbar-fixed .rd-navbar-search .rd-search-form-submit:hover {
	color: var(--theme-primary);
}
:where(html[data-theme="green"]) .rd-navbar-fixed .rd-navbar-search-toggle:hover {
	color: var(--theme-primary);
}
:where(html[data-theme="green"]) .rd-navbar-modern .rd-navbar-aside-link.active {
	color: var(--theme-primary);
}
:where(html[data-theme="green"]) .rd-navbar-modern .rd-navbar-aside-link:hover {
	color: var(--theme-primary);
}
:where(html[data-theme="green"]) .rd-navbar-modern.rd-navbar-static .rd-navbar-element::after {
	background: linear-gradient(227deg, var(--theme-primary-dark) 0%, var(--theme-primary) 100%);
}
:where(html[data-theme="green"]) .rd-search-results-live .search-link:hover {
	color: var(--theme-primary);
}
:where(html[data-theme="green"]) .rd-search-results-live .search-title a:hover {
	color: var(--theme-primary);
}
:where(html[data-theme="green"]) .rd-search-results-live .search-submit {
	background: var(--theme-primary);
}
:where(html[data-theme="green"]) .rd-search-results .search {
	background: var(--theme-primary);
}
:where(html[data-theme="green"]) .rd-search-classic .rd-search-submit:hover {
	color: var(--theme-primary);
}
:where(html[data-theme="green"]) .rd-search.rd-search-inline .button-link:hover {
	color: var(--theme-primary);
}
:where(html[data-theme="green"]) .isotope-filters-modern .inline-list a::after {
	background: var(--theme-primary);
}
:where(html[data-theme="green"]) .isotope-filters-modern .inline-list a:hover {
	color: var(--theme-primary);
}
@media (max-width: 767.98px) {
	:where(html[data-theme="green"]) .tabs-line .nav-link:hover,
	:where(html[data-theme="green"]) .tabs-line .nav-link.active {
		background: var(--theme-primary);
		border-color: var(--theme-primary);
	}
	:where(html[data-theme="green"]) .tabs-line-responsive ul.nav-tabs .nav-link:hover,
	:where(html[data-theme="green"]) .tabs-line-responsive ul.nav-tabs .nav-link.active {
		color: var(--theme-primary);
	}
}
:where(html[data-theme="green"]) .tabs-creative .nav-link.active .icon {
	color: var(--theme-primary);
}
:where(html[data-theme="green"]) .context-dark .tabs-line_1 .nav-link:hover span::after,
:where(html[data-theme="green"]) .bg-gray-900 .tabs-line_1 .nav-link:hover span::after,
:where(html[data-theme="green"]) .bg-accent .tabs-line_1 .nav-link:hover span::after,
:where(html[data-theme="green"]) .context-dark .tabs-line_1 .nav-link.active span::after,
:where(html[data-theme="green"]) .bg-gray-900 .tabs-line_1 .nav-link.active span::after,
:where(html[data-theme="green"]) .bg-accent .tabs-line_1 .nav-link.active span::after {
	background: var(--theme-tertiary);
}
:where(html[data-theme="green"]) .tabs-features .nav-link::before {
	background: var(--theme-secondary);
}
@media (max-width: 1199.98px) {
	:where(html[data-theme="green"]) .tabs-features .nav-link.active::before {
		background: var(--theme-primary);
	}
}
@media (min-width: 768px) {
	:where(html[data-theme="green"]) .tabs-line .nav-link span::after {
		background: var(--theme-primary);
	}
}
:where(html[data-theme="green"]) .card-classic .card-arrow::before,
:where(html[data-theme="green"]) .card-classic .card-arrow::after {
	color: var(--theme-primary);
}
:where(html[data-theme="green"]) .card-classic .card-shape {
	fill: rgba(var(--theme-primary-rgb), 0.08);
}
:where(html[data-theme="green"]) .tooltip-point {
	background: var(--theme-primary);
}
:where(html[data-theme="green"]) .tooltip-point::before,
:where(html[data-theme="green"]) .tooltip-point::after {
	background: rgba(var(--theme-primary-rgb), 0.4);
}
:where(html[data-theme="green"]) .countdown-modern .countdown-amount {
	color: var(--theme-primary);
}
:where(html[data-theme="green"]) .progress-linear .progress-linear-bar {
	background: var(--theme-primary);
}
:where(html[data-theme="green"]) .progress-linear-secondary .progress-linear-bar {
	background: var(--theme-secondary);
}
:where(html[data-theme="green"]) .progress-linear-gradient-1 .progress-linear-bar {
	background: linear-gradient(3deg, var(--theme-grad-1a) 0%, var(--theme-grad-1b) 100%);
}
:where(html[data-theme="green"]) .progress-linear-gradient-2 .progress-linear-bar {
	background: linear-gradient(3deg, var(--theme-grad-2a) 0%, var(--theme-grad-2b) 100%);
}
:where(html[data-theme="green"]) .progress-linear-gradient-3 .progress-linear-bar {
	background: linear-gradient(3deg, var(--theme-grad-3a) 0%, var(--theme-grad-3b) 100%);
}
:where(html[data-theme="green"]) .progress-circle-fg {
	stroke: var(--theme-primary);
}
:where(html[data-theme="green"]) .countdown-circle-fg {
	stroke: var(--theme-primary);
}
:where(html[data-theme="green"]) .countdown-counter {
	color: var(--theme-primary);
}
:where(html[data-theme="green"]) .jspDrag {
	background: var(--theme-primary);
}
:where(html[data-theme="green"]) .owl-prev:hover,
:where(html[data-theme="green"]) .owl-next:hover {
	color: var(--theme-primary);
}
:where(html[data-theme="green"]) .owl-dot:hover,
:where(html[data-theme="green"]) .owl-dot:focus {
	background-color: var(--theme-primary);
}
:where(html[data-theme="green"]) .owl-dot.active {
	background-color: var(--theme-primary);
}
@media (min-width: 992px) {
	html:where([data-theme="green"]):not(.tablet):not(.mobile) .owl-carousel-box-modern .box-modern::before {
		background: var(--theme-secondary);
	}
}
:where(html[data-theme="green"]) .lg-outer .lg-thumb-item.active,
:where(html[data-theme="green"]) .lg-outer .lg-thumb-item:hover {
	border-color: var(--theme-primary);
}
:where(html[data-theme="green"]) .lg-progress-bar .lg-progress {
	background-color: var(--theme-primary);
}
:where(html[data-theme="green"]) .slick-prev:hover,
:where(html[data-theme="green"]) .slick-prev:focus,
:where(html[data-theme="green"]) .slick-next:hover,
:where(html[data-theme="green"]) .slick-next:focus {
	color: var(--theme-primary);
}
:where(html[data-theme="green"]) .slick-slider-2-aside .slick-current {
	color: var(--theme-primary);
}
:where(html[data-theme="green"]) .select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: var(--theme-primary);
}
:where(html[data-theme="green"]) .text-primary + .typed-cursor {
	color: var(--theme-primary);
}
:where(html[data-theme="green"]) .context-dark .text-primary + .typed-cursor,
:where(html[data-theme="green"]) .bg-gray-900 .text-primary + .typed-cursor,
:where(html[data-theme="green"]) .bg-accent .text-primary + .typed-cursor {
	color: var(--theme-tertiary);
}
:where(html[data-theme="green"]) .thumbnail-small:hover {
	background-color: var(--theme-primary);
	border-color: var(--theme-primary);
}
:where(html[data-theme="green"]) .swiper-button-prev:hover,
:where(html[data-theme="green"]) .swiper-button-next:hover {
	color: var(--theme-accent);
}
:where(html[data-theme="green"]) .swiper-slider-1 .swiper-slide-caption .swiper-video-block a:hover .icon {
	color: var(--theme-accent);
}

/* ===== 3. Ручная доводка ===== */

/* --- Кнопки ---
   button-secondary (была розовая) — лаймовая с графитовым текстом, при наведении — зелёная с белым */
:where(html[data-theme="green"]) .button-secondary,
:where(html[data-theme="green"]) .button-secondary:focus {
	color: var(--theme-on-secondary);
}
:where(html[data-theme="green"]) .button-secondary:hover,
:where(html[data-theme="green"]) .button-secondary:active {
	color: #ffffff;
}
/* button-primary и контурные кнопки при наведении — тёмно-зелёные/зелёные (в шаблоне уходили в розовый) */
:where(html[data-theme="green"]) .button-primary:hover,
:where(html[data-theme="green"]) .button-primary:active {
	background-color: var(--theme-primary-dark);
	border-color: var(--theme-primary-dark);
}
:where(html[data-theme="green"]) .button-primary.button-ujarak::before {
	background: var(--theme-primary-dark);
}
:where(html[data-theme="green"]) .button-default-outline:hover,
:where(html[data-theme="green"]) .button-default-outline:active {
	color: #ffffff;
	background-color: var(--theme-primary);
	border-color: var(--theme-primary);
}
:where(html[data-theme="green"]) .button-default-outline.button-ujarak::before {
	background: var(--theme-primary);
}
/* Прочие места, где на розовом был белый текст */
:where(html[data-theme="green"]) .badge.badge-secondary,
:where(html[data-theme="green"]) .list-localization input:checked ~ .label-text,
:where(html[data-theme="green"]) .table-custom.table-custom-secondary thead th,
:where(html[data-theme="green"]) .rd-navbar-link-1:hover {
	color: var(--theme-on-secondary);
}

/* Кнопка «наверх» */
:where(html[data-theme="green"]) .ui-to-top,
:where(html[data-theme="green"]) .ui-to-top:focus {
	color: #ffffff;
	background: var(--theme-primary);
	box-shadow: 0 6px 16px rgba(var(--theme-primary-rgb), .3);
}
:where(html[data-theme="green"]) .ui-to-top:hover {
	color: #ffffff;
	background: var(--theme-primary-dark);
}

/* Ссылка-стрелка и галочки в окне заказа — основной зелёный */
:where(html[data-theme="green"]) .link-modern .icon,
:where(html[data-theme="green"]) .link-modern:hover,
:where(html[data-theme="green"]) .pt-modern-features .icon,
:where(html[data-theme="green"]) .pt-creative-features .icon {
	color: var(--theme-primary);
}

/* --- Главная: баннер (слайдер) --- */
/* крупный текст (в шаблоне ярко-розовый) — лаймово-зелёный градиент */
:where(html[data-theme="green"]) .swiper-slider-1 .swiper-slide-caption .text-accent-3.icon-gradient-2 {
	display: inline-block;
	color: var(--theme-accent);
}
@supports (-webkit-background-clip: text) or (background-clip: text) {
	:where(html[data-theme="green"]) .swiper-slider-1 .swiper-slide-caption .text-accent-3.icon-gradient-2 {
		background: linear-gradient(100deg, #cdeb8b 0%, #8cc63f 45%, #3daa47 100%);
		-webkit-background-clip: text;
		background-clip: text;
		-webkit-text-fill-color: transparent;
	}
}
/* кнопка баннера — зелёный градиент */
:where(html[data-theme="green"]) .button-gradient,
:where(html[data-theme="green"]) .button-gradient:focus {
	color: #ffffff;
	border-color: transparent;
	background: linear-gradient(100deg, var(--theme-primary) 0%, #3f9e2d 50%, var(--theme-primary) 100%);
	background-size: 200% 100%;
	box-shadow: 0 10px 24px rgba(var(--theme-primary-rgb), .35);
}
:where(html[data-theme="green"]) .button-gradient:hover,
:where(html[data-theme="green"]) .button-gradient:active {
	color: #ffffff;
	border-color: transparent;
	background-position: 100% 0;
}

/* --- Шапка поверх тёмного слайдера (главная, до «прилипания»): тёмно-зелёный там нечитаем --- */
:where(html[data-theme="green"]) .page-header:not(.page-header_inner) .rd-navbar-static:not(.rd-navbar--is-stuck) .rd-nav-item.active .rd-nav-link,
:where(html[data-theme="green"]) .page-header:not(.page-header_inner) .rd-navbar-static:not(.rd-navbar--is-stuck) .rd-nav-item.focus .rd-nav-link,
:where(html[data-theme="green"]) .page-header:not(.page-header_inner) .rd-navbar-static:not(.rd-navbar--is-stuck) .rd-nav-link:hover,
:where(html[data-theme="green"]) .page-header:not(.page-header_inner) .rd-navbar-static:not(.rd-navbar--is-stuck) .rd-navbar-slogan a:hover,
:where(html[data-theme="green"]) .page-header:not(.page-header_inner) .rd-navbar-static:not(.rd-navbar--is-stuck) .lang-switch-toggle:hover,
:where(html[data-theme="green"]) .page-header:not(.page-header_inner) .rd-navbar-static:not(.rd-navbar--is-stuck) .lang-switch.show .lang-switch-toggle {
	color: var(--theme-accent-light);
	border-color: var(--theme-accent-light);
}

/* --- Тарифы --- */
:where(html[data-theme="green"]) .pt-classic_preferred .pt-classic-note {
	color: var(--theme-primary);
	opacity: .6;
}

/* --- Фоны секций --- */
/* «О компании» / хлебные крошки: тёмный графит (картинка подменяется theme.js / правилом ниже) */
:where(html[data-theme="green"]) .breadcrumbs-custom-main {
	background-color: var(--theme-dark-bg);
}
:where(html[data-theme="green"]) .section-box-custom-3 .material-parallax {
	background-color: var(--theme-dark-bg);
}
/* Отзывы: зелёный градиент поверх зелёных полигонов */
:where(html[data-theme="green"]) .bg-accent {
	background: var(--theme-primary);
}
:where(html[data-theme="green"]) .bg-overlay-3::before {
	opacity: .82;
	background-image: linear-gradient(-90deg, var(--theme-primary) 0%, #0f4d1b 100%);
}

/* --- Мелочи --- */
:where(html[data-theme="green"]) .object {
	border-top-color: var(--theme-primary);
	border-left-color: var(--theme-primary);
}
:where(html[data-theme="green"]) ::selection {
	background: rgba(var(--theme-primary-rgb), .85);
	color: #ffffff;
}
