/* Detail review UI overrides shared by rubber and racket detail pages. */
/* ---- Final mobile/detail review alignment ---- */
:is(.ttrb-detailApp #reviews, .ttrb-racketDetail + .ttrb-affs--detail + #reviews) .ttrb-revBox,
:is(.ttrb-detailApp #reviews, .ttrb-racketDetail + .ttrb-affs--detail + #reviews) .ttrb-revHeader,
:is(.ttrb-detailApp #reviews, .ttrb-racketDetail + .ttrb-affs--detail + #reviews) .ttrb-revForm,
:is(.ttrb-detailApp #reviews, .ttrb-racketDetail + .ttrb-affs--detail + #reviews) .ttrb-revItem,
:is(.ttrb-detailApp #reviews, .ttrb-racketDetail + .ttrb-affs--detail + #reviews) .ttrb-replyItem{
  color:var(--text) !important;
}

:is(.ttrb-detailApp #reviews, .ttrb-racketDetail + .ttrb-affs--detail + #reviews) .ttrb-mini,
:is(.ttrb-detailApp #reviews, .ttrb-racketDetail + .ttrb-affs--detail + #reviews) .ttrb-revProfileMeta,
:is(.ttrb-detailApp #reviews, .ttrb-racketDetail + .ttrb-affs--detail + #reviews) .ttrb-revDate,
:is(.ttrb-detailApp #reviews, .ttrb-racketDetail + .ttrb-affs--detail + #reviews) .ttrb-revDistRow{
  color:var(--muted) !important;
}

:is(.ttrb-detailApp #reviews, .ttrb-racketDetail + .ttrb-affs--detail + #reviews) .ttrb-revName,
:is(.ttrb-detailApp #reviews, .ttrb-racketDetail + .ttrb-affs--detail + #reviews) .ttrb-revBody,
:is(.ttrb-detailApp #reviews, .ttrb-racketDetail + .ttrb-affs--detail + #reviews) .ttrb-revTitle,
:is(.ttrb-detailApp #reviews, .ttrb-racketDetail + .ttrb-affs--detail + #reviews) .ttrb-revAvg{
  color:var(--text) !important;
}

:is(.ttrb-detailApp #reviews, .ttrb-racketDetail + .ttrb-affs--detail + #reviews) .ttrb-revBody{
  white-space:pre-line;
}

:is(.ttrb-detailApp #reviews, .ttrb-racketDetail + .ttrb-affs--detail + #reviews) .ttrb-revProfileMeta{
  font-size:11px !important;
  line-height:1.4 !important;
  font-weight:850 !important;
  margin-top:2px !important;
}

:is(.ttrb-detailApp #reviews, .ttrb-racketDetail + .ttrb-affs--detail + #reviews) :is(.ttrb-btn, .ttrb-miniBtn, .ttrb-like, .ttrb-link){
  min-height:34px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
  border-radius:8px !important;
  padding:8px 11px !important;
  font-size:13px !important;
  line-height:1.15 !important;
  font-weight:900 !important;
}

:is(.ttrb-detailApp #reviews, .ttrb-racketDetail + .ttrb-affs--detail + #reviews) .ttrb-link{
  color:#2563eb !important;
  background:transparent !important;
}

:is(.ttrb-detailApp #reviews, .ttrb-racketDetail + .ttrb-affs--detail + #reviews) .ttrb-revSortBtns{
  align-items:center !important;
}

:is(.ttrb-detailApp #reviews, .ttrb-racketDetail + .ttrb-affs--detail + #reviews) .ttrb-revDistBar{
  background:rgba(148,163,184,.28) !important;
}

@media (max-width:640px){
  :is(.ttrb-detailApp #reviews, .ttrb-racketDetail + .ttrb-affs--detail + #reviews) :is(.ttrb-btn, .ttrb-miniBtn, .ttrb-like, .ttrb-link){
    width:auto !important;
    min-height:34px !important;
    padding:8px 10px !important;
    font-size:12px !important;
  }

  :is(.ttrb-detailApp #reviews, .ttrb-racketDetail + .ttrb-affs--detail + #reviews) .ttrb-revActions{
    gap:8px !important;
  }

  :is(.ttrb-detailApp #reviews, .ttrb-racketDetail + .ttrb-affs--detail + #reviews) .ttrb-revTop{
    align-items:flex-start !important;
  }

  :is(.ttrb-detailApp #reviews, .ttrb-racketDetail + .ttrb-affs--detail + #reviews) .ttrb-revMetaRight{
    align-items:flex-start !important;
  }
}

:root[data-theme="dark"] :is(.ttrb-detailApp #reviews, .ttrb-racketDetail + .ttrb-affs--detail + #reviews) .ttrb-link{
  color:#93c5fd !important;
}

:root[data-theme="dark"] :is(.ttrb-detailApp #reviews, .ttrb-racketDetail + .ttrb-affs--detail + #reviews) :is(.ttrb-miniBtn, .ttrb-like){
  background:rgba(15,23,42,.92) !important;
  color:#e5edf8 !important;
  border:1px solid rgba(148,163,184,.26) !important;
  box-shadow:none !important;
}

:root[data-theme="dark"] :is(.ttrb-detailApp #reviews, .ttrb-racketDetail + .ttrb-affs--detail + #reviews) :is(.ttrb-miniBtn:hover, .ttrb-like:hover){
  background:rgba(30,41,59,.98) !important;
  border-color:rgba(147,197,253,.38) !important;
}

:root[data-theme="dark"] :is(.ttrb-detailApp #reviews, .ttrb-racketDetail + .ttrb-affs--detail + #reviews) .ttrb-like.is-on{
  background:#1e3a8a !important;
  color:#fff !important;
  border-color:#3b82f6 !important;
}

/* ---- Unified detail review UI: rubber and racket ---- */
.ttrb-detailApp + .ttrb-affs--detail + #reviews,
.ttrb-racketDetail + .ttrb-affs--detail + #reviews{
  max-width:var(--ttrb-max-width,1280px) !important;
  margin:18px auto 40px !important;
  font-size:14px !important;
}

.ttrb-detailApp + .ttrb-affs--detail + #reviews .ttrb-revHeader,
.ttrb-racketDetail + .ttrb-affs--detail + #reviews .ttrb-revHeader{
  display:block !important;
  margin:0 0 12px !important;
}

.ttrb-detailApp + .ttrb-affs--detail + #reviews .ttrb-revSummary,
.ttrb-racketDetail + .ttrb-affs--detail + #reviews .ttrb-revSummary{
  width:100% !important;
  min-width:0 !important;
  display:grid !important;
  grid-template-columns:minmax(150px,220px) minmax(0,1fr) !important;
  align-items:center !important;
  gap:16px !important;
}

.ttrb-detailApp + .ttrb-affs--detail + #reviews .ttrb-revTitle,
.ttrb-racketDetail + .ttrb-affs--detail + #reviews .ttrb-revTitle{
  font-size:24px !important;
  line-height:1.2 !important;
  font-weight:950 !important;
}

.ttrb-detailApp + .ttrb-affs--detail + #reviews .ttrb-revSummaryMain,
.ttrb-racketDetail + .ttrb-affs--detail + #reviews .ttrb-revSummaryMain{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  margin-top:6px !important;
  font-size:14px !important;
}

.ttrb-detailApp + .ttrb-affs--detail + #reviews .ttrb-revAvg,
.ttrb-racketDetail + .ttrb-affs--detail + #reviews .ttrb-revAvg{
  font-size:36px !important;
  line-height:1 !important;
  font-weight:950 !important;
}

.ttrb-detailApp + .ttrb-affs--detail + #reviews .ttrb-revDist,
.ttrb-racketDetail + .ttrb-affs--detail + #reviews .ttrb-revDist{
  width:100% !important;
  min-width:0 !important;
  margin-top:0 !important;
}

.ttrb-detailApp + .ttrb-affs--detail + #reviews .ttrb-revDistRow,
.ttrb-racketDetail + .ttrb-affs--detail + #reviews .ttrb-revDistRow{
  width:100% !important;
  display:grid !important;
  grid-template-columns:22px minmax(0,1fr) 34px !important;
  gap:8px !important;
  align-items:center !important;
  min-height:28px !important;
  margin-top:0 !important;
  font-size:12px !important;
}

.ttrb-detailApp + .ttrb-affs--detail + #reviews .ttrb-revDistLabel,
.ttrb-racketDetail + .ttrb-affs--detail + #reviews .ttrb-revDistLabel{
  width:auto !important;
  text-align:right !important;
}

.ttrb-detailApp + .ttrb-affs--detail + #reviews .ttrb-revDistBar,
.ttrb-racketDetail + .ttrb-affs--detail + #reviews .ttrb-revDistBar{
  width:100% !important;
  min-width:0 !important;
  height:10px !important;
}

