/* ===== MODAL (clean) ===== */
.review-modal{
  display:none;
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.7);
 
  border-radius:20px;
  z-index:50;
  flex-direction:column;
  justify-content:center;
  gap:16px;
}
.review-modal.active{ display:flex; }

/* Контент модалки: сверху-вниз + внутренний скролл */
.review-modal .review-modal-content{
  background:#392237;
  color:#F5F5F5;
  border-radius:16px;
  padding:15px;

  height:auto;
  max-height:min(90vh,720px);

  display:flex;
  flex-direction:column;
  align-items:stretch;

  overflow-y:auto;
  overflow-x:hidden;

  position:relative;
  z-index:51;
}

/* Стрелки */
.review-modal-arrow{
  position:static;
  background:none;
  border:0;
  padding:0;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:60;
}
.review-modal-arrow img{ width:32px; height:32px; display:block; }
.review-modal-arrow.down img{ transform:rotate(180deg); }

/* Хедер */
.review-top{ display:flex; align-items:center; justify-content:space-between; gap:10px; width:100%; font-size:12px; }
.review-author{ display:flex; align-items:center; gap:6px; color:#FFB900; font-weight:500; }
.review-author img{ width:14px; height:14px; }
.review-date{ font-size:11px; color:#C5C9D6; }

/* ===== MEDIA ===== */
.review-modal-media{ display:none; }
.review-modal.active .review-modal-media{ display:flex; }

.review-modal .review-modal-media{
  width:100%;
  border-radius:12px;
  overflow:hidden;
  position:relative;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}

.review-modal .player-surface{
  width:100%;
  height:100%;
  position:relative;
}

.review-modal .review-modal-media img,
.review-modal .review-modal-media video,
.review-modal .player-thumb,
.review-modal .player-video{
  width:100% !important;
  height:100% !important;
  object-fit:cover;
  display:block;
  border-radius:inherit;
}

/* Превью без src не показывать */
.player-thumb:not([src]),
.player-thumb[src=""]{ display:none !important; }

/* ===== TEXT / STARS ===== */
.review-stars{ display:flex; gap:4px; flex:0 0 auto; }
.review-stars img{ width:16px; height:16px; display:block; }

/* только внутри ОТКРЫТОЙ модалки */
.review-modal.active .review-stars{
  margin:9px 0 6px 0;
}

.review-modal-text{
  font-size:12px;
  line-height:1.5;
  font-weight:300;
  text-align:left;
  width:100%;
  height:300px;
  max-height:300px;
  overflow:auto;
  padding-right:6px;
  white-space:pre-line;        /* \n = перенос строки */
  word-break:break-word;
  overflow-wrap:anywhere;
}
.review-modal-text img{ display:none !important; }

/* В видео-режиме прячем звёзды и текст */
.review-modal.video-mode .review-stars,
.review-modal.video-mode .review-modal-text{ display:none; }

/* ==== СКРОЛЛБАРЫ ==== */
.dd-inner{
  overflow-y:auto;
  overflow-x:hidden;
  scrollbar-color:var(--scroll-thumb) var(--scroll-track);
  scrollbar-width:thin;
}
.dd-inner::-webkit-scrollbar{ width:10px; }
.dd-inner::-webkit-scrollbar-track{ background:var(--scroll-track); }
.dd-inner::-webkit-scrollbar-thumb{ background:var(--scroll-thumb); border-radius:8px; }

.review-modal .review-modal-content{
  scrollbar-color:var(--scroll-thumb) var(--scroll-track);
  scrollbar-width:thin;
}
.review-modal .review-modal-content::-webkit-scrollbar{ width:10px; }
.review-modal .review-modal-content::-webkit-scrollbar-track{ background:var(--scroll-track); }
.review-modal .review-modal-content::-webkit-scrollbar-thumb{ background:var(--scroll-thumb); border-radius:8px; }

/* ==== ACTIONS контейнер ==== */
.review-modal .review-modal-actions{
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  padding:15px 0 0px 0;
}

/* ===== ИЗОЛИРОВАННАЯ КНОПКА ИСТОЧНИКА =====
   .modal_btn_source – три блока внутри:
   .mbs__icon-left  |  .mbs__label  |  .mbs__icon-2gis
*/
.review-modal .modal_btn_source{
  all:unset;                 /* снять наследованные стили кнопок */
  font:inherit;

  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;

  height:33px;
  padding:0 15px;            /* требуемые внутренние отступы */
  background:#787878;
  color:#D4AF37;
  border-radius:6px;
  cursor:pointer;
  user-select:none;
  white-space:nowrap;
  box-sizing:border-box;
}

/* внутренние блоки */
.review-modal .modal_btn_source .mbs__icon-left,
.review-modal .modal_btn_source .mbs__label,
.review-modal .modal_btn_source .mbs__icon-2gis{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:14px;
  font-weight:400;
  line-height:1;
}

/* текст */
.review-modal .modal_btn_source .mbs__label{
  position:relative;
  z-index:2;
  color:inherit; /* #D4AF37 */
}

/* левая пиктограмма — ТОЛЬКО обводка цветом текста */
.review-modal .modal_btn_source .mbs__icon-left{ margin-left:0; flex:0 0 auto; }
.review-modal .modal_btn_source .mbs__icon-left svg{ display:block; overflow:visible; width:14px; height:14px; }
.review-modal .modal_btn_source .mbs__icon-left path{
  stroke:currentColor;
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* правая пиктограмма 2ГИС — ТОЛЬКО заливка #262626 */
.review-modal .modal_btn_source .mbs__icon-2gis{
  display:none;             /* включается JS-ом при 2gis.ru */
  flex:0 0 auto;
}
.review-modal .modal_btn_source .mbs__icon-2gis svg{
  display:block;
  width:30px; height:8px;
  overflow:visible;         /* не резать края */
}
.review-modal .modal_btn_source .mbs__icon-2gis path{
  fill:#262626 !important;
  stroke:none !important;
}

/* попытка убрать клиппинг у встроенной svg (если оставили <g clip-path="…">) */
.review-modal .modal_btn_source .mbs__icon-2gis [clip-path]{
  clip-path:none !important;
  -webkit-clip-path:none !important;
}

/* отключить любые ховеры/фокусы именно для этой кнопки */
.review-modal .modal_btn_source:hover,
.review-modal .modal_btn_source:active,
.review-modal .modal_btn_source:focus{
  color:#D4AF37;
  outline:none;
  box-shadow:none;
  filter:none;
}

/* === Списки (cards) vs Модалка: разнесённые стили звёзд === */
.reviews-left .review-stars{
  display:flex;
  gap:4px;
  margin:0 10px 10px 1px;
}
.reviews-left .review-stars img{ width:16px; height:16px; }

.review-modal .review-stars{
  display:flex;
  gap:8px;
  margin:6px 0 0;
}
.review-modal .review-stars img{ width:20px; height:20px; }
/* --- Фикс: левая иконка внутри кнопки источника --- */
.review-modal .modal_btn_source .review-btn-icon,
.review-modal .modal_btn_source .mbs__icon-left{
  position: static !important;   /* вместо absolute/relative */
  left: auto !important;
  top: auto !important;
  transform: none !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 14px;   /* сам размер иконки */
  height: 14px;
}

/* саму кнопку чутка “расслабим”, чтобы отступы задавали положение */
.review-modal .modal_btn_source{
  padding-left: 15px !important;
  padding-right: 15px !important;
  gap: 8px; /* зазор между иконкой, текстом и логотипом */
}

/* логотип 2ГИС – не обрезать и не ужимать */
.review-modal .modal_btn_source .mbs__icon-2gis{
  display: inline-flex;
  flex: 0 0 auto;
}
.review-modal .modal_btn_source .mbs__icon-2gis svg{
  width: 30px; height: 8px;
  overflow: visible;
}
.review-modal .modal_btn_source .mbs__icon-2gis [clip-path]{ clip-path: none !important; }
.review-modal .modal_btn_source .mbs__icon-2gis path{ fill:#262626 !important; stroke:none !important; }



/* --- СТИЛИЗУЕМ РЕАЛЬНЫЕ СКРОЛЛ-КОНТЕЙНЕРЫ ВНУТРИ МОДАЛКИ --- */
/* Контейнер с общим скроллом модалки */
.review-modal .review-modal-content::-webkit-scrollbar {
  width: 10px;
  -webkit-appearance: none;      /* важно: отключает нативный вид со стрелками */
}
.review-modal .review-modal-content::-webkit-scrollbar-track {
  background: var(--scroll-track);
}
.review-modal .review-modal-content::-webkit-scrollbar-thumb {
  background: var(--scroll-thumb);
  border-radius: 8px;
}
/* Кнопки-стрелки — в ноль */
.review-modal .review-modal-content::-webkit-scrollbar-button {
  display: none; width: 0; height: 0; background: transparent;
  -webkit-appearance: none;
}

/* Сам текст отзыва — отдельный скролл */
.review-modal .review-modal-text::-webkit-scrollbar {
  width: 10px;
  -webkit-appearance: none;      /* без этого на некоторых темах остаются стрелки */
}
.review-modal .review-modal-text::-webkit-scrollbar-track {
  background: var(--scroll-track);
}
.review-modal .review-modal-text::-webkit-scrollbar-thumb {
  background: var(--scroll-thumb);
  border-radius: 8px;
}
.review-modal .review-modal-text::-webkit-scrollbar-button {
  display: none; width: 0; height: 0; background: transparent;
  -webkit-appearance: none;
}

/* На некоторых билдах “стрелки” выглядят как track-piece — тоже гасим */
.review-modal .review-modal-content::-webkit-scrollbar-track-piece:start,
.review-modal .review-modal-content::-webkit-scrollbar-track-piece:end,
.review-modal .review-modal-text::-webkit-scrollbar-track-piece:start,
.review-modal .review-modal-text::-webkit-scrollbar-track-piece:end {
  background: var(--scroll-track);
  margin: 0;
}

/* Firefox — на всякий случай */
.review-modal .review-modal-content,
.review-modal .review-modal-text {
  scrollbar-width: thin;
  scrollbar-color: var(--scroll-thumb) var(--scroll-track);
}
/* Модалка: общий контейнер */
.review-modal .review-modal-content::-webkit-scrollbar-button,
.review-modal .review-modal-text::-webkit-scrollbar-button{
  display: none;
  width: 0;
  height: 0;
  background: transparent;
  -webkit-appearance: none;
}