/* ==========================================================================
   Elita brand colors — override Antarion palette from assets/main.min.css
   Brand book «0.8 Цвета» (2026-01-05)
   ========================================================================== */

@font-face {
    font-family: 'a_FuturicaLt';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/a-futuricalt-thin.woff2') format('woff2'),
         url('../fonts/a-futuricalt-thin.woff') format('woff');
}

:root {
    --elita-orange: #eb6502;
    --elita-orange-hover: #fcb686;
    --elita-orange-light: #ffdcc5;
    --elita-cyan: #06383a;
    --elita-cyan-pastel: #a3d3d1;
    --elita-white: #ffffff;
    --elita-black: #000000;
    --elita-grey: #bfbfbf;
    --elita-grey-warm: #dbd8d2;
    --elita-bg: #f6f5f3;
    --elita-orange-rgb: 235, 101, 2;
    --elita-gradient: linear-gradient(184.78deg, #fcb686 -5.32%, #eb6502 100%);
    --elita-gradient-outline: linear-gradient(180deg, #fcb686 0, #eb6502 100%);
    --elita-shadow-orange: 0 4px 8px rgba(235, 101, 2, 0.3);
    --elita-font-futurica: 'a_FuturicaLt', sans-serif;
}

/* ==========================================================================
   Elita brand typography — A_FuturicaLt site-wide
   Headings: bold (700). Everything else: regular (400).
   ========================================================================== */
html,
body,
.layout {
    font-family: var(--elita-font-futurica) !important;
    font-weight: 400;
}

.layout * {
    font-family: inherit !important;
}

.layout :is(h1, h2, h3, h4, h5, h6, .sec-title) {
    font-weight: 700 !important;
}

.layout .swiper-button-prev,
.layout .swiper-button-next {
    font-family: swiper-icons !important;
}

.layout pre,
.layout code,
.layout kbd,
.layout samp {
    font-family: monospace, monospace !important;
}

.layout .datepicker,
.layout .datepicker *,
.layout .irs,
.layout .irs * {
    font-family: revert !important;
    font-weight: revert !important;
}

/* Primary orange (#ff671f → #eb6502) — buttons excluded */
.layout .sticker:not(.sticker--black),
.layout .sec-title::after,
.layout .bs-card:hover .bs-card__link .arrow,
.layout .ctg-card:hover .arrow,
.layout .news-card:hover .arrow,
.layout .fav-item:hover .arrow,
.layout .arr-link:hover .arr-link__icon,
.layout .cookie__close:hover::before,
.layout .cookie__close:hover::after,
.layout .attach .list li .js-file-remove::before,
.layout .attach .list li .js-file-remove::after,
.datepicker--cell.-selected-,
.datepicker--cell.-selected-.-current-,
.irs--round .irs-bar {
    background-color: var(--elita-orange);
}

/* Hover orange — backgrounds (buttons excluded) */
.layout .bs-card:hover .sticker,
.layout .attach .list li .js-file-remove:hover::before,
.layout .attach .list li .js-file-remove:hover::after,
.datepicker--cell.-selected-:hover,
.datepicker--cell.-selected-.-current-:hover,
.irs--round:hover .irs-bar {
    background-color: var(--elita-orange-hover);
}

/* Hover orange — text */
.layout .bs-card:hover .bs-card__link h4,
.layout .ctg-card:hover h4,
.layout .news-card:hover h4,
.layout .fav-item:hover h4,
.layout .arr-link:hover,
.layout .attach__add-file:hover,
.layout .header .header-top__phone .phone-select__list li a:hover,
.layout--index .phone-select__list li a:hover,
.layout .page--text blockquote a:not(.btn):hover,
.layout .page--text p a:not(.btn):hover,
.layout .page--text ol a:not(.btn):hover,
.layout .page--text ul a:not(.btn):hover,
.layout .page--text .download-files .download-file:hover,
.layout .header .top-menu li a:hover,
.layout .header .header-nav__item:hover,
.layout .mob-menu__main a:hover,
.layout .h-menu-main__link:hover,
.layout .profile .tabs__link:hover,
.layout .show-more:hover,
.layout .link--doc:hover,
.layout .link--video:hover,
.layout .form__link:hover,
.layout .agreement a:hover,
.layout .subscription a:hover,
.layout .subpopup a:hover,
.layout .breadcrumb a:hover,
.layout .indicators__likes:hover,
.layout .news-tag:hover,
.layout .filter .filter__item.is-opened .filter__name,
.layout .accordeon__title.is-active:hover,
.layout .p-descr__link:hover,
.layout .p-sidebar__link:hover,
.layout .fast-view__link:hover {
    color: var(--elita-orange-hover);
}

/* Bluish gray (#516472 → #06383a) — footer excluded */
.layout .h-menu-main,
.layout .header .mob-menu::before,
.layout .header .h-menu-main,
.layout .header .h-menu-main::before {
    background-color: var(--elita-cyan);
}

/* Text / links — buttons excluded */
.layout .color--orange,
.layout .page--text blockquote a:not(.btn),
.layout .page--text p a:not(.btn),
.layout .page--text ol a:not(.btn),
.layout .page--text ul a:not(.btn),
.layout .bs-card__link h4,
.layout .ctg-card__link h4,
.layout .news-card__link h4,
.layout .fav-item__link h4,
.layout .arr-link,
.layout .link--doc,
.layout .link--video,
.layout .cookie .cookie__text a,
.layout .attach__add-file,
.layout .input__sub,
.layout .form__link,
.layout .agreement a,
.layout .subscription a,
.layout .subpopup a,
.layout .popup .input__sub.color--orange,
.layout .popup a.color--orange,
.popup.popup--profile .input__sub.color--orange,
.layout .p-card__price .current__value,
.layout .p-descr__price .current__value,
.layout .p-sidebar__price .current__value,
.layout .cart-item__price,
.layout .cart-sidebar__total,
.layout .filter .filter__name:hover,
.layout .catalog-sort__label,
.layout .breadcrumb span,
.layout .show-more,
.layout .accordeon__title.is-active,
.layout .accordeon__title:hover,
.layout .inner-menu__link.is-active,
.layout .inner-menu__link:hover,
.layout .profile .tabs__link.is-active,
.layout .header .header-nav__item--icon,
.layout .page--error a,
.layout .page--error h1,
.layout .link--underline,
.layout .link--underline:hover {
    color: var(--elita-orange);
}

/* Borders — buttons excluded */
.irs--round .irs-handle,
.irs--round:hover .irs-handle,
.layout .inner-menu__link.is-active,
.layout .inner-menu__link:hover,
.layout .profile .tabs__link.is-active,
.layout .profile .tabs__link:hover,
.layout .checkbox__input:checked + .checkbox__label::before,
.layout .radio__input:checked + .radio__label::before,
.layout .input:focus,
.layout .textarea:focus,
.layout .select.is-opened .select__in,
.layout .link--underline,
.layout .link--underline:hover,

.irs--round .irs-handle,
.irs--round:hover .irs-handle {
    border: 2px solid var(--elita-orange);
}

.irs--round:hover .irs-handle {
    border-color: var(--elita-orange-hover);
}

/* SVG — button icons excluded */
.layout .header .header-nav__item--icon .icon,
.layout .link--doc .link__icon svg,
.layout .link--video .link__icon svg,
.layout .p-descr__link .icon svg,
.layout .p-sidebar__link .icon svg {
    fill: var(--elita-orange);
    stroke: var(--elita-orange);
}

/* Neutral surfaces */
.layout .header:not(.header--index):not(.header--title-img) .header-main {
    background-color: var(--elita-bg);
}

.layout .page--gray,
.layout .page--error,
.layout .select--filter,
.layout .select--filter .select__in,
.layout .chars-white,
.layout .tabs__link,
.layout .filter .filter__body,
.layout .sbscr-form-popup,
.cookies {
    background-color: var(--elita-bg);
}

.layout .tabs__link:hover {
    background-color: var(--elita-orange-light);
}

.layout .chars-white__row,
.layout .tabs__link,
.irs--round .irs-line,
.layout .input,
.layout .textarea,
.layout .select__in,
.layout .header .header-top__phone:hover .phone-select__icon {
    border-color: var(--elita-grey-warm);
}

.irs--round .irs-line {
    background-color: var(--elita-grey-warm);
}

/* Datepicker / header rgba */
.datepicker--cell.-range-from-,
.datepicker--cell.-range-to- {
    border-color: rgba(var(--elita-orange-rgb), 0.5);
    background: rgba(var(--elita-orange-rgb), 0.2);
}

.datepicker--cell.-in-range- {
    background: rgba(var(--elita-orange-rgb), 0.1);
}

.datepicker--cell.-current-,
.datepicker--cell.-current-.-in-range-,
.datepicker--day-name {
    color: var(--elita-orange);
}

.layout .footer {
    background-color: #fff;
}

.layout .sticker--black {
    background-color: var(--elita-black);
}

.layout .h-menu-left__sec > a > p,
.layout .h-menu-left__sec--contacts > a > p {
    color: var(--elita-orange);
    margin-bottom: 16px;
}

.layout .header .header-logo__main img {
    max-height: 100%;
    width: auto;
}

.layout .header .header-main,
.layout .header .header-main .col-md-9,
.layout .header .header-nav-wrap,
.layout .header .header-nav {
    overflow: visible;
}

@media (min-width: 1024px) {
    .layout .header {
        overflow: visible;
    }

    .layout .header .header-nav-wrap {
        position: relative;
        z-index: 50;
        isolation: isolate;
    }

    .layout .header .header-main__below-nav {
        position: relative;
        z-index: 1;
    }

    .layout .header .header-nav {
        position: relative;
        z-index: 50;
    }

    .layout .header .header-nav__item--submenu {
        position: relative;
    }

    .layout .header .header-nav__item--submenu .nav-submenu {
        overflow: hidden;
        pointer-events: none;
    }

    .layout .header .header-nav__item--submenu:hover,
    .layout .header .header-nav__item--submenu.is-opened {
        z-index: 100;
    }

    .layout .header .header-nav__item--submenu:hover .nav-submenu,
    .layout .header .header-nav__item--submenu.is-opened .nav-submenu {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        max-height: none !important;
        padding: 24px 30px !important;
        overflow: visible;
        pointer-events: auto;
        z-index: 100;
    }
}

/* ==========================================================================
   Bitrix admin panel
   ========================================================================== */
#panel {
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    position: relative;
    z-index: 10100;
    pointer-events: none;
}

#panel #bx-panel {
    pointer-events: auto;
}