.ttrb-detailApp + .ttrb-affs--detail + #reviews .ttrb-revDistCount,
.ttrb-racketDetail + .ttrb-affs--detail + #reviews .ttrb-revDistCount{
  width:auto !important;
  text-align:right !important;
}

.ttrb-detailApp + .ttrb-affs--detail + #reviews .ttrb-revTools,
.ttrb-racketDetail + .ttrb-affs--detail + #reviews .ttrb-revTools{
  width:100% !important;
  min-width:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  flex-wrap:wrap !important;
  margin:12px 0 0 !important;
  text-align:left !important;
}

.ttrb-detailApp + .ttrb-affs--detail + #reviews .ttrb-revSortBtns,
.ttrb-racketDetail + .ttrb-affs--detail + #reviews .ttrb-revSortBtns{
  display:flex !important;
  justify-content:flex-end !important;
  gap:8px !important;
  flex-wrap:wrap !important;
  margin-top:0 !important;
}

.ttrb-detailApp + .ttrb-affs--detail + #reviews .ttrb-revForm,
.ttrb-racketDetail + .ttrb-affs--detail + #reviews .ttrb-revForm,
.ttrb-detailApp + .ttrb-affs--detail + #reviews .ttrb-revList,
.ttrb-racketDetail + .ttrb-affs--detail + #reviews .ttrb-revList,
.ttrb-detailApp + .ttrb-affs--detail + #reviews .ttrb-revItem,
.ttrb-racketDetail + .ttrb-affs--detail + #reviews .ttrb-revItem,
.ttrb-detailApp + .ttrb-affs--detail + #reviews .ttrb-revName,
.ttrb-racketDetail + .ttrb-affs--detail + #reviews .ttrb-revName,
.ttrb-detailApp + .ttrb-affs--detail + #reviews .ttrb-revBody,
.ttrb-racketDetail + .ttrb-affs--detail + #reviews .ttrb-revBody{
  font-size:14px !important;
}

