/* контейнер около языков как и раньше */
.header_lang_unit_switcher,
.header_theme_toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

/* текстовая кнопка без иконки */
.theme-toggle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:30px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.12);
  background:transparent;
  cursor:pointer;
  font-size:13px;
  line-height:1;
  /* чтобы было плавно при смене темы */
  transition: color .5s ease, border-color .5s ease, background-color .5s ease;
}
.wpl-28-color-dark .theme-toggle{ border-color:rgba(255,255,255,.15); color:#fff; }
.wpl-28-color-light .theme-toggle{ color:#111; }

/* если раньше были стили для .theme-toggle__icon — их можно удалить */

/* тут вставил кастом*/
/************ LISTING CARDS — clean look ************/
:root{
  --card-radius:12px;
  --card-pad:12px;
  --card-gap:10px;
  --card-border:1px solid rgba(0,0,0,.08);
  --card-shadow:0 1px 2px rgba(0,0,0,.05);
  --card-shadow-hover:0 10px 24px rgba(0,0,0,.12);
  --accent:#d07800;
}

/* Карточка (GRID) */
.wpl_prp_cont.wpl_prp_cont_v2.grid_box{
  background:#fff;
  border:var(--card-border);
  border-radius:var(--card-radius);
  box-shadow:var(--card-shadow);
  display:flex; flex-direction:column;
  transition:box-shadow .2s ease, transform .2s ease;
}
.wpl_prp_cont.wpl_prp_cont_v2.grid_box:hover{
  box-shadow:var(--card-shadow-hover);
  transform:translateY(-2px);
}

/* Верхняя область с картинкой — без вмешательства в само изображение */
.wpl_prp_cont.wpl_prp_cont_v2.grid_box > .wpl_prp_top{
  margin:0; /* убираем лишние внешние отступы */
}

/* Заголовок и локация (над картинкой, как у вас сейчас) */
.wpl_prp_cont.wpl_prp_cont_v2.grid_box > .wpl-plisting-grid-only{
  padding:var(--card-pad) var(--card-pad) 0;
}
.wpl_prp_cont.wpl_prp_cont_v2.grid_box .wpl_prp_title{
  margin:0 0 6px;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-weight:500;
  line-height:1.25;
  font-size:clamp(18px,1vw+16px,22px);
}
.wpl_prp_cont.wpl_prp_cont_v2.grid_box .wpl_prp_title a{ color:inherit; text-decoration:none; }
.wpl_prp_cont.wpl_prp_cont_v2.grid_box .wpl_prp_title a:hover{ opacity:.9; }

/* Локация — чуток крупнее */
.wpl_prp_cont.wpl_prp_cont_v2.grid_box .wpl_prp_listing_location{
  margin:0 0 6px;
  font-size:clamp(14px,.3vw+14px,16px);
  line-height:1.35;
  color:#4a4f55;
  font-weight:500;
  opacity:.95;
}

/* Низ карточки */
.wpl_prp_cont.wpl_prp_cont_v2.grid_box > .wpl_prp_bot{
  position:relative;
  padding:var(--card-pad);
  padding-bottom:calc(var(--card-pad) + 36px); /* место под цену/сердце */
  margin-top:auto;
}

/* Ряд иконок — в одну строку, аккуратный зазор */
.wpl_property_listing_container .wpl_prp_listing_icon_box{
  display:flex; align-items:center; flex-wrap:wrap;
  gap:8px 12px;
  padding:8px 0;
  border-top:1px solid rgba(0,0,0,.06);
}

/* Описание прячем (если не нужно) — при желании уберите эту строку */
.wpl_property_listing_container .wpl_prp_desc{ display:none !important; }

/* Цена и сердечко — один уровень, по краям снизу */
.wpl_prp_cont.wpl_prp_cont_v2.grid_box .price_box{
  position:absolute; right:var(--card-pad); bottom:var(--card-pad);
  margin:0;
}
.wpl_prp_cont.wpl_prp_cont_v2.grid_box .price_box span{
  display:inline-block;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-weight:800;                 /* чуть жирнее */
  font-size:1.15rem;               /* немного больше */
  line-height:1;
  color:var(--accent);
  letter-spacing:.01em;
  font-variant-numeric:tabular-nums; font-feature-settings:"tnum" 1;
  transform:translateY(-1px);      /* тонкая подводка по высоте */
}

/* Сердечко */
.wpl_prp_cont.wpl_prp_cont_v2.grid_box .wpl_prp_listing_like{
  position:absolute; left:var(--card-pad); bottom:calc(var(--card-pad) + 4px); /* поднято на 4px */
  margin:0; padding:0;
}
.wpl_prp_cont.wpl_prp_cont_v2.grid_box .wpl_prp_listing_like .wpl_listing_links_container ul{
  margin:0; padding:0; list-style:none;
}

/* Подстраховка: убрать внезапные инлайновые высоты внутри карточки */
.wpl_property_listing_container .wpl_prp_cont_v2 [style*="height"]{
  height:auto !important; min-height:0 !important; max-height:none !important;
}

/************ HIDE SORT BAR / VIEW SWITCHERS ************/
.wpl_sort_options_container,
.wpl_sort_options_container .wpl_sort_options_label,
.wpl_sort_options_container .wpl_view_switcher,
.wpl_sort_options_container .wpl_view_container,
.wpl_property_listing_container .wpl_list_grid_switcher,
.wpl_property_listing_listings_container .wpl_list_grid_switcher{
  display:none !important;
}


/* === PRICE VARS (fixed clamp max) === */
:root{
  /* высота зоны под цену/сердце и размер шрифта цены */
  --price-h: 36px;
  /* было: clamp(22px, 1.1vw + 18px, 2px) — max не может быть меньше min */
  --price-fz: clamp(18px, 1.1vw + 18px, 28px);
}


/* больше места снизу под цену и сердечко */
.wpl_prp_cont.wpl_prp_cont_v2.grid_box > .wpl_prp_bot{
  padding-bottom: calc(var(--card-pad) + var(--price-h));
}

/* блок цены выравниваем по центру по вертикали, не даём переноситься */
.wpl_prp_cont.wpl_prp_cont_v2.grid_box .price_box{
  position:absolute; right:var(--card-pad); bottom:var(--card-pad);
  min-height: var(--price-h);
  display:flex; align-items:center; justify-content:flex-end;
  white-space: nowrap;
}

/* сама цена — заметно крупнее и жирнее */
.wpl_prp_cont.wpl_prp_cont_v2.grid_box .price_box span{
  font-size: var(--price-fz);
  font-weight: 600;
  line-height: 1;
  color: var(--accent);
  letter-spacing: .01em;
  font-variant-numeric: tabular-nums; font-feature-settings:"tnum" 1;
}

/* сердечко по линии с ценой (чуть поднято) */
.wpl_prp_cont.wpl_prp_cont_v2.grid_box .wpl_prp_listing_like{
  position:absolute; left:var(--card-pad);
  bottom: calc(var(--card-pad) + 6px);
  margin:0; padding:0;
}
.wpl_prp_cont.wpl_prp_cont_v2.grid_box .wpl_prp_listing_like .wpl_listing_links_container ul{
  margin:0; padding:0; list-style:none;
}
/* компактнее зона и умеренный размер шрифта */
:root{
  --price-h: 46px;                               /* было 52px */
  --price-fz: clamp(18px, 0.9vw + 15px, 22px);   /* было крупнее */
}

/* сама цена — полужирный вместо extra-bold */
.wpl_prp_cont.wpl_prp_cont_v2.grid_box .price_box span{
  font-size: var(--price-fz);
  font-weight: 600;   /* было 800 */
  letter-spacing: 0;  /* если нужно совсем нейтрально */
}

/* строка с этажностью: выравнивание, но БЕЗ общего цвета */
.wpl_prp_cont.wpl_prp_cont_v2 .wpl_prp_listing_icon_box .floor_count{
  display:flex;
  align-items:center;
  gap:8px;
  color: inherit;                 /* важное: не красим весь блок */
}
/* === СТАРЫЕ ПРАВИЛА ДЛЯ ЛЕСТНИЦЫ — ВЫКЛЮЧЕНО ===
/* только иконка – маска + свой цвет 
.wpl_prp_cont.wpl_prp_cont_v2 .wpl_prp_listing_icon_box .floor_count .ico-stairs{
  width:18px; height:18px; flex:0 0 18px;
  -webkit-mask: url("/wp-content/themes/wpl_twentyeight-child/wplhtml/frontend/property_listing/assets/img/stairs_up.svg")
                no-repeat center / contain;
          mask: url("/wp-content/themes/wpl_twentyeight-child/wplhtml/frontend/property_listing/assets/img/stairs_up.svg")
                no-repeat center / contain;
  background-color:#9aa0a6;       /* серый, как у остальных иконок 
  position:relative; top:1px;
}

/* ховер: меняем только иконку, текст не трогаем 
.wpl_prp_cont.wpl_prp_cont_v2:hover .wpl_prp_listing_icon_box .floor_count .ico-stairs{
  background-color:#f0a730;       /* акцент */
}

/* (необязательно) зафиксировать цвет цифры 
.wpl_prp_cont.wpl_prp_cont_v2 .wpl_prp_listing_icon_box .floor_count .value{
  color:#333;                      /* стандартный тёмный текст */
}