#bx-panel,
#bx-panel.bx-panel-fixed,
#bx-panel.bx-panel-fixed-ie {
    z-index: 10100 !important;
}

body:has(#bx-panel) .layout .header .header-top {
    top: var(--admin-panel-height, 47px);
}

body:has(#bx-panel) .layout .header .h-menu-btn {
    top: var(--admin-panel-height, 47px);
}

body:has(#bx-panel) .cookie {
    z-index: 900;
}

@media (max-width: 1023px) {
    body:has(#bx-panel) .layout {
        padding-top: calc(52px + var(--admin-panel-height, 47px));
    }
}

/* ==========================================================================
   Project-specific overrides (non-color)
   ========================================================================== */
.popup_success {
    display: none;
}

.layout .p-card .popup,
.layout .director__write.popup,
.layout li.popup,
.layout .adn-item__block.popup,
.layout .p-card__active.popup {
    position: relative;
    background-color: inherit;
    box-shadow: 0 0 0;
    padding: 0;
}

.news-tag.active {
    background-color: #ff8a35;
    border-color: #ff8a35;
    color: #fff;
}

.sbscr-form-container {
    position: relative;
}

.sbscr-form-popup {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5;
    background-color: var(--elita-white);
    display: none;
}

.sbscr-form-popup-content {
    max-width: 350px;
    margin: 105px auto;
    font-size: 20px;
}

