/* Gravity Forms Theme Framework scope */
.gform-theme--framework .ginput_container_star_rating .gsr-rating-container {
  display: flex;
  gap: 2px;
  align-items: center;
}

.gform-theme--framework .ginput_container_star_rating .gsr-star-label {
  cursor: pointer;
  margin: 0;
  position: relative;
  display: inline-block;
}

/* Forceer vaste maat en neem afstand van em-gebonden regels */
.gform-theme--framework .ginput_container_star_rating .gsr-star {
  position: relative;
  display: inline-block;
  width: 24px; /* vaste breedte */
  height: 24px; /* vaste hoogte  */
  font-size: 16px; /* zorg dat 1em ≠ 0, fallback */
  line-height: 1;
}

/* Laat de SVG de volledige box vullen, ongeacht GF-resets */
.gform-theme--framework .ginput_container_star_rating .gsr-star svg,
.gform-theme--framework .ginput_container_star_rating .gsr-star-icon {
  width: 100% !important; /* wint van svg{width:1em} */
  height: 100% !important;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
/* Zichtbaarheid / kleuren */
.gform-theme--framework .ginput_container_star_rating .gsr-star-icon.filled {
  opacity: 0;
  z-index: 2;
}
.gform-theme--framework .ginput_container_star_rating .gsr-star-icon.empty {
  opacity: 1;
  z-index: 1;
}
.gform-theme--framework
  .ginput_container_star_rating
  .gsr-star-icon.filled
  path {
  fill: #fc4b01;
}
.gform-theme--framework
  .ginput_container_star_rating
  .gsr-star-icon.empty
  path {
  fill: #ededed;
}

.gform-theme--framework
  .ginput_container_star_rating
  .gsr-star-label.active
  .gsr-star-icon.filled,
.gform-theme--framework
  .ginput_container_star_rating
  .gsr-star-label:hover
  .gsr-star-icon.filled,
.gform-theme--framework
  .ginput_container_star_rating
  .gsr-star-label.hover-active
  .gsr-star-icon.filled {
  opacity: 1;
}

.gform-theme--framework
  .ginput_container_star_rating
  .gsr-star-label.active
  .gsr-star-icon.empty,
.gform-theme--framework
  .ginput_container_star_rating
  .gsr-star-label:hover
  .gsr-star-icon.empty,
.gform-theme--framework
  .ginput_container_star_rating
  .gsr-star-label.hover-active
  .gsr-star-icon.empty {
  opacity: 0;
}

/* Data-URI’s (voorbeeld) */
:root {
  --star-empty: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23ededed' d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z'/></svg>");
  --star-filled: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23fc4b01' d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z'/></svg>");
}

.ginput_container_star_rating .gsr-star {
  width: 24px !important;
  height: 24px !important;
  display: inline-block !important;
  background-image: var(--star-empty) !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
}

.ginput_container_star_rating .gsr-star-label.active .gsr-star,
.ginput_container_star_rating .gsr-star-label:hover .gsr-star,
.ginput_container_star_rating .gsr-star-label.hover-active .gsr-star {
  background-image: var(--star-filled) !important;
}