/* ═══════════════════════════════════════════════════════════════
   Rielti — светлая тема
   Файл: assets/templates/rielti/rielti-light.css
   Подключается ПОСЛЕ основных стилей и переопределяет их.
   Чтобы вернуть тёмную тему — убрать строку подключения.
   ═══════════════════════════════════════════════════════════════ */

:root{
  /* фирменная палитра с главной страницы */
  --navy:#ffffff;          /* фон страницы */
  --navy2:#ffffff;         /* фон карточек */
  --navy3:#eef2f7;         /* плашки-заглушки */
  --blue:#2db7e8;          /* голубой акцент */
  --blue-l:#1a9fd4;        /* акцент потемнее, для текста */
  --violet:#2d7dd2;
  --text:#1c2033;          /* заголовки */
  --text2:#5a6377;         /* основной текст */
  --text3:#8c94a6;         /* подписи */
  --border:#e4e9f0;
  --surface:#f6f8fb;
  --acc:#2db7e8;
  --footer:#2b3550;        /* подвал как на главной */
}

body{background:#ffffff;color:#1c2033}

/* ── шапка ── */
nav{background:#ffffff!important;border-bottom:1px solid #e4e9f0!important;
    box-shadow:0 1px 14px rgba(28,32,51,.06);backdrop-filter:none!important}
nav .logo,.logo{background:none!important;-webkit-text-fill-color:initial!important;
    color:#2d7dd2!important;font-weight:800}
.nl a,.crumb,.crumb a,.nav-r a{color:#5a6377!important}
.nl a:hover,.crumb a:hover,.nav-r a:hover{color:#2db7e8!important}
.nav-av{background:linear-gradient(135deg,#2db7e8,#2d7dd2)!important;color:#fff!important}
.ncta,.sb-go,.cta-b.pri,.cb.p,.ob-btn.p,.b.p{
    background:#2db7e8!important;color:#fff!important;border:none!important;
    box-shadow:0 4px 14px rgba(45,183,232,.32)}
.ncta:hover,.sb-go:hover,.cta-b.pri:hover,.cb.p:hover{background:#1a9fd4!important;opacity:1!important}
.burger span{background:#5a6377!important}
.mmenu{background:#fff!important;border-bottom:1px solid #e4e9f0!important}
.mmenu a{color:#5a6377!important;border-bottom:1px solid #e4e9f0!important}

/* выпадающее меню */
.rmenu-btn{background:#f6f8fb!important;border:1px solid #e4e9f0!important;color:#5a6377!important}
.rmenu-btn:hover{border-color:#2db7e8!important;color:#1c2033!important}
.rmenu-pop{background:#fff!important;border:1px solid #e4e9f0!important;
    box-shadow:0 20px 50px rgba(28,32,51,.14)!important;backdrop-filter:none!important}
.rmenu-pop a{color:#5a6377!important}
.rmenu-pop a:hover{background:#eaf7fd!important;color:#1c2033!important}
.rmenu-pop h6{color:#8c94a6!important}
.rmenu-sep{background:#e4e9f0!important}

/* ── обложки и затемнения ── */
.hero-veil,.dh-veil{background:
  linear-gradient(100deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.88) 34%,
  rgba(255,255,255,.5) 62%,rgba(255,255,255,.72) 100%),
  linear-gradient(180deg,rgba(255,255,255,.4) 0%,transparent 24%,
  transparent 58%,rgba(255,255,255,.95) 100%)!important}
.hero-bg,.dh-bg{opacity:.55!important}
.hero-glow,.dh-acc{opacity:.5}
h1,h2,h3,h4,.dc-title,.rc-title,.cc-title,.ob-title,.sec-head h2,.head h1{color:#1c2033}
h1 .gr,.head h1 span{background:linear-gradient(115deg,#2db7e8,#2d7dd2)!important;
    -webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important}
.lede,.dh-desc,.sec-head p,.head p{color:#5a6377!important}
.tag,.dh-tag{background:#eaf7fd!important;border:1px solid #bfe6f7!important;color:#1a8cbf!important}
.tdot{background:#2db7e8!important;box-shadow:0 0 10px rgba(45,183,232,.6)!important}
.hstat b,.dh-st b,.stq-c b,.qol-num{background:none!important;
    -webkit-text-fill-color:initial!important;color:#2d7dd2!important}
.hstat span,.dh-st span,.stq-c span{color:#8c94a6!important}

/* ── карточки и поверхности ── */
.card,.icard,.dcard,.rcard,.ccard,.ob-card,.ob-agent,.ob-sum,.dh-st,.stq-c,
.qol-card,.gsec,.pc-box,.poic,.sim-c,.dl-item,.stf-c,.note,.li,.hist-item{
    background:#ffffff!important;border:1px solid #e4e9f0!important;
    box-shadow:0 2px 10px rgba(28,32,51,.05)}
.card:hover,.icard:hover,.dcard:hover,.rcard:hover,.ccard:hover,.sim-c:hover,
.poic:hover,.dl-item:hover,.li:hover,.li.on{
    border-color:#2db7e8!important;box-shadow:0 14px 30px rgba(28,32,51,.1)!important}
.ob-sp{background:#fff!important}
.ob-specs{background:#e4e9f0!important;border-color:#e4e9f0!important}
.searchbar{background:#f6f8fb!important;border:1px solid #e4e9f0!important;backdrop-filter:none!important}
.searchbar input{color:#1c2033!important}
.searchbar input::placeholder{color:#8c94a6!important}
.chip,.rf-r,.rf-bar select,.pill{background:#f6f8fb!important;border:1px solid #e4e9f0!important;color:#5a6377!important}
.chip.on,.rf-r.on,.pill.on{background:#2db7e8!important;border-color:#2db7e8!important;color:#fff!important}
.chip:hover,.rf-r:hover{border-color:#2db7e8!important;color:#1c2033!important}
.cta,.cta-wrap .cta{background:linear-gradient(125deg,#eaf7fd,#f3f6fb)!important;
    border:1px solid #bfe6f7!important}
.cta-b.sec2,.cb.s,.ob-btn.s,.b.s,.btn-ghost{background:#f6f8fb!important;
    border:1px solid #e4e9f0!important;color:#1c2033!important}

/* текст внутри карточек */
.dc-desc,.rc-desc,.cc-desc,.icard p,.ob-card p,.gsec-b p,.gsec-b li,
.pc-box li,.poic span,.sim-a,.li-a,.hist-addr,.sts-p,.note{color:#5a6377!important}
.dc-stat b,.rc-stat b,.ob-sp b,.stb-v,.hist-title{color:#1c2033!important}
.dc-stat,.rc-stat{background:#f6f8fb!important;border-color:#e4e9f0!important}
.dc-stat span,.rc-stat span,.ob-sp span,.li-h,.sim-h,.hist-time{color:#8c94a6!important}
.li-p,.sim-p,.ob-price b,.dc-go,.rc-go,.sec-link,.hist-price{color:#1a9fd4!important}
.li-h,.sim-h{background:#f0f3f8!important}
.li-s b{color:#1c2033!important}
.dz,.vd,.eu{stroke:#fff}

/* шкалы и полосы */
.stb-t,.qol-bar{background:#e8edf4!important}
.stb:hover{background:#f6f8fb!important}
.stb-n{color:#5a6377!important}
.qtag{background:#eaf7fd!important;border:1px solid #bfe6f7!important;color:#1a8cbf!important}
.gsec summary{color:#1c2033!important}
.gsec summary:hover{background:#f6f8fb!important}
.gsec[open]{border-color:#2db7e8!important}
.pc-box.good h4{color:#0f9d58!important}
.pc-box.bad h4{color:#e2574c!important}

/* карты: снимаем инверсию, она была нужна только тёмной теме */
#dmap .maplibregl-canvas,#obmap .maplibregl-canvas,
#map .maplibregl-canvas{filter:none!important}
.mk{background:#fff!important;border-color:#2db7e8!important;color:#1c2033!important;
    box-shadow:0 2px 10px rgba(28,32,51,.18)!important}
.mk:hover,.mk.on{background:#2db7e8!important;color:#fff!important}
.poi{background:#fff!important;border-color:#e4e9f0!important;
    box-shadow:0 2px 10px rgba(28,32,51,.18)!important}
.maplibregl-popup-content{background:#fff!important;border-color:#e4e9f0!important;
    box-shadow:0 14px 34px rgba(28,32,51,.18)}
.pp-a{color:#5a6377!important}
.pp-btn{background:#2db7e8!important;color:#fff!important}
.tip{background:#fff!important;border:1px solid #e4e9f0!important;color:#1c2033!important;
    box-shadow:0 16px 40px rgba(28,32,51,.16)!important;backdrop-filter:none!important}
.tip-r{color:#5a6377!important}
.tip-r b{color:#1a9fd4!important}
.tip-go{color:#8c94a6!important;border-top-color:#e4e9f0!important}

/* ── подвал: тёмно-синий, как на главной ── */
.rf{background:#2b3550!important;border-top:none!important}
.rf-brand p,.rf-col a,.rf-bot span,.rf-bot nav a{color:#b8c0d4!important}
.rf-col a:hover,.rf-bot nav a:hover{color:#2db7e8!important}
.rf-col h5{color:#fff!important}
.rf-brand .rf-logo{background:none!important;-webkit-text-fill-color:initial!important;color:#fff!important}
.rf-badge{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.14)!important;
    color:#b8c0d4!important}
.rf-top{border-bottom-color:rgba(255,255,255,.12)!important}

/* ── кабинет ── */
.side,.sidebar,.panel{background:#fff!important}
.side-link{color:#5a6377!important}
.side-link.on,.side-link:hover{background:#eaf7fd!important;color:#1c2033!important}
.count{background:#f0f3f8!important;color:#5a6377!important}

/* ═══════════════════════════════════════════════════════════════
   СТРАНИЦА ПОИСКА — починка раскладки
   Причина поломки: карточка берёт высоту от родителя, а после
   добавления футера раскладка «на весь экран» перестала работать.
   ═══════════════════════════════════════════════════════════════ */

/* карточка объекта: своя высота, не зависит от родителя */
.card{display:flex!important;align-items:stretch!important;min-height:108px!important;
      background:#fff!important;border:1px solid #e4e9f0!important;border-radius:14px!important;
      overflow:hidden!important;box-shadow:0 2px 10px rgba(28,32,51,.05)!important}
.card:hover,.card.active{border-color:#2db7e8!important;
      box-shadow:0 10px 26px rgba(28,32,51,.12)!important}
.card-img{width:132px!important;min-width:132px!important;flex-shrink:0!important;
      position:relative!important;overflow:hidden!important;background:#eef2f7!important}
.card-img img{width:100%!important;height:100%!important;object-fit:cover!important;
      display:block!important;position:absolute!important;inset:0!important}
.card-body{padding:12px 14px!important;flex:1!important;min-width:0!important;
      display:flex!important;flex-direction:column!important;justify-content:center!important}
.card-price{color:#1a9fd4!important;font-size:16px!important;margin-bottom:4px!important}
.card-addr{color:#5a6377!important;white-space:normal!important;overflow:visible!important}
.card-stats{color:#8c94a6!important;font-size:11.5px!important}
.card-badge{background:#2db7e8!important;color:#fff!important;z-index:3!important}
.card-fav{background:rgba(255,255,255,.92)!important;color:#8c94a6!important;z-index:3!important;
      box-shadow:0 2px 6px rgba(28,32,51,.18)!important}
.card-link{color:#1a9fd4!important}

/* панель и карта */
.app{height:auto!important;min-height:calc(100vh - 110px)!important;align-items:stretch!important}
.panel{background:#fff!important;border-right:1px solid #e4e9f0!important}
.listings{padding:14px!important;gap:10px!important}
.panel-head{border-bottom:1px solid #e4e9f0!important}
.filters{background:#fff!important;border-bottom:1px solid #e4e9f0!important;backdrop-filter:none!important}

/* на телефоне: карта сверху, список под ней */
@media(max-width:900px){
  .app{flex-direction:column!important;padding-top:118px!important;height:auto!important}
  .panel{width:100%!important;max-width:100%!important;border-right:none!important;
         border-bottom:1px solid #e4e9f0!important;overflow:visible!important;order:2}
  .map-wrap{order:1;height:320px!important;min-height:320px!important;flex:none!important}
  .listings{max-height:none!important;overflow:visible!important}
  .card{min-height:96px!important}
  .card-img{width:108px!important;min-width:108px!important}
  .card-price{font-size:15px!important}
}