.ttrb-revProfileMeta{
  margin-top:2px;
  color:var(--muted);
  font-size:11px;
  font-weight:800;
  line-height:1.35;
}

@media (max-width:640px){
  .ttrb-detailApp + .ttrb-affs--detail + #reviews,
  .ttrb-racketDetail + .ttrb-affs--detail + #reviews{
    margin-top:12px !important;
    font-size:13px !important;
  }

  .ttrb-detailApp + .ttrb-affs--detail + #reviews .ttrb-revSummary,
  .ttrb-racketDetail + .ttrb-affs--detail + #reviews .ttrb-revSummary{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  .ttrb-detailApp + .ttrb-affs--detail + #reviews .ttrb-revTitle,
  .ttrb-racketDetail + .ttrb-affs--detail + #reviews .ttrb-revTitle{
    font-size:22px !important;
  }

  .ttrb-detailApp + .ttrb-affs--detail + #reviews .ttrb-revAvg,
  .ttrb-racketDetail + .ttrb-affs--detail + #reviews .ttrb-revAvg{
    font-size:34px !important;
  }

  .ttrb-detailApp + .ttrb-affs--detail + #reviews .ttrb-revTools,
  .ttrb-racketDetail + .ttrb-affs--detail + #reviews .ttrb-revTools{
    align-items:flex-start !important;
  }

  .ttrb-detailApp + .ttrb-affs--detail + #reviews .ttrb-revSortBtns,
  .ttrb-racketDetail + .ttrb-affs--detail + #reviews .ttrb-revSortBtns{
    justify-content:flex-start !important;
  }
}

