/* ============================================================
   Avangard Seaside — REDESIGN (тёмный премиум)
   Накладывается ПОВЕРХ main.css. Механику не трогаем, только вид.
   ============================================================ */

:root{
  --rd-ink:#0b0b0d;
  --rd-ink2:#13151b;
  --rd-paper:#f2efe9;
  --rd-mut:rgba(242,239,233,.62);
  --rd-line:rgba(242,239,233,.14);
}

/* ---------- ОСНОВА ---------- */
body{
  background:var(--rd-ink) !important;
  color:var(--rd-paper) !important;
  font-family:'Montserrat',sans-serif !important;
  font-weight:300;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,h5{
  font-family:'Playfair Display',serif !important;
  font-weight:500 !important;
  color:var(--rd-paper);
  letter-spacing:.01em;
}
a{color:var(--rd-paper);}

/* ---------- НАВИГАЦИЯ ---------- */
#sideMenu{
  background:rgba(11,11,13,.82) !important;
  box-shadow:none !important;
  border-bottom:1px solid var(--rd-line);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
}
#sideMenu a, #sideMenu span, #sideMenu .a-trans{
  color:var(--rd-paper) !important;
  font-size:13px !important;
  letter-spacing:.18em;
  text-transform:uppercase;
  font-weight:300;
  opacity:.86;
  transition:opacity .3s;
}
#sideMenu a:hover{opacity:1;}
.logo{
  font-family:'Playfair Display',serif !important;
  color:var(--rd-paper) !important;
  letter-spacing:.16em !important;
  text-transform:uppercase;
}
.logo span{color:var(--rd-paper) !important;}

/* ---------- ВЫБОР КВАРТИР (секция 1) ---------- */
.main-image{background-color:var(--rd-ink) !important;}

.floor-nav-div{
  background-color:rgba(11,11,13,.5) !important;
  -webkit-backdrop-filter:blur(6px);
  backdrop-filter:blur(6px);
  border:1px solid var(--rd-line);
}
.currentBlock, .blockInfo{
  color:var(--rd-paper) !important;
  font-family:'Playfair Display',serif !important;
}
.floorInfo{color:var(--rd-paper) !important;}
.floorNo{
  font-family:'Playfair Display',serif !important;
  color:var(--rd-paper) !important;
}
.chooseFloor{
  color:var(--rd-mut) !important;
  font-family:'Playfair Display',serif !important;
  font-size:22px !important;
  letter-spacing:.04em;
}

/* подсветка этажа при наведении — благородная белая вместо зелёной */
.st0:hover{
  fill:#ffffff !important;
  opacity:.15 !important;
  filter:none !important;
}

/* поповеры квартиры / счётчика */
#floorInfoLG{
  background:rgba(11,11,13,.92) !important;
  color:var(--rd-paper) !important;
  border:1px solid var(--rd-line);
  font-size:12px;
  letter-spacing:.08em;
  border-radius:2px;
}
#apartmentInfo{
  background:rgba(11,11,13,.92) !important;
  color:var(--rd-paper) !important;
  border:1px solid var(--rd-line);
  padding:18px 22px !important;
  font-size:13px;
  letter-spacing:.04em;
  border-radius:2px;
}
#apartmentInfo span{color:#fff !important;}

/* ---------- РАЗДЕЛЫ: прозрачный фон поверх тёмной базы ---------- */
section, .container, .container-fluid{background-color:transparent;}

/* ==============================================================
   Блоки, до которых тёмная тема не дошла (добавлено 28.08.2026).
   Причина правки: тёмный фон накатили поверх старых стилей, и в
   нескольких местах остался тёмный текст на тёмном либо светлый
   текст на белой карточке. Замеры контраста были 1.15–2.94 при
   норме 4.5.
   ============================================================== */

/* «Почему Avangard» — подписи под заголовками */
.features span{color:var(--rd-mut);}

/* Правая и левая колонки преимуществ: «Морская близость» и соседние.
   В main.css было #2C3E50 — на чёрном давало контраст 1.79. */
.benefit h4{color:var(--rd-paper);}
.benefit p{color:var(--rd-mut);}

/* Заголовок «Премиальные услуги» — было тёмно-зелёное на чёрном (2.94) */
.info-icon{color:var(--rd-paper);}

/* Карточка рассрочки: в main.css осталась белой, а текст стал светлым (1.15).
   Делаем карточку тёмной в тон теме, а не возвращаем чёрный текст. */
.installment{
  background-color:rgba(19,21,27,.94) !important;
  border:1px solid var(--rd-line);
  box-shadow:0 0 40px rgba(0,0,0,.45) !important;
}
.installment h3,
.installment span,
.installment .installment-inner-row span{color:var(--rd-paper);}
.installment-inner-col-first,
.installment-inner-col-second,
.installment-inner-col-third{border-color:var(--rd-line) !important;}

/* Ссылка «Подробнее...» — было 2.09.
   Селектор с id, потому что в main.css правило #about_project a
   перебивает более простое. */