/* Базовый вид иконки этажности 
.wpl_prp_cont.wpl_prp_cont_v2 .wpl_prp_listing_icon_box .floor_count .ico-stairs{
  background-color:#9aa0a6;  /* тот же серый, что у остальных иконок */
}

/* НЕ менять цвет при ховере карточки */
.wpl_prp_cont.wpl_prp_cont_v2:hover .wpl_prp_listing_icon_box .floor_count .ico-stairs{
  background-color:#9aa0a6 !important;
}

/* Число этажности тоже не перекрашивать на ховере 
.wpl_prp_cont.wpl_prp_cont_v2 .wpl_prp_listing_icon_box .floor_count .value,
.wpl_prp_cont.wpl_prp_cont_v2:hover .wpl_prp_listing_icon_box .floor_count .value{
  color:#333 !important;
}

  margin:0 !important;
}
=== КОНЕЦ СТАРЫХ ПРАВИЛ === */
/*
.wpl_prp_cont_v2 .wpl_prp_listing_icon_box .floor_count{
  display:flex; align-items:center; gap:8px; line-height:20px; margin:6px 0 0;
}
.wpl_prp_cont_v2 .floor_count .ico-stairs{
  display:inline-block; width:20px; height:20px; flex:0 0 20px;
  background:none !important; background-image:none !important;
  -webkit-mask:url('/wp-content/themes/wpl_twentyeight-child/wplhtml/frontend/property_listing/assets/img/stairs_up.svg')
               no-repeat center / contain !important;
          mask:url('/wp-content/themes/wpl_twentyeight-child/wplhtml/frontend/property_listing/assets/img/stairs_up.svg')
               no-repeat center / contain !important;
  background-color:#8f8f8f !important;
}
.wpl_prp_cont_v2:hover .floor_count .ico-stairs{
  background-color:#8f8f8f !important;
}
*/


