/* ==========================================================
   Yell — светлая шапка по макету
   Перекрывает родную шапку ListingPro, разметка не тронута:
   живы поиск с автоподсказкой, мобильное меню и модалка логина.
   ========================================================== */

.lp-topbar { display: none !important; }

.lp-menu-bar,
.lp-menu-bar.header-bg-color-class {
    background-color: rgba(255,255,255,.94) !important;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border-bottom: 1px solid var(--yell-border);
    position: sticky;
    top: 0;
    z-index: 120;
}
.admin-bar .lp-menu-bar { top: 32px; }
@media screen and (max-width: 782px) { .admin-bar .lp-menu-bar { top: 46px; } }

.lp-menu-bar .fullwidth-header { padding-top: 6px; padding-bottom: 6px; }
.lp-logo img { max-height: 52px; width: auto; }

.lp-menu-container .lp-menu > div > ul > li > a,
.lp-menu-container ul.inner_menu > li > a {
    color: var(--yell-ink) !important;
    font-weight: 600;
    font-size: 14.5px;
}
.lp-menu-container .lp-menu > div > ul > li > a:hover,
.lp-menu-container ul.inner_menu > li > a:hover { color: var(--yell-deep) !important; }

.lp-menu-container .sub-menu {
    background: var(--yell-surface) !important;
    border: 1px solid var(--yell-border) !important;
    border-radius: 14px !important;
    box-shadow: 0 18px 40px -24px rgba(21,23,27,.55) !important;
    padding: 8px !important;
    /* ширина по самому длинному пункту: в теме было жёсткие 200px и названия ломались на две строки */
    width: max-content !important;
    min-width: 240px !important;
    max-width: 360px !important;
}
.lp-menu-container .sub-menu li a {
    color: var(--yell-ink) !important;
    border: 0 !important;
    border-radius: 8px;
    padding: 8px 12px !important;
    white-space: nowrap !important;
}
.lp-menu-container .sub-menu li a:hover {
    background: var(--yell-bg) !important;
    color: var(--yell-deep) !important;
}

.lp-menu-container li.yell-menu-cta > a {
    background: var(--yell-accent) !important;
    color: var(--yell-ink) !important;
    border-radius: 999px !important;
    padding: 10px 18px !important;
    font-weight: 700 !important;
}
.lp-menu-container li.yell-menu-cta > a:hover { background: var(--yell-accent-hover) !important; color: var(--yell-ink) !important; }