.sbscr-form-popup-content p {
    display: inline-block;
}

.vacancy_item {
    padding: 5px 0;
}

.vacancy_item.status span {
    text-transform: uppercase;
}

.cookies {
    background: var(--elita-bg);
    padding: 18px 0;
    position: fixed;
    font-size: 14px;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    opacity: 0.9;
}

.cookies__wrap {
    position: relative;
    width: 100%;
    font-size: 18px;
}

.cookies__wrap span {
    display: block;
    text-align: center;
}

.cookies__close {
    position: absolute;
    display: inline-block;
    right: 0;
    top: 10px;
}

.cookies__close:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(/local/templates/antarion/img/svg/close-link.svg) no-repeat;
    position: absolute;
    right: -30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.cookies__close:hover:before {
    opacity: 0.5;
}

.cookie_btn_panel {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
}

.layout .header .h-menu .h-menu-main__col h4 {
    margin-bottom: 32px !important;
}

.svg-image-full-screen {
    width: 22px;
    height: 19px;
}

.margin-bottom-20px {
    margin-bottom: 20px;
}

.layout .p-card__img img,
.layout .p-sliders-wrap .p-slider-main-wrap .p-slider-main .swiper-slide .video,
.layout .p-sliders-wrap .p-slider-main-wrap .p-slider-main .swiper-slide img,
.layout .p-sliders-wrap .p-slider-main-wrap .p-slider-main .swiper-slide picture {
    object-fit: contain;
}