/* 1) Выравниваем все строки с иконками внутри блока характеристик */
.wpl_prp_cont_v2 .wpl_prp_listing_icon_box > div{
  position: relative;
  padding-left: 30px;      /* место для иконки слева */
  min-height: 24px;
  line-height: 24px;
  display: flex;
  align-items: center;
}

/* 2) Строка этажности (доп. контроль отступов) */
.wpl_prp_cont_v2 .wpl_prp_listing_icon_box .floor_count{
  margin: 4px 0;           /* как у других строк */
}

/* 3) Ставим нашу SVG-иконку точно в «икон-слот» слева */
.wpl_prp_cont_v2 .wpl_prp_listing_icon_box .floor_count .ico-stairs{
  position: absolute;
  left: 0;
  top: 50%;
  width: 38px;
  height: 20px;
  transform: translateY(-50%);          /* строго по центру строки */
  background: none !important;

  /* маска из вашего файла SVG */
  -webkit-mask: url('/wp-content/themes/wpl_twentyeight-child/wplhtml/frontend/property_listing/assets/img/stairs_up.svg')
                no-repeat center / contain;
          mask: url('/wp-content/themes/wpl_twentyeight-child/wplhtml/frontend/property_listing/assets/img/stairs_up.svg')
                no-repeat center / contain;

  /* цвет — такой же, как у остальных иконок */
  background-color: #8f8f8f !important;
  pointer-events: none;
}

/* 4) Цвет иконки НЕ меняем при ховере карточки */
.wpl_prp_cont_v2:hover .wpl_prp_listing_icon_box .floor_count .ico-stairs{
  background-color: #8f8f8f !important;
}

/* 5) Текст рядом — обычного цвета, без подкраски при ховере */
.wpl_prp_cont_v2 .wpl_prp_listing_icon_box .floor_count .value{ color: inherit; }
.wpl_prp_cont_v2:hover .wpl_prp_listing_icon_box .floor_count .value{ color: inherit; }


:root{
  --hdr-bg:#121417;        /* фон шапки */
  --hdr-text:#F8FAFC;      /* текст/иконки в шапке */
  --hdr-link:#E5E7EB;      /* ссылки */
  --hdr-link-hover:#ffffff;
}

/* Перекрашиваем ЛЮБОЙ контейнер шапки, внутри которого есть логотип */
header:has(img[alt*="Imobly" i]),
[class*="header"]:has(img[alt*="Imobly" i]),
[id*="header"]:has(img[alt*="Imobly" i]),
.topbar:has(img[alt*="Imobly" i]){
  background-color:var(--hdr-bg) !important;
  background-image:none !important;
  color:var(--hdr-text) !important;
}

/* Ссылки в шапке */
header:has(img[alt*="Imobly" i]) a,
[class*="header"]:has(img[alt*="Imobly" i]) a,
[id*="header"]:has(img[alt*="Imobly" i]) a,
.topbar:has(img[alt*="Imobly" i]) a{
  color:var(--hdr-link) !important;
}
header:has(img[alt*="Imobly" i]) a:hover,
[class*="header"]:has(img[alt*="Imobly" i]) a:hover,
[id*="header"]:has(img[alt*="Imobly" i]) a:hover,
.topbar:has(img[alt*="Imobly" i]) a:hover{
  color:var(--hdr-link-hover) !important;
}

/* На случай «оверлея» через ::before/::after */
header:has(img[alt*="Imobly" i])::before,
header:has(img[alt*="Imobly" i])::after,
[class*="header"]:has(img[alt*="Imobly" i])::before,
[class*="header"]:has(img[alt*="Imobly" i])::after,
.topbar:has(img[alt*="Imobly" i])::before,
.topbar:has(img[alt*="Imobly" i])::after{
  content:none !important;
  background:none !important;
}
/* 1) если это border-top у шапки — гасим */
.header, .header-wrapper, .topbar, #header, header.site-header{
  border-top: 0 !important;
}

