/* ===== BODHIDOSE — производные фирменной палитры =========================
   Базовые цвета задаются полями панели шаблона. Здесь — поверхности, границы
   и второстепенный текст, для которых отдельных полей в панели нет.
   При смене палитры менять значения здесь же. */
:root{
	--surface-1:#1b1613;
	--surface-2:#241d18;
	--line-c:#2e2620;
	--body-c2:#9c9084;
	--overlay-1:rgba(255 255 255 / .03);
	--overlay-2:rgba(255 255 255 / .06);
}

/* ===== Типографика: заголовки Montserrat Bold, текст Inter =============== */
h1, h2, h3, h4, h5, h6,
.heading, .h1, .h2, .h3, .h4, .h5,
.product-thumb__name, .footer__column-heading,
.price, .price-new, .price-old{font-family:'Montserrat', sans-serif}
h1, h2, h3, h4, h5, h6, .heading{font-weight:700;letter-spacing:-.01em}

/* ===== Формы на тёмном фоне ============================================= */
.form-control, input.form-control, textarea.form-control, select.form-control{
	color:var(--body-c);
	background-color:var(--surface-2);
	border:solid 1px var(--line-c)}
.form-control:focus{border-color:var(--a-c)}
.form-control::placeholder{color:var(--body-c2);opacity:1}
.form-control[disabled], .form-control[readonly]{background-color:var(--surface-1);color:var(--body-c2)}
.input-group-addon{color:var(--body-c2);background-color:var(--surface-2);border-color:var(--line-c)}

/* стрелка селекта — из палитры, вместо светлой растровой картинки */
select.form-control{
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath fill='%239c9084' d='M0 0h10L5 6z'/%3E%3C/svg%3E");
	background-repeat:no-repeat;
	background-position:top 50% right 10px;
	background-size:9px}

/* ===== Полосы прокрутки ================================================= */
*::-webkit-scrollbar-track{background:var(--surface-1)}
*{scrollbar-color:var(--line-c) var(--surface-1)}

/* ===== Модальные окна =================================================== */
.modal-content{background:var(--surface-1);border:solid 1px var(--line-c)}
.modal-header, .modal-footer{border-color:var(--line-c)}

/* ===== Таблицы ========================================================== */
.table > thead > tr > th, .table > tbody > tr > td, .table > tbody > tr > th{border-color:var(--line-c)}
.table-striped > tbody > tr:nth-of-type(odd){background:var(--overlay-1)}
.table-hover > tbody > tr:hover{background:var(--overlay-2)}

/* ===== Баннер в выпадающем меню ========================================= */
.menu__banner > div{display:flex;flex-direction:column;justify-content:center;padding:20px 15px;text-align:center;background:var(--overlay-2);border-radius:var(--border-radius-1)}
.menu__banner div img{margin:20px auto;padding:10px;max-width:170px}
.menu__banner span{color:var(--menu-main-level-2-c);font-size:1.5em;font-weight:500}
.menu__banner span:last-of-type{font-size:1.3em}

@media (max-width: 991px) {
a.menu__level-1-a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
}