/* vs-dates.css — «даты + гости в одном экране» (t_ef3f6879 / t_b54c6aca, 30.09.2026). JS — /js/vs-dates.js.
   Только токены кита (/js/vse-ui.css). Десктоп — колонка гостей справа в поповере календаря,
   мобила — липкий низ шторки календаря: гости + итог + одна главная кнопка. */
.vs-dp{display:none;font-family:var(--font,'Inter',sans-serif);color:var(--ink,#12213b);}
.vs-dp-on .vs-dp{display:flex;flex-direction:column;}
.vs-dp__h{font:700 16px/1.2 var(--font,'Inter',sans-serif);color:var(--ink,#12213b);}
.vs-dp__sum b{display:block;font:700 16px/1.25 var(--font-display,'Inter',sans-serif);color:var(--ink,#12213b);}
.vs-dp__sum span{display:block;margin-top:2px;font-size:13px;line-height:1.3;color:var(--muted,#6b7a90);}
.vs-dp__sum span:empty{display:none;}
.vs-dp__go{display:block;width:100%;height:48px;border:0;border-radius:var(--r-m,12px);background:var(--blue,#1E4FA3);color:var(--on-accent,#fff);font:700 15px/1 var(--font,'Inter',sans-serif);cursor:pointer;transition:filter .15s,opacity .15s,background .15s;-webkit-tap-highlight-color:transparent;}/* t_eac820ae: было --blue-deep (#0F2F66, читалась тёмной кнопкой); главное действие кита — --blue, как .vs-btn--primary */
.vs-dp__go:hover{filter:brightness(1.08);}
.vs-dp__go:disabled{opacity:1;background:var(--line,#e1e6f2);color:var(--muted,#6b7a90);cursor:default;filter:none;}
/* строки гостей внутри виджета — одинаково на обеих ширинах */
.vs-dp .sc-counter{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0!important;padding:10px 0!important;border-bottom:1px solid var(--line-2,#eef0f3)!important;}
.vs-dp .sc-counter__title{margin:0;font-size:15px;font-weight:600;color:var(--ink,#12213b);}
.vs-dp .sc-counter__subtitle{margin-top:1px;font-size:12.5px;color:var(--muted,#6b7a90);}
.vs-dp .sc-counter__buttons{display:flex;align-items:center;gap:12px;}
.vs-dp .sc-counter__btn{width:36px;height:36px;padding:0;border-radius:50%;border:1.5px solid var(--line,#d5dbe6);background:var(--card,#fff);color:var(--blue-deep,#2b4ea2);font-size:20px;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;}
.vs-dp .sc-counter__btn:hover:not(:disabled){border-color:var(--blue-deep,#2b4ea2);}
.vs-dp .sc-counter__btn:active:not(:disabled){background:var(--blue-soft,#eef2fb);}
.vs-dp .sc-counter__btn:disabled{opacity:.35;cursor:default;}
.vs-dp .sc-counter__value{min-width:20px;text-align:center;font:700 16px/1 var(--font-display,'Inter',sans-serif);color:var(--ink,#12213b);}
.vs-dp .sc-ages{margin:8px 0 2px;padding:10px 12px;border-radius:var(--r-m,12px);background:var(--paper,#f4f6f9);}
.vs-dp .sc-pets{display:flex;align-items:center;justify-content:space-between;margin:0;padding:10px 0 2px;}
.vs-dp .sc-pets__label{font-size:15px;font-weight:600;color:var(--ink,#12213b);}
/* t_eac820ae: прошедшие недели первого месяца в мобильном календаре (vs-dates.js trimPast) */
.sc-cal-days .sc-cal-day.vs-cal-gone{display:none!important;}
/* t_1cb05751 (30.09, УТВЕРЖДЕНО): вход в экран «даты + гости» на мобиле — ОДНА кнопка «2–4 окт · 2 гостя» в нижней панели.
   Список: .hf-mbq-one (hf-search-v2.js), детальная отеля/объекта: .hd-mbq-one (hotel-detail-v2.js). Вторая половина скрыта. */
.hf-mbq-one .hf-mbq__b[hidden],.hd-mbq-one .hd-mbq__b[hidden]{display:none!important;}
.hd-mbq-one .hd-mbq__b{flex:1 1 auto!important;justify-content:flex-start!important;padding:0 14px!important;}

/* ДЕСКТОП: колонка справа в поповере (как .hd-dp на детальной) */
@media (min-width:861px){
  .sc-calendar-dropdown.vs-dp-on{padding-right:304px!important;min-height:400px;}
  .vs-dp-on .vs-dp{position:absolute;top:20px;right:20px;bottom:20px;width:264px;padding-left:20px;border-left:1px solid var(--line,#e6e9ee);}
  .vs-dp__h{margin:2px 0 8px;}
  .vs-dp__body{flex:1 1 auto;min-height:0;overflow-y:auto;}
  .vs-dp__foot{padding-top:12px;border-top:1px solid var(--line-2,#eef0f3);}
  .vs-dp__sum{margin-bottom:10px;}
}

/* МОБИЛА: одна шторка — календарь сверху, внизу липко гости + итог + кнопка */
@media (max-width:860px){
  .sc-calendar-dropdown.vs-dp-on--m .sc-sheet-foot{display:none!important;}
  .vs-dp-on--m .vs-dp{position:sticky;bottom:0;z-index:7;margin:0 -20px;padding:4px 20px calc(12px + env(safe-area-inset-bottom,0px));background:var(--card,#fff);box-shadow:0 -1px 0 var(--line,#e1e6f2),0 -10px 24px rgba(18,33,59,.06);}
  .vs-dp-on--m .vs-dp__h{display:none;}
  .vs-dp-on--m .vs-dp__body{max-height:34vh;overflow-y:auto;overscroll-behavior:contain;}
  .vs-dp-on--m .sc-counter{padding:8px 0!important;}
  .vs-dp-on--m .sc-counter__subtitle{display:inline;margin-left:6px;}
  .vs-dp-on--m .sc-counter__info{display:flex;align-items:baseline;flex-wrap:wrap;}
  .vs-dp-on--m .vs-dp__foot{display:flex;align-items:center;gap:12px;padding-top:10px;}
  /* итог на мобиле не нужен: даты и ночи уже в подзаголовке шторки, ночи — в кнопке */
  .vs-dp-on--m .vs-dp__sum{display:none;}
  .vs-dp-on--m .vs-dp__go{flex:1 1 auto;height:50px;border-radius:14px;font-size:15.5px;}
}

/* =============================================================================
   t_ab1aa878 р.3 (04.10.2026, Данил: «экран дат и гостей в другом стиле — переделай, чтобы был ахуенный и удобный»).
   Шапка .vs-dp-top (vs-dates.js → top()): карточки «Заезд → Выезд» (нажимаем — синяя рамка у той, что выбирается сейчас),
   между ними ночи (показываем — красным), ниже быстрый выбор чипами кита. Гости справа — бумажная карточка, как в ките.
   ============================================================================= */
.vs-dp-top{flex:1 1 100%;order:0;display:flex;flex-direction:column;gap:12px;padding:2px 0 12px;font-family:var(--font,'Inter',sans-serif);}
.vs-dp-top__dates{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;}
.vs-dp-top__d{display:flex;align-items:center;gap:10px;min-width:0;height:60px;padding:0 12px;border:1.5px solid var(--line,#e1e6f2);border-radius:var(--r-l,16px);background:var(--card,#fff);color:var(--ink,#12213b);text-align:left;cursor:pointer;font:inherit;transition:border-color .15s,box-shadow .15s;-webkit-tap-highlight-color:transparent;}
.vs-dp-top__d:hover{border-color:var(--blue,#1e4fa3);}
.vs-dp-top__d.is-act{border-color:var(--blue,#1e4fa3);box-shadow:0 0 0 3px var(--blue-soft,#eef2fb);}
.vs-dp-top__d i{flex:none;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--blue-soft,#eef2fb);color:var(--blue,#1e4fa3);}
.vs-dp-top__d svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;}
.vs-dp-top__d span{display:flex;flex-direction:column;gap:3px;min-width:0;}
.vs-dp-top__d small{font-size:12px;line-height:1;font-weight:500;color:var(--muted,#6b7a90);}
.vs-dp-top__d b{font:700 15px/1.15 var(--font-display,'Inter',sans-serif);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.vs-dp-top__d:not(.is-act) b:only-child,.vs-dp-top__d b{color:var(--ink,#12213b);}
.vs-dp-top__n{padding:6px 10px;border-radius:999px;background:var(--red-soft,#fdecec);color:var(--red,#e0322b);font:700 12.5px/1 var(--font,'Inter',sans-serif);white-space:nowrap;}
.vs-dp-top__q{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
.vs-dp-top__q::-webkit-scrollbar{display:none;}
.vs-dp-top__q .vs-chip{flex:none;}
/* шапка взяла на себя «какие даты» — строка статуса нужна только для предупреждений о занятости */
.vs-dp-on .sc-cal-status--info{display:none!important;}
@media (min-width:861px){
  .sc-calendar-dropdown.vs-dp-on .sc-cal-sticky-top{padding-top:20px;padding-bottom:6px;box-shadow:0 1px 0 var(--line-2,#eef0f3);margin-bottom:16px;}
  .vs-dp-on .vs-dp-top{flex:1 1 0;min-width:0;padding-bottom:6px;}
  /* «Сбросить даты» — справа в строке быстрых чипов, а не отдельной строкой */
  .sc-calendar-dropdown.vs-dp-on .sc-cal-sticky-top{align-items:flex-end;}
  .sc-calendar-dropdown.vs-dp-on .sc-cal-reset{order:1;align-self:flex-end;margin:0 0 6px auto;flex:none;}
  .sc-calendar-dropdown.vs-dp-on .sc-cal-status{order:2;flex:1 1 100%;}
  .vs-dp-on .vs-dp-top__dates{max-width:520px;}
  /* гости — бумажная карточка справа вместо линии-разделителя */
  .vs-dp-on .vs-dp{top:16px;right:16px;bottom:16px;width:272px;padding:18px 18px 16px;border-left:0;border-radius:var(--r-l,16px);background:var(--paper,#f4f6f9);}
  .vs-dp-on .vs-dp__h{margin:0 0 6px;font-size:17px;}
  .vs-dp-on .vs-dp .sc-counter{border-bottom-color:var(--line,#e1e6f2)!important;}
  .vs-dp-on .vs-dp__foot{border-top:0;padding-top:14px;}
  .vs-dp-on .vs-dp__sum{padding:12px 14px;border-radius:var(--r-m,12px);background:var(--card,#fff);}
  .vs-dp-on .vs-dp .sc-ages{background:var(--card,#fff);}
}
@media (max-width:860px){
  .vs-dp-top{padding:10px 0 12px;gap:10px;}
  .vs-dp-top__d{height:56px;padding:0 14px;gap:8px;}
  .vs-dp-top__d i{display:none;}
  .vs-dp-top__d b{font-size:15px;}
  .vs-dp-top__n{padding:5px 8px;font-size:12px;}
  .vs-dp-top__q{margin:0 -20px;padding:0 20px;}
  /* гости в липком низу — счётчики кита крупнее под палец */
  .vs-dp-on--m .vs-dp .sc-counter__btn{width:38px;height:38px;}
}