/* 2) самые частые «топ-строки» в темах */
.top-line, .topline, .header-line, .topbar-line, .color_line, .line_top{
  height:0 !important;
  background:none !important;
  border:0 !important;
  display:none !important;
}

/* 3) если полоса — псевдоэлемент у контейнера */
body::before, .wrapper::before, .site-wrapper::before, .page-wrapper::before,
body::after,  .wrapper::after,  .site-wrapper::after,  .page-wrapper::after{
  content:none !important;
  height:0 !important;
  background:none !important;
  border:0 !important;
}

/* 4) хочешь оставить тонкую полосу — но в цвет шапки/акцента */
:root{ --hdr-accent:#F59E0B; }  /* или любой твой акцент */
.top-line.keep, .header-line.keep{
  display:block !important;
  height:4px !important;
  background:var(--hdr-accent) !important;
}


















/* ===== верхний уровень (главное меню) — светлые ссылки ===== */
#header:has(img[alt*="Imobly" i]) .nav-menu > li > a,
[class*="header"]#header:has(img[alt*="Imobly" i]) .nav-menu > li > a {
  color: var(--hdr-link) !important;        /* как было */
}
#header:has(img[alt*="Imobly" i]) .nav-menu > li > a:hover {
  color: var(--hdr-link-hover) !important;
}

/* ===== ПОДМЕНЮ — тёмно-серый ===== */
#header:has(img[alt*="Imobly" i]) .nav-menu li .sub-menu a {
  color: #333333 !important;
}
#header:has(img[alt*="Imobly" i]) .nav-menu li .sub-menu a:hover,
#header:has(img[alt*="Imobly" i]) .nav-menu li .sub-menu a:focus {
  color: #000000 !important;
}

/* на всякий случай отключим старое «ядерное» правило, если оно осталось ниже */
.sub-menu, .sub-menu * { color: inherit !important; }


/* 1) Отключаем «утечку» глобального правила */
[class*="header"]:has(img[alt*="Imobly" i]) a,
[id*="header"]:has(img[alt*="Imobly" i]) a,
.topbar:has(img[alt*="Imobly" i]) a{
  color: inherit !important; /* сброс */
}

/* 2) Оставляем светлые ссылки ТОЛЬКО в настоящем хедере */
#header a{ color: var(--hdr-link) !important; }
#header a:hover{ color: var(--hdr-link-hover) !important; }

/* 3) Контент страницы: делаем ссылки тёмно-серыми (не затрагивает #header) */
.not_found_container .menu a,
.wpl_main_content a,
.entry-content a,
.site-content a{
  color:#333333 !important;
}
.not_found_container .menu a:hover,
.wpl_main_content a:hover,
.entry-content a:hover,
.site-content a:hover{
  color:#000000 !important;
}


/* === Language pills — flat/ghost variant to blend with header === */
:root{
  --lang-text:        var(--hdr-link, #E5E7EB);
  --lang-text-active: #fff;
  --lang-bg-active:   rgba(255,255,255,.14);
  --lang-bg-hover:    rgba(255,255,255,.10);
}

#header .header_lang_unit_switcher{
  display:flex; align-items:center; justify-content:flex-end;
  gap:8px; margin-top:-1px;   /* тонкая подстройка к высоте меню */
}

/* строка без маркеров */
#header .header_lang_unit_switcher ul{
  display:flex; gap:6px; margin:0; padding:0; list-style:none;
}
#header .header_lang_unit_switcher li{ margin:0; padding:0; }

/* плоские «пилюли» без рамки */
#header .header_lang_unit_switcher a{
  display:inline-flex; align-items:center; justify-content:center;
  height:26px; min-width:30px; padding:0 10px;
  border:0; border-radius:999px;
  background:transparent;
  color:var(--lang-text) !important;
  font-size:12px; font-weight:600; letter-spacing:.02em;
  text-decoration:none; line-height:1;
  transition:background .15s ease, color .15s ease, transform .05s ease;
}

/* активный и hover */
#header .header_lang_unit_switcher .current-lang a{
  background:var(--lang-bg-active);
  color:var(--lang-text-active) !important;
}
#header .header_lang_unit_switcher a:hover,
#header .header_lang_unit_switcher a:focus{
  background:var(--lang-bg-hover);
  color:#fff !important;
  outline:none; transform:translateY(-1px);
}

/* флаги, если включены */
#header .header_lang_unit_switcher img{
  width:14px; height:10px; border-radius:2px; margin-right:6px;
}

/* чтобы не складывалось в «…» */
.wpl-28-menu-overflow{ display:none !important; }

