.lh-comment-rating-field{
  margin:0 0 22px;
}

.lh-comment-rating-label{
  margin-bottom:7px;
  font-weight:700;
}

.lh-comment-rating-help{
  margin-top:5px;
  color:#666;
  font-size:13px;
}

.lh-comment-rating-stars{
  display:inline-flex;
  flex-direction:row-reverse;
  gap:3px;
  margin:0;
  padding:0;
  border:0;
}

.lh-comment-rating-stars input{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  opacity:0;
  pointer-events:none;
}

.lh-comment-rating-stars label{
  color:#d6d6d6;
  font-size:32px;
  line-height:1;
  cursor:pointer;
  transition:color .12s ease, transform .12s ease;
}

.lh-comment-rating-stars label:hover,
.lh-comment-rating-stars label:hover ~ label,
.lh-comment-rating-stars input:checked ~ label{
  color:#f5b301;
}

.lh-comment-rating-stars input:focus-visible + label{
  outline:2px solid currentColor;
  outline-offset:3px;
  border-radius:3px;
}

.lh-comment-rating-stars label:active{
  transform:scale(.94);
}

.lh-comment-rating,
.lh-rating-summary{
  display:inline-flex;
  align-items:center;
  gap:5px;
  line-height:1.2;
}

.lh-comment-rating{
  display:flex;
  width:max-content;
  margin:0 0 9px;
  font-size:15px;
}

.lh-stars,
.lh-comment-stars{
  color:#f5b301;
  letter-spacing:1px;
}

.lh-comment-rating-value,
.lh-rating-number,
.lh-rating-count{
  color:inherit;
}

.lh-rating-summary-comments{
  margin-left:8px;
  white-space:nowrap;
  font-size:.92em;
}

@media(max-width:767px){
  .lh-comment-rating-stars label{
    font-size:36px;
  }

  .lh-rating-summary-comments{
    display:inline-flex;
    margin-top:5px;
    margin-left:0;
  }
}

/* Desktop – behåll Divis fältbredd/kolumnplacering, men gör betyget kompaktare. */
@media(min-width:768px){
  .lh-comment-rating-field{
    margin-top:0;
    margin-bottom:24px;
  }

  .lh-comment-rating-label{
    margin-bottom:5px;
    font-size:15px;
    line-height:1.25;
  }

  .lh-comment-rating-stars{
    gap:1px;
  }

  .lh-comment-rating-stars label{
    font-size:25px;
  }

  .lh-comment-rating-help{
    margin-top:7px;
    margin-bottom:2px;
    font-size:12px;
    line-height:1.35;
  }
}

/* =========================================================
   Desktop – stabil tvåkolumnslayout för WordPress/Divi.
   Endast visuell placering. WordPress fält, validering,
   moderering och formulärfunktioner lämnas orörda.
   ========================================================= */
@media(min-width:768px){
  .comment-respond #commentform{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    column-gap:28px;
    row-gap:14px;
    align-items:start;
  }

  .comment-respond #commentform > .comment-form-comment{
    grid-column:1;
    grid-row:1 / span 4;
    width:100%!important;
    margin:0!important;
  }

  .comment-respond #commentform > .comment-form-comment textarea{
    width:100%!important;
    min-height:225px;
    box-sizing:border-box;
  }

  .comment-respond #commentform > .lh-comment-rating-field{
    grid-column:2;
    grid-row:1;
    width:100%;
    margin:0 0 4px!important;
    padding:0;
    box-sizing:border-box;
  }

  .comment-respond #commentform > .comment-form-author{
    grid-column:2;
    grid-row:2;
    width:100%!important;
    margin:0!important;
  }

  .comment-respond #commentform > .comment-form-email{
    grid-column:2;
    grid-row:3;
    width:100%!important;
    margin:0!important;
  }

  .comment-respond #commentform > .comment-form-url{
    grid-column:2;
    grid-row:4;
    width:100%!important;
    margin:0!important;
  }

  .comment-respond #commentform > .comment-form-author input,
  .comment-respond #commentform > .comment-form-email input,
  .comment-respond #commentform > .comment-form-url input{
    width:100%!important;
    box-sizing:border-box;
  }

  .comment-respond #commentform > .comment-form-cookies-consent,
  .comment-respond #commentform > .form-submit,
  .comment-respond #commentform > .logged-in-as,
  .comment-respond #commentform > .comment-notes,
  .comment-respond #commentform > .must-log-in{
    grid-column:1 / -1;
  }

  .comment-respond #commentform > .comment-form-cookies-consent{
    margin:8px 0 0!important;
  }

  .comment-respond #commentform > .form-submit{
    margin:4px 0 0!important;
    text-align:right;
  }

  .comment-respond #commentform > .lh-comment-rating-field .lh-comment-rating-label{
    margin-bottom:4px;
  }

  .comment-respond #commentform > .lh-comment-rating-field .lh-comment-rating-help{
    margin-top:6px;
  }
}


/* Integritetsbekräftelse – separat från WordPress cookie-kryssruta. */
.comment-form-lh-privacy{
  display:flex;
  align-items:flex-start;
  gap:9px;
  margin:8px 0 0;
  line-height:1.45;
}

.comment-form-lh-privacy input[type="checkbox"]{
  flex:0 0 auto;
  width:18px;
  height:18px;
  margin:3px 0 0;
}

.comment-form-lh-privacy label{
  margin:0;
}

.comment-form-lh-privacy a{
  text-decoration:underline;
}

@media(min-width:768px){
  .comment-respond #commentform > .comment-form-lh-privacy{
    grid-column:1 / -1;
    margin:2px 0 0!important;
  }
}


/* Kommentarstjärnor efter namn/datum när temat har en metadata-rad. */
.lh-comment-rating.lh-comment-rating-inline-meta{
  display:inline-flex;
  align-items:center;
  width:auto;
  margin:0 0 0 10px;
  vertical-align:middle;
  font-size:14px;
  line-height:1.2;
}

.lh-comment-rating.lh-comment-rating-inline-meta .lh-comment-stars,
.lh-comment-rating.lh-comment-rating-inline-meta .lh-comment-rating-value{
  line-height:1;
}

@media(max-width:767px){
  .lh-comment-rating.lh-comment-rating-inline-meta{
    margin-left:8px;
    font-size:13px;
  }
}


/* Huvudbetyget speglar det verkliga snittet, även decimaler som 4,8. */
.lh-summary-stars{
  display:inline-flex;
  gap:1px;
  letter-spacing:0;
}

.lh-summary-star{
  display:inline-block;
  color:#d6d6d6;
  background:linear-gradient(
    90deg,
    #f5b301 0%,
    #f5b301 var(--lh-star-fill,0%),
    #d6d6d6 var(--lh-star-fill,0%),
    #d6d6d6 100%
  );
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}