#about_project a.readmore-js-toggle,
a.readmore-js-toggle{color:var(--rd-paper);text-decoration:underline;}
#about_project a.readmore-js-toggle:hover,
a.readmore-js-toggle:hover{color:#fff;}

/* Ссылка на студию в подвале: должно быть видно, что она кликабельна. */
.studio-link{
  color:var(--rd-paper);
  text-decoration:underline;
  text-underline-offset:3px;
  text-decoration-thickness:1px;
  opacity:.85;
  transition:opacity .2s;
}
.studio-link:hover,
.studio-link:focus{opacity:1;color:#fff;}

/* Мобильный выбор блока. В main.css кнопки и подпись были зелёными
   (--gray-200), на тёмном фоне это давало контраст 2.94 при норме 4.5.
   На десктопе этот блок не показывается, поэтому в первый заход не попал. */
.chosenBlock{color:var(--rd-paper);}
.btn-outline-primary{
  color:var(--rd-paper);
  border-color:var(--rd-line);
}
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active{
  color:var(--rd-ink) !important;
  background-color:var(--rd-paper) !important;
  border-color:var(--rd-paper) !important;
}

/* ==============================================================
   Один оттенок вместо трёх (31.08.2026).
   На странице жили #FFFFFF, #F2F2F2 и rgba(255,255,255,.8) —
   на глаз неразличимы, но приходили из разных файлов, поэтому
   правка цвета срабатывала только частично. Сводим к --rd-paper
   и приглушённому --rd-mut.
   Логотип и подпись под ним не трогаем: там свой размер и разрядка.
   ============================================================== */

/* карточки слайдера инфраструктуры — было rgba(255,255,255,.8) */
.itc-slider__item{color:var(--rd-paper);}
.slider-inside-title{color:var(--rd-paper);}
.slider-inside-text{color:var(--rd-mut);}

/* «Почему Avangard» — было #F2F2F2 */
.why-inner-row h4{color:var(--rd-paper);}
.why-inner-row span{color:var(--rd-mut);}

/* контакты и подвал — было чистое #FFFFFF */
.footer_menu li a{color:var(--rd-paper);}
.footer_menu li a:hover{color:#fff;}

/* Последние вкрапления #F2F2F2 и #FFF из main.css */
.btn-success{color:var(--rd-paper);}
.slider-inside span, .why-col span{color:var(--rd-mut);}

/* main.css красит ссылки в #why-desc через id-селектор, поэтому здесь тоже id */
#why-desc a{color:var(--rd-paper);}
#why-desc a:hover{color:#fff;}
#why-desc span, #why-desc article{color:var(--rd-mut);}

/* ==============================================================
   Панель выбора этажа.
   Раньше слово «этаж» подтягивалось под цифру отрицательным отступом
   (-20px), а вертикаль держалась на line-height 230px/140px.
   С коротким «Этаж» это сходило, но английское Floor налезало на 7px,
   а грузинское სართული — на 20px, и панель разъезжалась.
   Теперь всё стоит на общей базовой линии, ширина считается от
   содержимого, поэтому длина слова роли не играет.
   ============================================================== */
/* .floorInfo позиционирован абсолютно, поэтому содержимое не растягивает
   панель — ширину задаём явно, с запасом под самое длинное слово
   (грузинское სართული). Правый край остаётся на прежнем месте. */
.floor-nav-div{
  width:240px !important;
  left:calc(100% - 260px) !important;
}
.floorTitle{
  display:flex;
  align-items:baseline;
  justify-content:center;
  white-space:nowrap;
}
/* Порядковый суффикс («ый», «th») пишется слитно с числом,
   поэтому промежуток только перед самим словом «этаж». */
.floorTitle .floorWord{margin-left:10px;}
.floorTitle .floorNo{
  font-size:110px;
  font-weight:100;
  line-height:1;
}
.floorTitle .floorOrd,
.floorTitle .floorWord{
  font-size:20px;
  line-height:1;
}
/* пустые span (THE и TH пусты в русском и грузинском) не должны
   создавать лишние промежутки */
.floorTitle span:empty{display:none;}

/* ==============================================================
   Модальные окна (31.08.2026).
   Тёмная тема красит текст в светлый, а окна Bootstrap остались
   белыми — замеры показали контраст 1.15 во всех пяти окнах:
   заголовки, площади квартиры, номера этажей были почти не видны.
   Делаем окна тёмными в тон сайту. Планировки в apts/*.png
   с непрозрачным светлым фоном, поэтому на тёмном они читаются
   как белый лист и не страдают.
   ============================================================== */
.modal-content{
  background-color:var(--rd-ink2);
  color:var(--rd-paper);
  border:1px solid var(--rd-line);
  border-radius:2px;
}
.modal-header,
.modal-footer{border-color:var(--rd-line);}
.modal-title{color:var(--rd-paper);}

/* крестик закрытия: по умолчанию чёрный, на тёмном не виден */
.modal .close{
  color:var(--rd-paper);
  opacity:.7;
  text-shadow:none;
}
.modal .close:hover,
.modal .close:focus{opacity:1;color:#fff;}

/* «Зарезервировано» — белым по оранжевому давало 2.97 */
.reservedShow{color:var(--rd-ink);}

/* Кнопки внутри окон: у Bootstrap текст тёмно-серый под белый фон,
   на тёмном давал 1.18–1.59. Кнопки с собственной заливкой
   (btn-primary, btn-success) от этого не страдают — цвет тот же светлый. */
.modal .btn{color:var(--rd-paper);}
.modal .btn-secondary{
  background-color:transparent;
  border-color:var(--rd-line);
}
.modal .btn-secondary:hover,
.modal .btn-secondary:focus{
  background-color:var(--rd-paper);
  border-color:var(--rd-paper);
  color:var(--rd-ink);
}