/* чуть крупнее зона клика на мобилке */
@media (max-width: 768px){
  #header .header_lang_unit_switcher a{
    height:30px; min-width:34px; padding:0 12px; font-size:13px;
  }
}
/* Выровнять языки по линии меню */
#header .header_lang_unit_switcher{
  display:flex;
  align-items:center;       /* ровно по центру по вертикали */
  justify-content:flex-end; /* к правому краю */
  margin:0;
  padding:0;
  position:relative;
  top:-16px;  /* подстройка — сдвигаем выше */
}

/* Контейнер UL тоже чистим */
#header .header_lang_unit_switcher ul{
  margin:0; padding:0;
  display:flex; gap:6px;
  align-items:center;
}




/* ==== FIX 1: спрятать любой текст/лейбл внутри тумблера ==== */
#header .theme-toggle__label,
#header .theme-toggle .theme-toggle__text,
#header .theme-toggle .text { display:none !important; }

#header .theme-toggle::before { content:none !important; } /* если тема что-то вставляет */
#header .theme-toggle { font-size:0 !important; }          /* на всякий случай */

/* ==== FIX 2: вернуть языки в одну строку и сделать их видимыми ==== */

/* Контейнер языков + тумблер — одна линия, без жёсткой высоты */
#header .header_lang_unit_switcher{
  position:relative !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:8px !important;
  top:-16px !important;
  height:auto !important;         /* <- убираем 20px */
  line-height:20px !important;
  z-index:50 !important;          /* поверх всего */
}

/* Убираем влияние :hover на <li> */
#header .header_lang_unit_switcher li,
#header .header_lang_unit_switcher li:hover,
#header .header_lang_unit_switcher li:focus {
  margin:0 !important; padding:0 !important;
  background:transparent !important; box-shadow:none !important; border:0 !important;
}

/* Ссылки RU/EN — стабильные габариты, без «подсветок» и прыжков */
#header .header_lang_unit_switcher li > a{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  /* не фиксируем width, чтобы точно влезли RU/RO/EN */
  height:20px !important;
  line-height:20px !important;
  padding:0 10px !important;
  text-align:center !important;

  color:#E5E7EB !important;       /* светло-серый как в хедере */
  box-sizing:border-box !important;
  border:1px solid transparent !important;   /* толщина постоянная */
  border-radius:999px !important;
  background:transparent !important;
  box-shadow:none !important;
  text-decoration:none !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
  transition: color .15s linear !important;
  -webkit-tap-highlight-color: transparent;
}

/* Hover/active/current — меняем ТОЛЬКО цвет текста */
#header .header_lang_unit_switcher li > a:hover,
#header .header_lang_unit_switcher li > a:focus,
#header .header_lang_unit_switcher li > a:active,
#header .header_lang_unit_switcher li.current-lang > a{
  color:#fff !important;
  background:transparent !important;
  border-color:transparent !important;
  transform:none !important; margin:0 !important; top:auto !important;
}

/* Отключить любые псевдо-элементы/оверлеи */
#header .header_lang_unit_switcher li::before,
#header .header_lang_unit_switcher li::after,
#header .header_lang_unit_switcher li > a::before,
#header .header_lang_unit_switcher li > a::after{
  content:none !important; display:none !important;
}

/* ==== Тумблер (мини) — как был, без текста ==== */
#header .theme-toggle{
  position:relative !important;
  width:36px !important; height:20px !important; top:1px !important;
  margin-left:8px !important; padding:0 !important;
  border:1px solid transparent !important; border-radius:999px !important;
  box-sizing:border-box !important; background:var(--toggle-track,#2c2f36) !important;
  line-height:1 !important; cursor:pointer !important; outline:none !important; box-shadow:none !important;
  transition: background-color .25s ease !important;
}
#header .theme-toggle::after{
  content:""; position:absolute; top:2px; left:2px;
  width:16px; height:16px; border-radius:50%;
  background:var(--toggle-knob,#C0C0C0);
  transition: transform .25s ease, background-color .25s ease !important;
}
#header .theme-toggle .theme-toggle__icon{
  position:absolute; top:2px; left:2px; width:16px; height:16px;
  display:flex; align-items:center; justify-content:center;
  font-size:10px; line-height:1; pointer-events:none;
  color:#111; transition: transform .25s ease, color .25s ease !important;
}
#header .theme-toggle:hover,
#header .theme-toggle:focus { background-color:rgba(255,255,255,.08) !important; }
.wpl-28-color-light #header .theme-toggle{ --toggle-track:rgba(176,141,87,.20); }
.wpl-28-color-light #header .theme-toggle::after{ background:#B08D57; transform:translateX(0); }
.wpl-28-color-dark  #header .theme-toggle{ --toggle-track:#2c2f36; }
.wpl-28-color-dark  #header .theme-toggle::after{ background:#C0C0C0; transform:translateX(16px); }












/* === 1) Переменные темы (тёмная по умолчанию) === */
:root {
  --ui-bg: #0c0c0c;
  --ui-card: #141414;
  --ui-text: #f5f5f5;
  --ui-border: #2a2a2a;

  --ui-dur: 0.5s;    /* длительность анимации */
  --ui-ease: ease;   /* кривая анимации */
}