.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
    display: none;
    content: " ";
}

.layout .header .header-top__phone .phone-select__list {
    padding: 0 5px 8px 5px;
}

.layout .header--index .header-top__phone .phone-select__list li {
    text-align: center;
}

#snow {
    display: block;
    position: fixed;
    z-index: 1000;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.site_map {
    display: flex;
    flex-direction: column;
}

.site_map tr {
    border: none !important;
}

.layout table.map-columns {
    width: auto;
}

.icon.telegram-footer {
    width: 30px;
}

.phone-select__list li a {
    white-space: nowrap;
}

.layout--index .phone-select__list li a {
    color: var(--elita-white);
}

.layout--index .phone-select__list li a:hover {
    color: var(--elita-orange-hover);
}

.layout .tabs__link {
    text-transform: none;
}

.layout--index .sec-main-slider .next-slide {
    display: none;
}

.layout ul.fixed-banners a.blum-catalog {
    /*display: none*/
}

.video__player .video-js {
    position: absolute;
    width: 100%;
    height: 100%;
}

.video-js .vjs-big-play-button {
    top: 50% !important;
    left: 50% !important;
    transform: translate3d(-50%, -50%, 0);
}

@media (max-width: 1023px) {
    .layout .fixed-banners {
        display: block;
    }

    .layout .fixed-banners li:nth-child(2) {
        display: none;
    }
}

@media (max-width: 767px) {
    .layout .fixed-banners li {
        display: none;
    }
}

label.checkbox {
    font-weight: normal;
}

.grecaptcha-badge {
    visibility: hidden;
}

@media (max-width: 1023px) {
    .layout .header--index .header-main {
        display: none !important;
    }
}

.layout .profile .company p.company-director__emp a {
    color: var(--elita-white);
}

@media (max-width: 1320px) {
    .profile .company {
        margin-top: 0;
    }
}

@media (max-width: 1025px) {
    .profile .company .company-director__blockquote {
        margin-left: 10px;
    }
}

.profile .company .company-director__emp {
    max-width: fit-content;
}

.company .company-director__block::before {
    content: none;
}

@media (max-width: 375px) {
    .profile .company .company-director__photo {
        width: 200px;
    }

    .profile .company .company-director__emp {
        left: 175px;
    }
}

@media (max-width: 365px) {
    .profile .company .company-director__photo {
        width: 160px;
        height: 188px;
    }

    .profile .company .company-director__emp {
        left: 140px;
    }
}
