/* mitholzfeuer – Kundenbewertungen */

/* leere Sterne (0 Bewertungen) nicht anzeigen */
.star-rating[aria-label*="mit 0 von 5"], .star-rating[aria-label*="mit 0,0 von 5"], .star-rating:has(> span[style*="width:0%"]),
.woocommerce-product-rating:has(.star-rating[aria-label*="mit 0 von 5"]) { display: none !important; }

/* Sterne-Anzeige */
.mhf-stars { position: relative; display: inline-block; width: 110px; height: 20px; background: no-repeat left center / 22px 20px; vertical-align: middle;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23E3DDD3'%3E%3Cpath 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.01z'/%3E%3C/svg%3E"); }
.mhf-stars > span { position: absolute; left: 0; top: 0; bottom: 0; overflow: hidden; background: no-repeat left center / 22px 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23F48C06'%3E%3Cpath 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.01z'/%3E%3C/svg%3E"); }

/* Seite "Kundenbewertungen" */
.mhf-reviews { max-width: 1000px; margin: 0 auto; padding: 50px 20px 70px; }
.mhf-rv-empty { text-align: center; padding: 54px 30px; background: #fff; border: 1px solid #EFE6DA; border-radius: 24px; box-shadow: 0 10px 40px rgba(32, 32, 32, .06); }
.mhf-rv-ico { width: 72px; height: 72px; margin: 0 auto 18px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #FFF6EA; color: #F48C06; font-size: 34px; }
.mhf-rv-empty h2 { margin: 0 0 10px; color: #202020; font-size: 28px; font-weight: 700; }
.mhf-rv-empty p { max-width: 620px; margin: 0 auto 24px; color: #4a4a4a; font-size: 16.5px; line-height: 1.75; }
.mhf-rv-btn { display: inline-block; padding: 14px 34px; border-radius: 999px; background: #F48C06; color: #202020 !important; font-weight: 700; text-transform: uppercase; letter-spacing: .03em; text-decoration: none; }
.mhf-rv-btn:hover { background: #202020; color: #fff !important; }
.mhf-rv-sum { display: flex; align-items: center; gap: 22px; margin-bottom: 26px; padding: 26px 30px; background: #202020; color: #fff; border-radius: 22px; }
.mhf-rv-avg { font-size: 56px; line-height: 1; font-weight: 800; color: #F48C06; }
.mhf-rv-sum p { margin: 6px 0 0; color: #ddd; font-size: 15px; }
.mhf-rv-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 18px; }
.mhf-rv-card { padding: 24px; background: #fff; border: 1px solid #EFE6DA; border-radius: 20px; box-shadow: 0 8px 28px rgba(32, 32, 32, .05); }
.mhf-rv-text { margin: 12px 0 16px; color: #333; font-size: 16px; line-height: 1.7; }
.mhf-rv-meta { display: flex; flex-wrap: wrap; gap: 4px 12px; align-items: center; color: #777; font-size: 13.5px; }
.mhf-rv-meta b { color: #202020; font-size: 15px; }
.mhf-rv-meta a { flex: 0 0 100%; color: #D97A00; font-weight: 600; text-decoration: none; }
.mhf-rv-ver { color: #2e7d32; font-weight: 600; }

/* Bewertungsformular auf der Produktseite */
#reviews #review_form_wrapper, #reviews #review_form #respond { padding: 28px 30px; background: #fff; border: 1px solid #EFE6DA; border-radius: 20px; }
#reviews #reply-title { display: block; margin: 0 0 14px; color: #202020; font-size: 22px; font-weight: 700; }
#reviews #review_form label { display: block; margin-bottom: 6px; color: #202020; font-weight: 600; }
#reviews #review_form input[type="text"], #reviews #review_form input[type="email"], #reviews #review_form textarea {
  width: 100%; padding: 13px 16px; border: 1px solid #E5DDD1; border-radius: 14px; background: #FFFCF8; box-sizing: border-box; }
#reviews #review_form input:focus, #reviews #review_form textarea:focus { border-color: #F48C06; outline: 0; box-shadow: 0 0 0 3px rgba(244, 140, 6, .18); }
#reviews #review_form .form-submit input[type="submit"] { padding: 14px 36px; border: 0; border-radius: 999px; background: #F48C06; color: #202020; font-weight: 700; text-transform: uppercase; cursor: pointer; }
#reviews #review_form .form-submit input[type="submit"]:hover { background: #202020; color: #fff; }
#reviews .woocommerce-verification-required, #reviews .woocommerce-noreviews { padding: 18px 22px; background: #FFF6EA; border-left: 5px solid #F48C06; border-radius: 12px; color: #3a3a3a; }
#reviews ol.commentlist li .comment_container { padding: 20px 22px; background: #fff; border: 1px solid #EFE6DA; border-radius: 16px; }
@media (max-width: 600px) { .mhf-rv-sum { flex-direction: column; text-align: center; } }