/* Светлая тема */
:root[data-theme="light"]{
  --ui-bg: #ffffff;
  --ui-card: #ffffff;
  --ui-text: #111111;
  --ui-border: #e6e6e6;
}

/* === 2) Базовые поверхности страницы === */
html, body {
  background-color: var(--ui-bg) !important;
  color: var(--ui-text) !important;
}

#header, #footer, .site-header, .site-footer {
  background-color: var(--ui-bg) !important;
  color: var(--ui-text) !important;
  border-color: var(--ui-border) !important;
}

/* === 3) КРАСИМ ТОЛЬКО allow-list класс ===
   Добавляй .themed-surface туда, где нужно карточное/внутреннее перекрашивание */
.themed-surface {
  background-color: var(--ui-card) !important;
  color: var(--ui-text) !important;
  border-color: var(--ui-border) !important;
}








/* LISTING: только цвет текста и иконок в строках характеристик */

/* Тёмная тема */
.wpl-28-color-dark .wpl_property_listing_listings_container .grid_box .wpl_prp_listing_icon_box > div,
.wpl-28-color-dark .wpl_property_listing_listings_container .grid_box .wpl_prp_listing_icon_box > div .value,
.wpl-28-color-dark .wpl_property_listing_listings_container .grid_box .wpl_prp_listing_icon_box > div .ico{
  color: #cfd4dc !important; /* чуть светлее, чтобы читалось */
}

/* Светлая тема */
.wpl-28-color-light .wpl_property_listing_listings_container .grid_box .wpl_prp_listing_icon_box > div,
.wpl-28-color-light .wpl_property_listing_listings_container .grid_box .wpl_prp_listing_icon_box > div .value,
.wpl-28-color-light .wpl_property_listing_listings_container .grid_box .wpl_prp_listing_icon_box > div .ico{
  color: #374151 !important; /* спокойный серый */
}

/* (необязательно) если у значения осталась зелёная «плашка», можно убрать ТОЛЬКО её */
.wpl_property_listing_listings_container .grid_box .wpl_prp_listing_icon_box > div .value{
  background-color: transparent !important;
  border: 0 !important;
}



/* --- WPL: фикс карты под шапкой, чтобы контейнер не схлопывался --- */
.wpl .wpl_googlemap_container {
  display: block !important;
  height: auto !important;
  min-height: 520px !important;   /* совпадает с высотой в настройках Activity */
  overflow: visible !important;
  /* убери следующую строку, если хочешь оставить рамку: */
  /* border: 0 !important; */
  /* padding: 0 !important; */
}

/* если внутренний canvas всплывает из потока — принудительно вернуть его в поток */
.wpl .wpl_googlemap_container .wpl_map_canvas {
  float: none !important;
  position: relative !important;
  width: 100% !important;
  height: 520px !important;        /* то же, что в Activity */
}

/* классический clearfix для родителя */
.wpl .wpl_googlemap_container::after {
  content: "";
  display: block;
  clear: both;
}

/* дочерние элементы гугл-карты занимают всю высоту контейнера */
.wpl .wpl_googlemap_container .gm-style,
.wpl .wpl_googlemap_container iframe {
  width: 100% !important;
  height: 100% !important;
}

/* === Google Maps: не красить внутренности карты === */
/* ВАЖНО: трогаем только background-color, НЕ используем 'background:' */
.wpl_googlemap_container .gm-style,
.wpl_googlemap_container .gm-style *{
  background-color: transparent !important;
}

/* Если где-то глобально задано img{max-width:100%} — снимем внутри карты */
.wpl_googlemap_container .gm-style img{
  max-width: none !important;
  width: auto !important;
  height: auto !important;
  object-fit: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
}

/* Размер контейнера на всякий случай */
.wpl .wpl_googlemap_container,
.wpl .wpl_googlemap_container .wpl_map_canvas{
  min-height: 520px !important;
}

/* тут закончился кастом*/