/* ---- Absolute final review tweaks ---- */
:is(.ttrb-detailApp #reviews, .ttrb-racketDetail + .ttrb-affs--detail + #reviews) :is(.ttrb-revBox, .ttrb-revHeader, .ttrb-revForm, .ttrb-revItem, .ttrb-replyItem){
  color:var(--text) !important;
}
:is(.ttrb-detailApp #reviews, .ttrb-racketDetail + .ttrb-affs--detail + #reviews) :is(.ttrb-mini, .ttrb-revProfileMeta, .ttrb-revDate, .ttrb-revDistRow){
  color:var(--muted) !important;
}
:is(.ttrb-detailApp #reviews, .ttrb-racketDetail + .ttrb-affs--detail + #reviews) :is(.ttrb-revName, .ttrb-revBody, .ttrb-revTitle, .ttrb-revAvg){
  color:var(--text) !important;
}
:is(.ttrb-detailApp #reviews, .ttrb-racketDetail + .ttrb-affs--detail + #reviews) .ttrb-revProfileMeta{
  font-size:11px !important;
  line-height:1.4 !important;
  font-weight:850 !important;
  margin-top:2px !important;
}
:is(.ttrb-detailApp #reviews, .ttrb-racketDetail + .ttrb-affs--detail + #reviews) :is(.ttrb-btn, .ttrb-miniBtn, .ttrb-like, .ttrb-link){
  min-height:34px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
  border-radius:8px !important;
  padding:8px 11px !important;
  font-size:13px !important;
  line-height:1.15 !important;
  font-weight:900 !important;
}
:is(.ttrb-detailApp #reviews, .ttrb-racketDetail + .ttrb-affs--detail + #reviews) .ttrb-link{
  color:#2563eb !important;
  background:transparent !important;
}
:is(.ttrb-detailApp #reviews, .ttrb-racketDetail + .ttrb-affs--detail + #reviews) .ttrb-revDistBar{
  background:rgba(148,163,184,.28) !important;
}

@media (max-width:640px){
  :is(.ttrb-detailApp #reviews, .ttrb-racketDetail + .ttrb-affs--detail + #reviews) :is(.ttrb-btn, .ttrb-miniBtn, .ttrb-like, .ttrb-link){
    width:auto !important;
    min-height:34px !important;
    padding:8px 10px !important;
    font-size:12px !important;
  }
  :is(.ttrb-detailApp #reviews, .ttrb-racketDetail + .ttrb-affs--detail + #reviews) .ttrb-revActions{
    gap:8px !important;
  }
  :is(.ttrb-detailApp #reviews, .ttrb-racketDetail + .ttrb-affs--detail + #reviews) .ttrb-revTop{
    align-items:flex-start !important;
  }
  :is(.ttrb-detailApp #reviews, .ttrb-racketDetail + .ttrb-affs--detail + #reviews) .ttrb-revMetaRight{
    align-items:flex-start !important;
  }
}

:root[data-theme="dark"] :is(.ttrb-detailApp #reviews, .ttrb-racketDetail + .ttrb-affs--detail + #reviews) .ttrb-link{
  color:#93c5fd !important;
}
