/* public/widget/widget.css */
:root{
  --rw-bg:#ffffff;
  --rw-panel:#ffffff;
  --rw-card:#ffffff;
  --rw-text:#111111;
  --rw-muted:#667085;
  --rw-border:#e6e8ec;

  --rw-accent:#2563eb;
  --rw-chip:#f3f5f8;
  --rw-chipText:#111;
  --rw-star:#f5c542;
}

.rw-dark{
  --rw-bg:#0d0f12;
  --rw-panel:#171a1f;
  --rw-card:#1f232a;
  --rw-text:#f1f5ff;
  --rw-muted:#a5b0c5;
  --rw-border:#2c3340;

  --rw-accent:#78a6ff;
  --rw-chip:#222833;
  --rw-chipText:#f1f5ff;
  --rw-star:#f5c542;
}

.rw-wrap{
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;
  color:var(--rw-text);
  text-align:left; /* важно */
}

/* УБРАЛИ ОБВОДКУ ВОКРУГ БЛОКА */
.rw-panel{
  background:var(--rw-panel);
  border:none;
  border-radius:18px;
  padding:14px;
}

.rw-topline{
  display:flex;
  gap:10px;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  margin-bottom:12px;
}

.rw-summary{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
}

.rw-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  border-radius:999px;
  background:rgba(255,255,255,0.06);
  border:1px solid var(--rw-border);
  font-size:13px;
  color:var(--rw-text);
}
.rw-dark .rw-pill{ background:rgba(255,255,255,0.05); }

.rw-controls{
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap;
}

.rw-select,.rw-btn{
  border:1px solid var(--rw-border);
  background:var(--rw-card);
  color:var(--rw-text);
  border-radius:12px;
  padding:9px 10px;
  font-size:13px;
  outline:none;
}
.rw-btn{cursor:pointer}
.rw-btn.primary{
  background:var(--rw-accent);
  border-color:var(--rw-accent);
  color:#fff;
}

/* === Carousel (one row) === */
.rw-carousel{ position:relative; }
.rw-viewport{ overflow:hidden; width:100%; }

.rw-track{
  display:flex;
  gap:12px;
  will-change:transform;
  transition:transform 320ms ease;
  transform:translate3d(0,0,0);
  padding-bottom:6px;
}

/* Карточки: desktop 3, tablet 2, mobile 1 */
.rw-card{
  background:var(--rw-card);
  border:1px solid var(--rw-border);
  border-radius:18px;
  padding:14px;
  display:flex;
  flex-direction:column;
  gap:10px;
  flex:0 0 auto;

  width: calc((100% - 12px * 2) / 3);
  height: 240px;
}

@media (max-width: 900px){
  .rw-card{ width: calc((100% - 12px * 1) / 2); height: 245px; }
}
@media (max-width: 560px){
  /* на мобилке больше места под текст */
  .rw-card{ width: 100%; height: 290px; }
}

.rw-head{
  display:flex;
  gap:10px;
  align-items:flex-start;
  justify-content:space-between;
}

.rw-author{
  display:flex;
  gap:10px;
  align-items:center;
  min-width:0;
}

.rw-avatar{
  width:40px;height:40px;border-radius:999px;
  background:var(--rw-chip);
  border:1px solid var(--rw-border);
  display:flex;align-items:center;justify-content:center;
  color:var(--rw-text);
  flex:0 0 auto;
}

.rw-name{
  font-size:14px;
  font-weight:600;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:220px;
}

.rw-sub{
  font-size:12px;
  color:var(--rw-muted);
  margin-top:2px;
}

.rw-stars{
  display:flex;
  gap:2px;
  margin-top:2px;
  flex:0 0 auto;
}
.rw-star{
  color:var(--rw-star);
  font-size:14px;
  line-height:1;
}

.rw-text{
  font-size:14px;
  line-height:1.35;
  color:var(--rw-text);
  opacity:.92;
  text-align:left;

  display:-webkit-box;
  -webkit-line-clamp:5;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* больше строк на мобилке */
@media (max-width: 560px){
  .rw-text{ -webkit-line-clamp:7; }
}

.rw-more{
  margin-top:-6px;
  font-size:14px;
  color:var(--rw-text);
  font-weight:700;
  cursor:pointer;
  background:transparent;
  border:none;
  padding:0;
  text-align:left;
}

.rw-meta{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:auto;
  align-items:center;
}

.rw-chip{
  font-size:12px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid var(--rw-border);
  background:transparent;
  color:var(--rw-muted);
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.rw-link{
  margin-left:auto;
  font-size:12px;
  color:var(--rw-accent);
  text-decoration:none;
}

/* bottom nav */
.rw-bottom{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin-top:10px;
}

.rw-navbtn{
  width:44px;
  height:44px;
  border-radius:999px;
  background:rgba(255,255,255,0.06);
}
.rw-dark .rw-navbtn{ background:rgba(255,255,255,0.05); }

.rw-page{
  font-size:13px;
  color:var(--rw-muted);
  padding:6px 10px;
  border:1px solid var(--rw-border);
  border-radius:999px;
  background:transparent;
}