/* Цена без подложки (во всех карточках) */
.wpl_prp_cont .price_box,
.wpl_prp_cont_v2.grid_box .price_box {
  background: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* если подложка висит на span */
.wpl_prp_cont .price_box span,
.wpl_prp_cont_v2.grid_box .price_box span {
  background: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;   /* убираем «пилюлю» */
}

/* на всякий случай — отключим псевдоэлементы как подложку */
.wpl_prp_cont .price_box::before,
.wpl_prp_cont .price_box::after,
.wpl_prp_cont_v2.grid_box .price_box::before,
.wpl_prp_cont_v2.grid_box .price_box::after {
  display: none !important;
  content: none !important;
}





/* 1) если иконка лестницы из шрифтов/псевдо-элемента — задаём ей тот же цвет и полную непрозрачность */
.wpl_property_listing_listings_container .grid_box
.wpl_prp_listing_icon_box .ico.ico-stairs,
.wpl_property_listing_listings_container .grid_box
.wpl_prp_listing_icon_box .ico.ico-stairs:before{
  color:#dfe3e9 !important;    /* подбери под свой оттенок */
  opacity:1 !important;
}

/* 2) если это фон-спрайт (на color не реагирует) — слегка «подсветим» фильтром только в тёмной теме */
.wpl-28-color-dark .wpl_property_listing_listings_container .grid_box
.wpl_prp_listing_icon_box .ico.ico-stairs{
  filter: brightness(1.55) contrast(0.9) !important; /* ↑ сделает на вид светлее; подстрой 1.4–1.7 */
}

/* в светлой теме фильтр не нужен */
.wpl-28-color-light .wpl_property_listing_listings_container .grid_box
.wpl_prp_listing_icon_box .ico.ico-stairs{
  filter:none !important;
}








.lang-fill-toolbar{
  display:flex; align-items:center; gap:8px;
  margin:10px 0; padding:6px 10px;
  border:1px dashed rgba(0,0,0,.2);
  border-radius:8px; font-size:13px;
}
.wpl-28-color-dark .lang-fill-toolbar{
  border-color: rgba(255,255,255,.25); color:#e5e7eb;
}
.lang-fill-toolbar button{
  padding:4px 10px; border-radius:999px;
  border:1px solid rgba(0,0,0,.25); background:transparent; cursor:pointer;
}
.wpl-28-color-dark .lang-fill-toolbar button{
  border-color: rgba(255,255,255,.35); color:#e5e7eb;
}
.lang-fill-toolbar strong{ font-weight:600; }




/* child-theme/style.css */
.wpl_googlemap_container,
.wpl_googlemap_container .wpl_map_canvas,
#wpl_map_canvas{
  min-height: 520px !important; /* было 360px */
}


/* Не трогать тайлы Google Maps */
.gm-style img{
  max-width: none !important;   /* отменяем responsive-обрезку */
  height: auto !important;
  object-fit: none !important;
  opacity: 1 !important;        /* на случай, если lazy-load прячет img */
  visibility: visible !important;
  filter: none !important;       /* отключить возможные фильтры/блюр */
}

/* На всякий случай — внутри контейнера карты не применять глобальные правила к img */
.wpl_googlemap_container img{
  max-width: none !important;
  width: auto !important;
}
/* --- FIX: Google Maps на листинге WPL --- */



/* Внутренние <img> Google не делать «резиновыми» и не прятать */
.wpl_property_listing_container .gm-style img{
  max-width: none !important;
  width: auto !important;
  height: auto !important;
  object-fit: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
}

/* Размер контейнера (страховка) */
.wpl_property_listing_container .wpl_googlemap_container,
.wpl_property_listing_container .wpl_googlemap_container .wpl_map_canvas,
#wpl_map_canvas{
  min-height: 520px !important; /* было 360px */
}

/* === Google Maps: не красить внутренности карты (широкое исключение) === */
/* Важно: трогаем только background-color, НЕ shorthand background */
.wpl_property_listing_container .gm-style,
.wpl_property_listing_container .gm-style *{
  background-color: transparent !important;
}

/* Не «резинить» картинки Google внутри карты */
.wpl_property_listing_container .gm-style img{
  max-width: none !important;
  width: auto !important;
  height: auto !important;
  object-fit: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
}

/* Размер контейнера (страховка) */
.wpl_property_listing_container .wpl_googlemap_container,
.wpl_property_listing_container .wpl_googlemap_container .wpl_map_canvas,
#wpl_map_canvas{
  min-height: 360px !important;
}


/* --- WPL: карта в листинге — гарантированная высота --- */
.wpl_property_listing_container .wpl_map,
.wpl_property_listing_container .wpl_map_container,
.wpl_property_listing_container .wpl_map_canvas,
.wpl_property_listing_container .wpl-googlemap,
.wpl_property_listing_container .wpl_googlemap_container,
.wpl_property_listing_container .wpl_googlemap_canvas {
  height: 420px !important;
  min-height: 420px !important;
}

/* внутренний слой под canvas */
.wpl_googlemap_canvas > div,
.wpl_map_canvas > div { height: 100% !important; }

/* WPL listing map: жёсткая геометрия и отключение оверлеев/анимаций */
.wpl_property_listing_container .wpl_googlemap_canvas,
.wpl_property_listing_container .wpl_map_canvas{
  position: relative !important;
  height: 420px !important;
  min-height: 420px !important;
  background: transparent !important;
  overflow: hidden !important;
  z-index: 5 !important;
  transition: none !important;
  animation: none !important;
}
.wpl_property_listing_container .wpl_googlemap_canvas > div,
.wpl_property_listing_container .wpl_map_canvas > div{
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
}
.wpl_property_listing_container .wpl_googlemap_canvas::before,
.wpl_property_listing_container .wpl_map_canvas::before,
.wpl_property_listing_container .map-overlay,
.wpl_property_listing_container .wpl_map_overlay,
.wpl_property_listing_container .section-overlay{
  display:none !important;
}



