/***************************************************************
 *                      ОБЕ ТЕМЫ
 ***************************************************************/
 
  /* отступ сверху в модальном окне (логина например) */
.modal {
    --bs-modal-padding-y: 1.2rem !important;
}

 
 /* ширина страницы - контейнера */
 :root {
  --container-width: 1080px !important;
}

 /* для дексктопа отступ между колонками (блок с фото и блок с текстом офера) на странице офера */
.offer-body{
	gap: 1rem !important;
}

/* Радиус углов в контент блоке с описанием */
.description-block {
	border-radius: 5px !important;;
}	

/* Радиус углов в блоке с ссылкой на другие офера этой категории */
.other-offers-category{
	border-radius: 5px !important;;
}	
	

.description-block {
margin: 0 auto 5px auto !important;
}

 /* внутренние отступы блока .main */
.main {
  padding-top: 0 !important;
  padding-bottom: 15px !important;
}

.button--orange {
    --button-color-background: var(--color-orange-100) !important;
    --button-hover-color-background: var(--color-orange-250) !important;
    --button-border: 1px solid var(--color-orange-550) !important;
    --button-hover-border: 1px solid var(--color-orange-550) !important;
	--button-color-text: #000 !important;
	--button-hover-color-text: #000 !important;
	--button-font-weight: 600 !important;
}

.input-wrapper input::placeholder,
.input-wrapper textarea::placeholder {
    font-size: var(--font-size-xs) !important;
}


.breadcrumbs {
		box-shadow: none !important;
		padding: 5px 5px 10px 12px !important;
}


.breadcrumbs__link {font-size: var(--font-size-xs) !important;
}

.breadcrumbs__sep {
	font-size: var(--font-size-xs) !important;
	padding: 0 4px !important;
}

.breadcrumbs__current {font-size: var(--font-size-xs) !important;
}


.badge {
    --badge-font-weight: 600 !important;
}

.button--red {
	--button-color-background: var(--color-red-300) !important; 
	--button-hover-color-background: var(--color-red-350) !important;
}

/* H1 все устройства */
.page-title {
    padding-top: 8px !important;
    padding-bottom: 3px !important;
    text-align: left !important;
}

/* H1 и H2 Мобильные устройства */
@media (max-width: 600px) {
    .page-title {
        font-size: var(--font-size-l) !important;
        line-height: 1.2 !important;
    }

    h2 {
        font-size: var(--font-size-md) !important;
        line-height: 1.25 !important;
    }
	
	    .offer-item {
			padding: 5px;
		}
}

/* убираем кнопку переключения темы - темная-светлая */
#changeThemeButton {
    display: none !important;
}

/* моб устройства - в листинге промежуток между ценой и заголовком офера убираем */
@media (max-width: 767px) {
    .offer-item__details-top {
        row-gap: 0px;
	}
}


/***************************************************************
 *                      СВЕТЛАЯ ТЕМА
 ***************************************************************/
 
 /* кнопка заказать на странице офера */
:root:not([data-theme="dark"])
button[data-bs-target="#orderModal"] {
    --button-color-background: var(--color-orange-100) !important;
    --button-hover-color-background: var(--color-orange-250) !important;
    --button-color-text: #000 !important;
	--button-border: 1px solid var(--color-orange-550) !important;
	--button-hover-color-text: #000 !important;
	--button-hover-border: 1px solid var(--color-orange-550) !important;
	--button-font-weight: 600 !important;
}

 /* кнопка Контакты на странице офера */
:root:not([data-theme="dark"]) .phone-show {
    --button-color-background: var(--color-gray-100) !important;
    --button-hover-color-background: var(--color-gray-250) !important;
    --button-color-text: var(--color-gray-650) !important;
	--button-border: 1px solid var(--color-gray-550) !important;
	--button-hover-color-text: #000 !important;
	--button-hover-border: 1px solid var(--color-gray-550) !important;
	--button-font-weight: 400 !important;
}

/* переопределение для кнопки Разместить объявление — ТОЛЬКО светлая тема */
:root:not([data-theme="dark"]) .button--attention {
    --button-color-background: var(--color-orange-100);
    --button-hover-color-background: var(--color-orange-250);
    --button-border: 1px solid var(--color-orange-550);
    --button-hover-border: 1px solid var(--color-orange-550);
}

/* меняем цвет кнопки логина */
:root:not([data-theme="dark"]) .header-triggers .user-trigger.auth svg {
    color: var(--color-gray-600) !important;
}


/* кнопки Найти и О проекте — общие размеры (одинаковы для обеих тем) */
.main-actions > *:not(.visible-mobile) {
    max-width: 160px !important;
    padding: 3px 1px !important;
}

/* кнопка О проекте — светлая тема */
:root:not([data-theme="dark"]) .main-actions-about {
    --button-color-text: var(--color-info) !important;
    --button-color-background: #fff !important;
    --button-border: 1px solid var(--color-info);
	
    --button-hover-border: 1px solid var(--color-blue-550) !important;
    --button-hover-color-text: var(--color-info) !important;
    --button-hover-color-background: var(--color-blue-150) !important;
}

/* кнопка Найти — ТОЛЬКО светлая тема */
:root:not([data-theme="dark"]) .main-actions__open-request-button {
    --button-color-background: var(--color-orange-100);
    --button-hover-color-background: var(--color-orange-250);
    --button-border: 1px solid var(--color-orange-550);
    --button-hover-border: 1px solid var(--color-orange-550);
    --button-color-text: var(--color-contrast);
    --button-hover-color-text: var(--color-contrast);
}

