/* ==========================================================================
   Header sticky fix v3
   Задача: при залипании шапки показывать телефоны и кнопку "Запрос ставки"
   вместе с логотипом и меню.
   
   Десктоп (≥992px): 
   - Показываем оба телефона (компактно)
   - Скрываем кнопку "Заказать звонок"
   - Уменьшаем отступы между пунктами меню
   - Выстраиваем aside и main в одну линию
   
   Планшет/мобилка (<992px):
   - JS клонирует aside в верхнюю панель справа
   - Скрываем при открытом бургере
   - Показываем только "Запрос ставки"
   - Делаем телефоны компактными
   
   Откат: удалить подключение файлов header-sticky-fix.css и header-sticky-fix.js из header.php
   Дата: 2026-11-02
   ========================================================================== */

/* ==========================================================================
   ДЕСКТОП (≥992px) — stuck-режим
   ========================================================================== */

/* Блок: Показ aside в залипшей шапке */
.rd-navbar-modern.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-aside,
.rd-navbar-modern.rd-navbar-static.rd-navbar--is-clone .rd-navbar-aside {
	display: flex !important;
	align-items: center !important;
}

/* Блок: Скрытие кнопки "Заказать звонок" в stuck-режиме */
.rd-navbar-modern.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-aside > a[data-target="#call-back"],
.rd-navbar-modern.rd-navbar-static.rd-navbar--is-clone .rd-navbar-aside > a[data-target="#call-back"] {
	display: none !important;
}

/* Блок: Уменьшение отступов между пунктами меню в stuck-режиме */
.rd-navbar-modern.rd-navbar-static.rd-navbar--is-stuck .rd-nav-item + .rd-nav-item,
.rd-navbar-modern.rd-navbar-static.rd-navbar--is-clone .rd-nav-item + .rd-nav-item {
	margin-left: 25px !important;
}

@media (min-width: 1200px) {
	.rd-navbar-modern.rd-navbar-static.rd-navbar--is-stuck .rd-nav-item + .rd-nav-item,
	.rd-navbar-modern.rd-navbar-static.rd-navbar--is-clone .rd-nav-item + .rd-nav-item {
		margin-left: 35px !important;
	}
}

/* Блок: Выстраивание aside и main в одну линию */
.rd-navbar-modern.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav-wrap,
.rd-navbar-modern.rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav-wrap {
	display: flex !important;
	align-items: center !important;
}

.rd-navbar-modern.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-main,
.rd-navbar-modern.rd-navbar-static.rd-navbar--is-clone .rd-navbar-main {
	order: 1 !important;
}

.rd-navbar-modern.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-aside,
.rd-navbar-modern.rd-navbar-static.rd-navbar--is-clone .rd-navbar-aside {
	order: 2 !important;
	margin-left: 20px !important;
}

/* Блок: Компактные телефоны в stuck-режиме */
.rd-navbar-modern.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-contacts-2,
.rd-navbar-modern.rd-navbar-static.rd-navbar--is-clone .rd-navbar-contacts-2 {
	font-size: 13px !important;
	margin: 0 !important;
}

.rd-navbar-modern.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-contacts-2 > *,
.rd-navbar-modern.rd-navbar-static.rd-navbar--is-clone .rd-navbar-contacts-2 > * {
	margin: 0 10px 0 0 !important;
}

.rd-navbar-modern.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-contacts-2 .icon,
.rd-navbar-modern.rd-navbar-static.rd-navbar--is-clone .rd-navbar-contacts-2 .icon {
	font-size: 16px !important;
}

/* Блок: Скрытие клона в десктопе */
.rd-navbar-aside-clone {
	display: none !important;
}

/* ==========================================================================
   ПЛАНШЕТ/МОБИЛКА (<992px) — fixed-режим
   ========================================================================== */

@media (max-width: 991.98px) {
	/* Блок: Скрываем оригинальный aside в бургере */
	.rd-navbar-modern.rd-navbar-fixed .rd-navbar-aside {
		display: none !important;
	}
	
	/* Блок: Стили для клонированного aside в панели */
	.rd-navbar-aside-clone {
		display: flex !important;
		align-items: center !important;
		gap: 8px !important;
		margin-left: auto !important;
		margin-right: 56px !important;
	}
	
	/* Блок: Скрытие кнопки "Заказать звонок" на мобильном */
	.rd-navbar-aside-clone > a[data-target="#call-back"] {
		display: none !important;
	}
	
	/* Блок: Компактные телефоны на мобильном */
	.rd-navbar-aside-clone .rd-navbar-contacts-2 {
		font-size: 12px !important;
		margin: 0 !important;
	}
	
	.rd-navbar-aside-clone .rd-navbar-contacts-2 > * {
		margin: 0 !important;
	}
	
	.rd-navbar-aside-clone .rd-navbar-contacts-2 .icon {
		display: none !important;
	}
	
	.rd-navbar-aside-clone .rd-navbar-contacts-2 .phone {
		font-size: 12px !important;
		white-space: nowrap !important;
	}
	
	/* Блок: Компактная кнопка на мобильном */
	.rd-navbar-aside-clone .button-xs {
		padding: 6px 12px !important;
		font-size: 11px !important;
		white-space: nowrap !important;
	}
	
	/* Блок: Скрытие клона при открытом бургере */
	.rd-navbar-modern.rd-navbar-fixed .rd-navbar-nav-wrap.active ~ .rd-navbar-panel .rd-navbar-aside-clone {
		display: none !important;
	}
}