/*!
 * Minimal Font Awesome icons for Feedback Widget
 * Only includes: fa-comment, fa-star, fa-image
 * Original Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0)
 *
 * OPTIMIZED: Using inline SVG instead of font files
 * Size: ~2KB (instead of 147KB woff2 font)
 */

/* Base icon styles */
.fas,
.fa-solid {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Icon definitions using inline SVG backgrounds */
.fa-comment:before,
.fas.fa-comment:before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M256 32C114.6 32 0 125.1 0 240c0 49.6 21.4 95 57 130.7C44.5 421.1 2.7 466 2.2 466.5c-2.2 2.3-2.8 5.7-1.5 8.7S4.8 480 8 480c66.3 0 116-31.8 140.6-51.4 32.7 12.3 69 19.4 107.4 19.4 141.4 0 256-93.1 256-208S397.4 32 256 32z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}

.fa-star:before,
.fas.fa-star:before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='currentColor' d='M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}

.fa-image:before,
.fas.fa-image:before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M0 96C0 60.7 28.7 32 64 32H448c35.3 0 64 28.7 64 64V416c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V96zM323.8 202.5c-4.5-6.6-11.9-10.5-19.8-10.5s-15.4 3.9-19.8 10.5l-87 127.6L170.7 297c-4.6-5.7-11.5-9-18.7-9s-14.2 3.3-18.7 9l-64 80c-5.8 7.2-6.9 17.1-2.9 25.4s12.4 13.6 21.6 13.6h96 32H424c8.9 0 17.1-4.9 21.2-12.8s3.6-17.4-1.4-24.7l-120-176zM112 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}

/* Support for <i> tags */
i.fas,
i.fa-solid {
  font-style: normal;
}

/* Color inheritance fix */
.fas:before,
.fa-solid:before {
  color: inherit !important;
}

.fas,
.fa-solid,
.fas i,
.fa-solid i {
  color: inherit !important;
  fill: currentColor !important;
}

/* Фикс для SVG иконок, чтобы они правильно наследовали цвет */
#feedback-widget-button .fas:before,
#feedback-widget-button .fa-solid:before,
.test-button .fas:before,
.test-button .fa-solid:before {
  filter: brightness(0) invert(1);
}

/* Фикс для звезд рейтинга - используем filter для окрашивания SVG */
.rating label .fas:before,
.rating label .fa-solid:before {
  filter: brightness(0) saturate(100%);
  opacity: 0.3;
}

/* Подсветка через JavaScript классы .hover и .active */
.rating label.hover .fas:before,
.rating label.active .fas:before {
  filter: brightness(0) saturate(100%) invert(76%) sepia(89%) saturate(1614%) hue-rotate(359deg) brightness(102%) contrast(101%);
  opacity: 1;
}

/* Фикс для иконки загрузки файла */
.screenshot-icon.fas:before,
.screenshot-icon.fa-solid:before,
.file-upload-label .fas:before,
.file-upload-label .fa-solid:before {
  /* Серый цвет #999 через CSS filter */
  filter: brightness(0) saturate(100%) invert(60%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(90%);
}