/* кнопка Разместить объявление (мобильная версия) */
.main-actions > .visible-mobile {
    max-width: 260px !important;
    padding: 3px 1px !important;
}

/* выравнивание кнопок найти + о проекте по левому краю + расстояние между ними */
.main-actions {
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 12px !important;
}

/* фильтры по типам рубрик - аренда, продажа - активный*/
.offers-filters__link.is-active {
	color: #fff !important;
	background-color: var(--color-blue-550) !important;
	border: 1px solid var(--color-blue-550) !important;
	--button-border: 1px solid var(--color-blue-550) !important;
	--button-hover-border: 1px solid var(--color-blue-550) !important;
    --button-hover-color-text: var(--color-info) !important;
    --button-hover-color-background: var(--color-blue-150) !important;
}
/* фильтры по типам рубрик - аренда, продажа */
.offers-filters__link {
	color: var(--color-blue-500) !important;
	border: 1px solid var(--color-blue-350) !important;
	--button-hover-border: 1px solid var(--color-blue-350) !important;
    --button-hover-color-text: var(--color-blue-850)) !important;
    --button-hover-color-background: var(--color-blue-200) !important;
}


.offers-filters__link:hover {
    background-color: var(--color-blue-150) !important;
    border-color: var(--color-blue-500) !important;
}



.offers-filters__link.is-active:hover {
    background-color: var(--color-blue-550) !important;
    border-color: var(--color-blue-550) !important;
}

 /* граница вокруг кнопки с конвертом в листинге */
:root:not([data-theme="dark"])
.offer-item__order-button {
	border-color: var(--color-gray-250) !important;
}



/***************************************************************
 *                      ТЁМНАЯ ТЕМА
 ***************************************************************/ 
 
 /* кнопка Контакты на странице офера */
:root[data-theme="dark"] .phone-show {
    --button-color-background: var(--color-gray-900) !important;
    --button-hover-color-background: var(--color-gray-900) !important;
    --button-color-text: var(--color-gray-600) !important;
	--button-border: 1px solid var(--color-gray-700) !important;
	--button-hover-color-text: #000 !important;
	--button-hover-border: 1px solid var(--color-gray-700) !important;
	--button-font-weight: 400 !important;
}
 
 /* ярлыки тип офера в листинге (аренда, продажа...) — темная тема */
:root[data-theme=dark] .offer-tag {
    --offer-tag-color-background: var(--color-gray-900) !important;
}	
 
 /* кнопка Разместить объявление — темная тема */
:root[data-theme="dark"] .button--attention {
    --button-color-background: var(--color-gray-900) !important;
}

/* кнопка переключения языка — тёмная тема */
:root[data-theme="dark"] .badge {
    --badge-border: 2px solid var(--color-gray-250) !important;
}

/* цвет ссылок в темной теме при наведении */
:root[data-theme="dark"] a:hover {
    color: var(--color-yellow-100) !important;
}


/* кнопка О проекте — тёмная тема */
.main-actions-about {
    --button-color-text: #fff !important;
    --button-color-background: var(--color-gray-800) !important;
    --button-border: 1px solid #fff;
	--button-hover-color-background: var(--color-gray-700) !important;
	--button-hover-border: 1px solid #fff !important;
}

/* кнопка Найти — ТЁМНАЯ тема */
.main-actions__open-request-button {
    --button-color-background: var(--color-gray-800);
    --button-hover-color-background: var(--color-gray-700);
    --button-border: 1px solid var(--color-gray-150);
    --button-hover-border: 1px solid var(--color-gray-200);
    --button-color-text: var(--color-white);
    --button-hover-color-text: var(--color-white);
}




/* Активная кнопка типа офера — базовое состояние в тёмной теме */
:root[data-theme="dark"] .offers-filters__link.button--outline.is-active {
    --button-color-background: var(--color-gray-800) !important;
	--button-hover-color-background: var(--color-gray-750) !important;

    --button-hover-color-text: var(--color-yellow-100);
    --button-color-text: var(--color-yellow-200);
    --button-border: 1px solid var(--color-yellow-200);

    color: var(--color-yellow-200) !important; /* <-- главный фикс */
	background: var(--color-gray-800) !important;
}

/* активная кнопка типа офера - ховер*/
:root[data-theme="dark"]
.offers-filters__link.offers-filters__link.button--outline.is-active:hover {
	--button-hover-color-background: var(--color-gray-750) !important;
    --button-hover-color-text: var(--color-yellow-100) !important;
    --button-hover-border: 1px solid var(--color-yellow-100) !important;
	color: var(--color-yellow-100) !important; /* <-- главный фикс */
	background: var(--color-gray-750) !important;
}

/* Все кнопки типа офера — ховер */
:root[data-theme="dark"]
.offers-filters__link.offers-filters__link.button--outline:hover {
	--button-hover-color-background: var(--color-gray-750) !important;
    --button-hover-color-text: var(--color-yellow-100) !important;
    --button-hover-border: 1px solid var(--color-yellow-100) !important;
}


/* кнопка заказать на странице офера */
:root[data-theme="dark"]
button[data-bs-target="#orderModal"] {
    --button-color-background: var(--color-gray-750) !important;;
    --button-hover-color-background: var(--color-gray-750) !important;
    --button-color-text: var(--color-yellow-200) !important;
	--button-border: 1px solid var(--color-yellow-200) !important;
	--button-hover-color-text: var(--color-yellow-100) !important;
	--button-hover-border: 1px solid var(--color-yellow-100) !important;
}