/* Basic styles for Custom Reviews */
.cr-reviews{display:flex;flex-direction:column;gap:24px;color:#fff !important}
.cr-title{font-size:28px;line-height:1.2;font-weight:600;margin:0 0 8px}
.cr-item{display:grid;grid-template-columns:56px 1fr 24px;gap:14px;align-items:start;padding:8px 0;border-radius:0;background:transparent !important;box-shadow:none !important;border:0 !important}
.elementor-widget-cr_reviews .elementor-widget-container{background:transparent !important;border:none !important;box-shadow:none !important;padding-left:0 !important;padding-right:0 !important}
.cr-reviews *{background:transparent !important;box-shadow:none !important;border-color:transparent !important}
.cr-avatar-wrap{width:56px;height:56px;aspect-ratio:1/1;border-radius:50% !important;overflow:hidden !important;display:block;clip-path:circle(50% at 50% 50%)}
.cr-avatar{width:100% !important;height:100% !important;object-fit:cover;object-position:center;display:block;-webkit-mask-image: -webkit-radial-gradient(white, black);mask-image: radial-gradient(circle at center, #000 99%, transparent 100%);transition:opacity 0.3s ease}
/* 懒加载状态 */
.cr-avatar.cr-lazy{opacity:0.3;background:#f0f0f0}
.cr-avatar.cr-loaded{opacity:1}
/* fallback if wrapper not present (older markup/cache) */
.cr-avatar{border-radius:50% !important}
.cr-header{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.cr-name{font-weight:600;color:#fff;margin:0}
.cr-stars{font-size:16px;line-height:1;display:inline-flex;align-items:center}
.cr-stars .elementor-star-rating{display:inline-flex;gap:2px;vertical-align:middle;line-height:1}
/* prevent theme from italicizing <i> */
.cr-stars i, .cr-stars .elementor-star-full, .cr-stars .elementor-star-empty{font-style:normal !important}
/* ensure Elementor star classes render even if widget CSS not loaded */
.cr-stars .elementor-star-full::before{content:'\2605';font-style:normal !important;display:inline-block;transform:none} /* ★ */
.cr-stars .elementor-star-empty::before{content:'\2606';font-style:normal !important;display:inline-block;transform:none} /* ☆ */
.cr-stars .elementor-star-full{color:#ffd166}
.cr-stars .elementor-star-empty{color:rgba(255,255,255,.3)}
.cr-sub{opacity:1;font-size:13px;margin-top:2px;color:rgba(255,255,255,.75)}
.cr-content{margin-top:8px;color:#fff;line-height:1.6}
.cr-right{display:flex;align-items:flex-start;justify-content:flex-end}
.cr-source{width:20px;height:20px;opacity:.9}
.cr-source-icon i, .cr-source-icon svg{width:22px;height:22px;display:block}
.cr-source-label{font-size:12px;opacity:.9}

/* Light mode option */
/* responsive */
@media (max-width: 767px){
  .cr-item{grid-template-columns:48px 1fr 24px;gap:10px}
  .cr-avatar-wrap{width:48px;height:48px;aspect-ratio:1/1}
  /* Stars wrap under name on mobile with tight spacing */
  .cr-header{flex-wrap:wrap;align-items:flex-start;gap:2px 6px}
  .cr-stars{width:100%;margin-top:0}
  .cr-sub{font-size:14px}
}