.lp-menu-container li.yell-menu-account > a {
    background: var(--yell-ink) !important;
    color: #FFFFFF !important;
    border-radius: 999px !important;
    padding: 10px 18px !important;
    font-weight: 700 !important;
    cursor: pointer;
}
.lp-menu-container li.yell-menu-account > a:hover { background: var(--yell-deep) !important; color: #FFFFFF !important; }

.lp-menu-container li.wpml-ls-menu-item { display: inline-block !important; }
.lp-menu-container li.wpml-ls-menu-item > a {
    border: 1px solid var(--yell-border) !important;
    border-radius: 999px !important;
    padding: 8px 14px !important;
    color: var(--yell-ink) !important;
    font-weight: 700 !important;
    background: var(--yell-bg) !important;
}
.lp-menu-container li.wpml-ls-menu-item > a:hover { border-color: var(--yell-ink) !important; }

.lp-add-listing-btn { display: none !important; }

.lp-menu-bar .header-filter .input-group,
.lp-menu-bar .header-filter .form-group {
    background: var(--yell-bg) !important;
    border: 1px solid var(--yell-border) !important;
    border-radius: 12px !important;
}
.lp-menu-bar .header-filter input.form-control {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: var(--yell-ink) !important;
}
.lp-menu-bar .header-filter .input-group-addon {
    color: var(--yell-muted) !important;
    background: none !important;
    border: 0 !important;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .06em;
}
.fullwidth-header .header-filter .input-group.width-49-percent { border-left-color: var(--yell-border) !important; }
.lp-menu-bar .header-filter i,
.lp-menu-bar .header-filter .fa-search { color: var(--yell-ink) !important; }

.mobile-nav-icon i { color: var(--yell-ink) !important; }
.navbar-toggle .icon-bar { background-color: var(--yell-ink) !important; }
.navbar-toggle { background: transparent !important; border-color: var(--yell-border) !important; }

@media (max-width: 1024px) {
    .lp-menu-bar { position: static; }
}

/* --- второй проход: раскладка в одну строку и специфичность кнопок --- */
.lp-menu-bar .fullwidth-header > .row { display: flex; align-items: center; flex-wrap: nowrap; margin: 0; }
.lp-menu-bar .lp-logo-container { flex: 0 0 auto; width: auto !important; padding-right: 22px; }
.lp-menu-bar .header-right-panel { flex: 1 1 auto; width: auto !important; display: flex; align-items: center; gap: 18px; padding: 0; }
.lp-menu-bar .header-filter { flex: 1 1 auto; width: auto !important; max-width: 620px; margin: 0 !important; float: none !important; }
.lp-menu-bar .lp-menu-container { flex: 0 0 auto; width: auto !important; margin-left: auto; float: none !important; padding: 0; }
.lp-menu-bar .lp-menu-container .lp-menu > div > ul { display: flex; align-items: center; gap: 6px; flex-wrap: nowrap; margin: 0; }
.lp-menu-bar .lp-menu-container ul.inner_menu { display: flex; align-items: center; gap: 6px; flex-wrap: nowrap; margin: 0; }
.lp-menu-bar .lp-menu-container li { float: none !important; }
.lp-menu-bar .lp-menu-container li.yell-menu-account > a, .lp-menu-bar .lp-menu-container .lp-menu > div > ul > li.yell-menu-account > a { background: var(--yell-ink) !important; color: #FFFFFF !important; border-radius: 999px !important; padding: 10px 18px !important; font-weight: 700 !important; }
.lp-menu-bar .lp-menu-container li.yell-menu-account > a:hover, .lp-menu-bar .lp-menu-container .lp-menu > div > ul > li.yell-menu-account > a:hover { background: var(--yell-deep) !important; color: #FFFFFF !important; }
.lp-menu-bar .lp-menu-container li.yell-menu-cta > a, .lp-menu-bar .lp-menu-container .lp-menu > div > ul > li.yell-menu-cta > a { background: var(--yell-accent) !important; color: var(--yell-ink) !important; border-radius: 999px !important; padding: 10px 18px !important; font-weight: 700 !important; }
.lp-menu-bar .lp-menu-container li.wpml-ls-menu-item > a, .lp-menu-bar .lp-menu-container .lp-menu > div > ul > li.wpml-ls-menu-item > a { background: var(--yell-bg) !important; color: var(--yell-ink) !important; border: 1px solid var(--yell-border) !important; border-radius: 999px !important; padding: 8px 14px !important; font-weight: 700 !important; }
.lp-menu-bar .lp-menu-container li.wpml-ls-menu-item > a .fa-angle-down { margin-left: 4px; font-size: 11px; }
.lp-menu-bar .lp-menu-container li.wpml-ls-menu-item .sub-menu { min-width: 84px !important; }

.lp-menu-bar .lp-menu-container li.wpml-ls-menu-item > a { white-space: nowrap !important; display: inline-flex !important; align-items: center; line-height: 1; }
.lp-menu-bar .lp-menu-container li.wpml-ls-menu-item > a i { display: inline-block !important; float: none !important; }
.lp-menu-bar .lp-menu-container li.yell-menu-cta > a, .lp-menu-bar .lp-menu-container li.yell-menu-account > a { white-space: nowrap !important; display: inline-block !important; line-height: 1.2; }

.lp-menu-bar .lp-menu-container li.wpml-ls-menu-item > a::after, .lp-menu-bar .lp-menu-container li.wpml-ls-menu-item::after, .lp-menu-bar .lp-menu-container li.wpml-ls-menu-item > a::before { content: none !important; display: none !important; }
.lp-menu-bar .lp-menu-container li.wpml-ls-menu-item { position: relative; }
.lp-menu-bar .lp-menu-container li.wpml-ls-menu-item > *:not(a):not(.sub-menu) { display: none !important; }

/* --- липкость -------------------------------------------------------
 * sticky вешаем на внешний .lp-header: у .lp-menu-bar родитель низкий.
 * На архивах каталога шаблон темы закрывает обёртку
 * .mm-page > .lp_detail_page_styles3 сразу после шапки, а контент лежит
 * рядом с ней - sticky-шапка уезжала вверх вместе со своим коротким
 * родителем. Там переключаемся на fixed и компенсируем высоту отступом. */
.lp-menu-bar, .lp-menu-bar.header-bg-color-class { position: static !important; }
.lp-header { position: sticky !important; top: 0; z-index: 120; }
.admin-bar .lp-header { top: 32px; }
@media screen and (max-width: 782px) { .admin-bar .lp-header { top: 46px; } }

body.yl-archive .lp-header { position: fixed !important; left: 0; right: 0; }
/* Шапка лежит внутри .mm-page (position:relative; z-index:1) - это стекинг-
   контекст, поэтому её z-index 120 работает только внутри него, а снаружи вся
   шапка стоит на уровне 1. Секция архива - сосед .mm-page, и её колонки
   не создают контекста, поэтому кнопка закладки в карточке (z-index: 3)
   всплывала прямо в корень и рисовалась поверх меню. Свой контекст с z-index: 0
   замыкает внутренние слои в секции и ставит её под шапку. */
body.yl-archive section.lp-section { position: relative; z-index: 0; }
body.yl-archive { padding-top: 83px; }
@media (max-width: 991px) { body.yl-archive { padding-top: 115px; } }

@media (max-width: 1024px) {
	.lp-header,
	body.yl-archive .lp-header { position: static !important; }
	body.yl-archive { padding-top: 0; }
}

/* мобильное меню темы (#menu.menu-height-0, ссылка «Вход»): на живом скрыто (.menu-height-0 / #menu в CSS темы) */
#menu.menu-height-0 { height: 0; overflow: hidden; visibility: hidden; }