/* ——— WPL listing map: снимем перекрытия и поднимем карту ——— */
.wpl_property_listing_container .wpl_googlemap_canvas,
.wpl_property_listing_container .wpl_map_canvas{
  position: relative !important;
  height: 420px !important;
  min-height: 420px !important;
  overflow: hidden !important;
  background: transparent !important;
  z-index: 5 !important;
}
/* сам слой карты на весь контейнер и поверх */
.wpl_property_listing_container .wpl_googlemap_canvas > .gm-style,
.wpl_property_listing_container .wpl_map_canvas > .gm-style{
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 10 !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  pointer-events: auto !important;
}

/* гасим типовые оверлеи/подложки темы в этом блоке */
.wpl_property_listing_container .wpl_googlemap_canvas::before,
.wpl_property_listing_container .wpl_map_canvas::before,
.wpl_property_listing_container .wpl_map_overlay,
.wpl_property_listing_container .map-overlay,
.wpl_property_listing_container .section-overlay,
.wpl_property_listing_container .elementor-background-overlay,
.wpl_property_listing_container .fusion-overlay{
  display: none !important;
}












/* === WPL listing map: жёсткая фиксация слоёв и снятие перекрытий === */
.wpl_property_listing_container .wpl_googlemap_canvas,
.wpl_property_listing_container .wpl_map_canvas{
  position: relative !important;
  height: 420px !important;
  min-height: 420px !important;
  overflow: hidden !important;
  background: transparent !important;
  z-index: 5 !important;
  transition: none !important;
  animation: none !important;
}

/* сам слой карты на весь контейнер */
.wpl_property_listing_container .wpl_googlemap_canvas > .gm-style,
.wpl_property_listing_container .wpl_map_canvas > .gm-style{
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 10 !important;
}

/* ВКЛЮЧИТЬ видимость всех внутренних слоёв карт (тайлы/канвас/оверлеи) */
.wpl_property_listing_container .gm-style,
.wpl_property_listing_container .gm-style *{
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  pointer-events: auto !important;
}

/* Выключить типовые затемнения/оверлеи темы поверх карты */
.wpl_property_listing_container .wpl_googlemap_canvas::before,
.wpl_property_listing_container .wpl_map_canvas::before,
.wpl_property_listing_container .wpl_map_overlay,
.wpl_property_listing_container .map-overlay,
.wpl_property_listing_container .section-overlay,
.wpl_property_listing_container .elementor-background-overlay,
.wpl_property_listing_container .fusion-overlay{ display:none !important; }



/* — карта в листинге: добиваем все перекрытия и отключаем стили темы — */

/* контейнер */
.wpl_property_listing_container .wpl_googlemap_canvas,
.wpl_property_listing_container .wpl_map_canvas{
  position: relative !important;
  height: 420px !important;
  min-height: 420px !important;
  width: 100% !important;
  overflow: hidden !important;
  background: transparent !important;
  z-index: 5 !important;
  transition: none !important;
  animation: none !important;
}

/* сам слой кар*


/* на всякий снимаем стили, которые «обесцвечивают» тайлы */
.wpl_property_listing_container .gm-style img,
.wpl_property_listing_container .gm-style canvas{
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  filter: none !important;
}










/* — карта в листинге: добиваем все перекрытия и отключаем стили темы — */

/* контейнер */
.wpl_property_listing_container .wpl_googlemap_canvas,
.wpl_property_listing_container .wpl_map_canvas{
  position: relative !important;
  height: 420px !important;
  min-height: 420px !important;
  width: 100% !important;
  overflow: hidden !important;
  background: transparent !important;
  z-index: 5 !important;
  transition: none !important;
  animation: none !important;
}

/* сам слой карты */
.wpl_property_listing_container .wpl_googlemap_canvas > .gm-style,
.wpl_property_listing_container .wpl_map_canvas > .gm-style{
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 10 !important;
}

/* включаем видимость ВСЕХ внутренних слоёв Google Maps */
.wpl_property_listing_container .gm-style,
.wpl_property_listing_container .gm-style *{
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  pointer-events: auto !important;
}

/* явно показываем тайлы/канвас/iframe */
.wpl_property_listing_container .gm-style img,
.wpl_property_listing_container .gm-style canvas,
.wpl_property_listing_container .gm-style iframe{
  display: block !important;
  opacity: 1 !important;
}

/* сносим типовые оверлеи темы */
.wpl_property_listing_container .wpl_googlemap_canvas::before,
.wpl_property_listing_container .wpl_map_canvas::before,
.wpl_property_listing_container .wpl_map_overlay,
.wpl_property_listing_container .map-overlay,
.wpl_property_listing_container .section-overlay,
.wpl_property_listing_container .elementor-background-overlay,
.wpl_property_listing_container .fusion-overlay{
  display: none !important;
}

/* на случай, если родительская секция красит фон */
.wpl_property_listing_container{
  background: transparent !important;
}