/**
 * reviews.css — Yorum görüntü bileşeni (paylaşılan)
 *
 * Hem ürün sayfası yorum listesi hem de "tüm yorumları gör" modalı (anasayfa +
 * ürün) aynı kart markup'ını kullanır. Modal footer'a her sayfada basıldığı ve
 * buton anasayfada da göründüğü için bu stiller WooCommerce aktifken GLOBAL
 * yüklenir (woocommerce.css yalnız WC sayfalarında yüklendiğinden buraya taşındı).
 *
 * Ürün sayfasına özel parçalar (özet paneli, puan dağılımı, yorum formu) hâlâ
 * woocommerce.css içindedir.
 */

/* ── Yıldızlar (kart + özet ortak tabanı) ────────────────────────────────── */
.prd-rev-stars{display:inline-flex;gap:3px}
.prd-rev-stars .fa-solid{color:#f5a623}
.prd-rev-stars .fa-regular{color:var(--line-d-2)}

/* ── Yorum kartı listesi ─────────────────────────────────────────────────── */
.prd-rev-list{
  list-style:none;padding:0;margin:0;
  display:flex;flex-direction:column;gap:16px;
}
.prd-rev-item{
  margin-top:10px;
  display:grid;grid-template-columns:48px 1fr;gap:18px;
  padding:24px;
  background:var(--paper-2);
  border:1px solid var(--line-d);
  border-radius:16px;
}
.prd-rev-avatar{
  width:48px;height:48px;border-radius:50%;
  background:linear-gradient(135deg,var(--olive) 0%,var(--olive-d) 100%);
  color:#fff;font-size:18px;font-weight:700;letter-spacing:-.01em;
  display:inline-grid;place-items:center;
}
.prd-rev-body{display:flex;flex-direction:column;gap:8px}
.prd-rev-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.prd-rev-author{font-size:14.5px;font-weight:600;color:var(--ink)}
.prd-rev-verified{
  display:inline-flex;align-items:center;gap:4px;
  font-size:11px;font-weight:600;color:#1a6e2e;
  padding:2px 8px;border-radius:99px;
  background:#e6f4ea;
}
.prd-rev-verified .fa-solid{font-size:10px}
.prd-rev-date{font-size:12px;color:var(--ink-3)}
.prd-rev-text{font-size:14.5px;color:var(--ink-2);line-height:1.65}
.prd-rev-text p{margin-bottom:8px}
.prd-rev-text p:last-child{margin-bottom:0}

/* Kart içi ürün linki (tüm-yorumlar modunda) */
.prd-rev-product{
  display:inline-flex;align-items:center;gap:6px;
  margin-top:4px;align-self:flex-start;
  font-size:12.5px;font-weight:600;color:var(--olive-d);
  text-decoration:none;
}
.prd-rev-product:hover{text-decoration:underline}
.prd-rev-product .fa-solid{font-size:11px}

/* ── Honeypot: görünmez tuzak alanı (bot doldurur, insan görmez) ─────────── */
.ozd-hp{
  position:absolute!important;left:-9999px!important;top:-9999px!important;
  width:1px;height:1px;overflow:hidden;opacity:0;
  pointer-events:none;
}

/* ── "Tüm yorumları gör" butonu (ürün sayfası + anasayfa) ────────────────── */
.reviews-more{display:flex;justify-content:center;margin-top:28px}
.prd-rev-seeall{
  display:inline-flex;align-items:center;gap:10px;
  margin-top:22px;
  padding:13px 26px;
  font-size:14.5px;font-weight:600;color:var(--ink);
  background:var(--paper);
  border:1px solid var(--line-d-2);
  border-radius:99px;cursor:pointer;
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
.reviews-more .prd-rev-seeall{margin-top:0}
.prd-rev-seeall:hover{
  background:var(--paper-2);
  border-color:var(--olive-d);
  transform:translateY(-1px);
}
.prd-rev-seeall .fa-solid{font-size:12px;color:var(--olive-d);transition:transform .18s ease}
.prd-rev-seeall:hover .fa-solid{transform:translateX(3px)}

/* ── Yorum modalı + sonsuz kaydırma ──────────────────────────────────────── */
body.ozd-modal-open{overflow:hidden}
.ozd-rev-modal[hidden]{display:none}
.ozd-rev-modal{
  position:fixed;inset:0;z-index:300;
  display:flex;align-items:center;justify-content:center;
  padding:20px;
}
.ozd-rev-modal-overlay{
  position:absolute;inset:0;
  background:rgba(15,17,20,.55);
  backdrop-filter:blur(2px);
  animation:ozdRevFade .2s ease;
}
.ozd-rev-modal-dialog{
  position:relative;
  display:flex;flex-direction:column;
  width:min(680px,100%);max-height:min(86vh,760px);
  background:var(--paper);
  border-radius:20px;
  box-shadow:0 24px 70px rgba(0,0,0,.28);
  overflow:hidden;
  animation:ozdRevPop .22s cubic-bezier(.2,.7,.3,1);
}
.ozd-rev-modal-head{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:20px 24px;
  border-bottom:1px solid var(--line-d);
  flex-shrink:0;
}
.ozd-rev-modal-title{font-size:18px;font-weight:700;color:var(--ink);margin:0}
.ozd-rev-modal-close{
  width:38px;height:38px;flex-shrink:0;
  display:grid;place-items:center;
  background:var(--paper-2);border:1px solid var(--line-d);border-radius:50%;
  color:var(--ink-2);font-size:16px;cursor:pointer;
  transition:background .18s ease,color .18s ease;
}
.ozd-rev-modal-close:hover{background:var(--paper-3);color:var(--ink)}
.ozd-rev-modal-body{
  padding:20px 24px 24px;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
}
.ozd-rev-modal-list{margin:0}
.ozd-rev-modal-list .prd-rev-item{margin-top:0}

/* Yükleniyor / bitiş / boş durumları */
.ozd-rev-modal-loader,
.ozd-rev-modal-end,
.ozd-rev-modal-empty{
  text-align:center;padding:20px 0 6px;
  font-size:13.5px;color:var(--ink-3);
}
.ozd-rev-modal-loader{
  display:flex;align-items:center;justify-content:center;gap:10px;
}
.ozd-rev-modal-loader[hidden]{display:none}
/* Dönen yükleme halkası (FontAwesome'a bağlı kalmadan) */
.ozd-rev-modal-spinner{
  width:20px;height:20px;flex-shrink:0;
  border:2.5px solid var(--line-d-2);
  border-top-color:var(--olive-d);
  border-radius:50%;
  animation:ozdRevSpin .7s linear infinite;
}
.ozd-rev-modal-sentinel{height:1px}

/* Yeni yüklenen kartların akıcı girişi (JS sırayla animationDelay verir) */
.prd-rev-item.ozd-rev-enter{animation:ozdRevItemIn .5s cubic-bezier(.2,.7,.3,1) both}

@keyframes ozdRevFade{from{opacity:0}to{opacity:1}}
@keyframes ozdRevPop{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
@keyframes ozdRevSpin{to{transform:rotate(360deg)}}
@keyframes ozdRevItemIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

@media (prefers-reduced-motion:reduce){
  .prd-rev-item.ozd-rev-enter{animation:none}
  .ozd-rev-modal-dialog,.ozd-rev-modal-overlay{animation:none}
  .ozd-rev-modal-spinner{animation-duration:1.2s}
}

@media (max-width:560px){
  .prd-rev-item{grid-template-columns:40px 1fr;gap:14px;padding:18px}
  .prd-rev-avatar{width:40px;height:40px;font-size:15px}
}
@media (max-width:640px){
  .ozd-rev-modal{padding:0}
  .ozd-rev-modal-dialog{
    width:100%;max-height:100%;height:100%;
    border-radius:0;
  }
}