/* Підключати після assets/cleaner.css + локального style.css.
   Шапка blog/case як на головній: сірий фон #393837 (custom.css .vj-header / .header-desktop). */

/* --- Десктоп --- */
body.car-color .header-desktop {
	background-color: #393837 !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

body.car-color .header-desktop.scrolled {
	background-color: #393837 !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

body.car-color .header-desktop .white-logo {
	display: none !important;
}

body.car-color .header-desktop .dark-logo {
	display: block !important;
}

body.car-color .header-desktop.scrolled .white-logo {
	display: none !important;
}

body.car-color .header-desktop.scrolled .dark-logo {
	display: block !important;
}

body.car-color .delivery-header-home-link,
body.car-color .header-desktop.scrolled .delivery-header-home-link {
	color: rgba(255, 255, 255, 0.92) !important;
}

body.car-color .delivery-header-home-link:hover {
	color: #e8d5a3 !important;
}

body.car-color header.header-desktop .lang-switch,
body.car-color header.header-desktop .lang-switch .lang-switch__link {
	color: #ffffff !important;
}

body.car-color .right-side-header .delivery-desktop-header-social ul li a,
body.car-color .header-desktop.scrolled .right-side-header .delivery-desktop-header-social ul li a {
	color: #ffffff !important;
	border-color: rgba(255, 255, 255, 0.35) !important;
	background-color: transparent !important;
}

body.car-color .right-side-header .delivery-desktop-header-social ul li a:hover {
	background: #615328 !important;
	border-color: #615328 !important;
	color: #ffffff !important;
}

/* --- Мобільна шапка --- */
body.car-color .vj-header,
body.car-color .vj-header.scrolled {
	background-color: #393837 !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	color: #ffffff;
}

body.car-color .vj-header img.white {
	display: none !important;
}

body.car-color .vj-header img.dark {
	display: block !important;
}

body.car-color .vj-header.scrolled img.white {
	display: none !important;
}

body.car-color .vj-header.scrolled img.dark {
	display: block !important;
}

body.car-color header.vj-header .lang-switch,
body.car-color header.vj-header .lang-switch .lang-switch__link {
	color: #ffffff !important;
}

/* Замість світлих «пігулок» з style.css — як на головній */
body.car-color .vj-header .delivery-vj-header-social ul li a,
body.car-color .vj-header.scrolled .delivery-vj-header-social ul li a {
	width: 36px;
	height: 36px;
	min-width: 36px;
	padding: 0;
	border-radius: 10px;
	background-color: rgba(255, 255, 255, 0.1) !important;
	border: 1px solid rgba(255, 255, 255, 0.3) !important;
	color: #ffffff !important;
}

body.car-color .vj-header .delivery-vj-header-social ul li a:hover {
	background: #000000 !important;
	border-color: #000000 !important;
	color: #ffffff !important;
}

body.car-color .vj-header .delivery-vj-header-social ul li a i {
	color: inherit !important;
}

/* Дубль стабілізації гліфа FB у сірій шапці (FA ::before) */
body.car-color .vj-header .delivery-vj-header-social ul li a i.fa-brands::before {
	opacity: 1 !important;
	color: currentColor !important;
}

/* Менший зазор під фіксованою шапкою на вузьких екранах */
@media (max-width: 991px) {
	body.car-color .car-detail-section {
		padding-top: max(90px, calc(80px + env(safe-area-inset-top, 0px)));
	}
}