/* SN Icons - Gradient replacements for emoji/special chars */

/* Star rating dots */
.sn-star {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin: 0 1.5px;
  vertical-align: middle;
}
.sn-star.filled {
  background: linear-gradient(135deg, #00D4D4, #00AAAA);
  box-shadow: 0 0 4px rgba(0, 212, 212, 0.4);
}
.sn-star.empty {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.15);
}

/* Star selector buttons (write review) */
.star-btn {
  position: relative;
}
.star-btn::after {
  content: '';
  display: inline-block;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  border: 1.5px solid rgba(255, 255, 255, 0.15);
  transition: all 0.2s;
}
.star-btn.active::after,
.star-btn:hover::after {
  background: linear-gradient(135deg, #00D4D4, #00AAAA);
  border-color: transparent;
  box-shadow: 0 0 8px rgba(0, 212, 212, 0.5);
}

/* Decorative dot - hidden */
.sn-dot {
  display: none;
}
.sn-dot.outline {
  display: none;
}

/* Accent text wrapper */
.sn-accent {
  background: linear-gradient(90deg, #00D4D4, #00AAAA);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-weight: 700;
}

/* Play/social icon */
.sn-play {
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
}

/* Chevron pagination */
.sn-chevron {
  font-size: 16px;
  font-weight: 700;
}

/* Review bar labels */
.rs-bar-label {
  min-width: 20px;
}

/* Icon elements - no dots, use card glow instead */
.nr-icon::before,
.pop-img::before,
.mvv-icon::before,
.val-icon::before,
.cc-icon::before,
.step-ico::before,
.dl-info-ico::before,
.t-ico::before,
.ch-ico::before,
.contact-card-ico::before {
  content: none;
}

/* Larger icon variants */
.mvv-icon::before,
.val-icon::before,
.step-ico::before,
.cc-icon::before,
.contact-card-ico::before {
  content: none;
}

/* Color variants for support page */
.dl-info-ico.teal::before {
  background: linear-gradient(135deg, #00D4D4, #007A7A);
}
.dl-info-ico.green::before {
  background: linear-gradient(135deg, #10B981, #059669);
}
.dl-info-ico.purple::before {
  background: linear-gradient(135deg, #8B5CF6, #6D28D9);
}
.contact-card-ico.cc-teal::before {
  background: linear-gradient(135deg, #00D4D4, #007A7A);
}
.contact-card-ico.cc-blue::before {
  background: linear-gradient(135deg, #3B82F6, #2563EB);
}
.contact-card-ico.cc-green::before {
  background: linear-gradient(135deg, #10B981, #059669);
}

/* Checkmark icons - no dots */
.ico-yes::before,
.why-check::before,
.success-ico::before {
  content: none;
}
.success-ico::before {
  content: none;
}
.tl-tag.done::before {
  content: none;
}