/* Remove grey backround in review box */ .lipscore-review-content { background-color :#ffffff !important; } .lipscore-review-content-wrapper { background-color :#ffffff !important; } .lipscore-review-footer{ background-color :#ffffff !important; } .lipscore-review-purchase-info { display: none; } .lipscore-review-content { background-color: white; } span.lipscore-text-muted.lipscore-review-info-delim { display: none; } /* ============================================================ BIG RATING WIDGET ============================================================ */ .lipscore-review-summary-badge-content { display: grid !important; grid-template-columns: auto 1fr !important; grid-template-rows: auto auto !important; column-gap: 0.85rem !important; row-gap: 0.15rem !important; align-items: start !important; } .lipscore-review-summary-badge-rating { font-family: "futura-pt", sans-serif !important; grid-column: 1 / 2 !important; grid-row: 1 / 3 !important; font-size: 3.5rem !important; font-weight: 500 !important; line-height: 1 !important; margin: 0 !important; align-self: center !important; transform: translateY(2px) !important; } .lipscore-review-summary-badge-stars { grid-column: 2 / 3 !important; grid-row: 1 / 2 !important; display: flex !important; align-items: center !important; gap: 0.25rem !important; margin: 0 !important; } .lipscore-review-summary-badge-stars svg, .lipscore-review-summary-badge-stars span { width: 1.5rem !important; height: 1.5rem !important; margin: 0 !important; } #lipscore-review-list .lipscore-review-summary-distribution .lipscore-rating-distribution { margin: 0 !important; display: block !important; } #lipscore-review-list .lipscore-review-summary-distribution { display: flex !important; text-align: left; width: 280px; justify-content: flex-start; } #lipscore-review-list .lipscore-review-summary-content { justify-content: space-between; } #lipscore-review-list .lipscore-review-summary-badge, #lipscore-review-list .lipscore-review-summary-badge-content { width: auto; } @media screen and (max-width: 680px) { #lipscore-review-list .lipscore-review-summary-badge { padding-bottom: 40px; } #lipscore-review-list .lipscore-review-summary-content .lipscore-real-reviews-badge-absolute { bottom: -20px; } } @media screen and (max-width: 1024px) { .lipscore-review-summary-content .lipscore-real-reviews-badge-absolute { bottom: -45px; } } #lipscore-review-list .lipscore-widget-lang { display: none; } #lipscore-review-list .lipscore-review-info { line-height: 5px; } #lipscore-review-list .lipscore-review-creation-info { gap: 0 !important; } .lipscore-review-summary-badge-votes { font-family: "futura-pt", sans-serif !important; grid-column: 2 / 3 !important; grid-row: 2 / 3 !important; font-size: 1rem !important; line-height: 1.2 !important; text-transform: uppercase !important; color: #4b5563 !important; margin: 0 !important; white-space: nowrap !important; } @media (max-width: 680px) { .lipscore-review-summary-badge-content { align-items: center !important; row-gap: 0 !important; } .lipscore-review-summary-badge-rating { grid-row: 1 / span 2 !important; align-self: center !important; line-height: 1 !important; margin: 0 !important; transform: none !important; } .lipscore-review-summary-badge-stars { grid-column: 2 / 3 !important; grid-row: 1 !important; } .lipscore-review-summary-badge-votes { grid-column: 2 / 3 !important; grid-row: 2 !important; } } /* ============================================================ SUMMARY & STAR FILTER ============================================================ */ .lipscore-rating-distribution-content { position: relative !important; display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .lipscore-review-summary-attr-value-wrap { padding-top: 22px !important; overflow: visible !important; border-top: 5px solid #eeeeee !important; line-height: 20px; border-radius: 1px; } .lipscore-rating-distribution-content::before { content: "Filter by star rating"; position: absolute; left: 6px; top: 0; transform: translate(0, -120%); font-family: "futura-pt", sans-serif !important; font-size: 1.2rem; font-weight: 400; color: #000; white-space: nowrap; } .lipscore-rating-distribution-row { margin: 0 5px !important; } .lipscore-rating-distribution-content .lipscore-rating-distribution-row { border: 1px solid #e7e5e5 !important; padding: 0 5px !important; margin: 5px !important; border-radius: 3px !important; background-color: white !important; display: flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; } .lipscore-rating-distribution-stars { display: flex !important; align-items: center !important; justify-content: center !important; } /* numbers */ .lipscore-rating-distribution-row .lipscore-rating-distribution-stars svg:nth-child(n+2) { display: none; } .lipscore-rating-distribution-row:nth-child(1) .lipscore-rating-distribution-stars::before { content: "5 "; font-weight: bold; margin-right: 5px; } .lipscore-rating-distribution-row:nth-child(2) .lipscore-rating-distribution-stars::before { content: "4 "; font-weight: bold; margin-right: 5px; } .lipscore-rating-distribution-row:nth-child(3) .lipscore-rating-distribution-stars::before { content: "3 "; font-weight: bold; margin-right: 5px; } .lipscore-rating-distribution-row:nth-child(4) .lipscore-rating-distribution-stars::before { content: "2 "; font-weight: bold; margin-right: 5px; } .lipscore-rating-distribution-row:nth-child(5) .lipscore-rating-distribution-stars::before { content: "1 "; font-weight: bold; margin-right: 5px; } .lipscore-rating-distribution-count { display: none; } .lipscore-rating-small { text-align: left !important; justify-content: flex-start !important; margin-left: 0 !important; } /* Fix overlap between name and date in the left column */ .lipscore-review-creation-info > * { display: block; line-height: 1.2 !important; } .lipscore-review-creation-info .lipscore-review-author, .lipscore-review-creation-info .lipscore-user, .lipscore-review-creation-info .lipscore-review-author-name { margin-bottom: 3px !important; /* space under name */ } .lipscore-review-created-at.lipscore-review-date { margin-top: 2px !important; /* gap above date */ } svg.lipscore-real-reviews-badge.lipscore-review-text { width: 150px; } /* Product ratings widget: 20px stars and aligned text */ #lipscore-rating .lipscore-rating-small { display: inline-flex; align-items: center; gap: 4px; /* space between stars and 5.0 */ } #lipscore-rating .lipscore-compact-rating-wrapper { display: inline-flex; align-items: center; gap: 3px; /* space between 5.0 and (1) */ font-family: "Epilogue", sans-serif; } #lipscore-rating .lipscore-compact-rating-value, #lipscore-rating .lipscore-compact-rating-votes { display: inline-block; line-height: 1; } /* 20px stars, aligned with text */ #lipscore-rating .lipscore-svg-rating-star { width: 20px !important; height: 20px !important; vertical-align: middle; transform: translateY(-2px); /* tweak 0 / 1 / 2px if they look a touch high/low */ } /* Thumbs up: no border, no flicker, just icon + number */ .lipscore-review-vote-wrapper button, .lipscore-review-vote-wrapper a { display: inline-flex !important; align-items: center; justify-content: center; gap: 4px; padding: 0 !important; margin: 0 !important; border: none !important; box-shadow: none !important; background: transparent !important; line-height: 1; cursor: pointer; transform: none !important; } /* Keep hover stable (optional subtle colour only) */ .lipscore-review-vote-wrapper button:hover, .lipscore-review-vote-wrapper a:hover { border: none !important; box-shadow: none !important; background: transparent !important; transform: none !important; } #lipscore-review-list .lipscore-review-summary-badge { margin-left: auto; margin-right: auto; } #lipscore-review-list .lipscore-real-reviews-badge-container { width: 150px; } @media (max-width: 680px) { .lipscore-review-summary-badge-votes { font-size: 12px !important; } #lipscore-review-list .lipscore-review-summary-distribution .lipscore-rating-distribution, #lipscore-review-list .lipscore-review-summary-distribution { width: 100%; } #lipscore-review-list .lipscore-review-summary-distribution { justify-content: center; } .lipscore-rating-distribution-content::before { display: block; width: 100%; text-align: center; } #lipscore-review-list .lipscore-review-summary-distribution { margin-top: 20px; margin-bottom: 20px; } } /* Nudge the 5.0 into line with the star (no star size/gap changes) */ .lipscore-rating-small .lipscore-rating-selected-value { display: inline-block !important; position: relative !important; top: 3px; /* try 1 / 2 / -1 until it visually matches */ } /* All stars: base silver */ .lipscore-rating-star > g, .lipscore-reviews-modal-rating-slider .lipscore-rating-star > g { fill: #a6a6a6; /* richer silver, not washed out */ stroke: none !important; } /* Selected stars: a touch lighter for contrast */ .lipscore-reviews-modal-rating-slider .lipscore-selected-star > g, .lipscore-rating-star.lipscore-rating-star-selected > g { fill: #d3d3d3; stroke: none !important; } /* Inactive stars: darker silver */ .lipscore-rating-star.lipscore-rating-star-inactive > g { fill: #7a7a7a; stroke: none !important; } /* Belt and braces: kill any inner strokes that draw that middle line */ .lipscore-rating-star > g *, .lipscore-reviews-modal-rating-slider .lipscore-rating-star > g * { stroke: none !important; } .product-info .product-price__amount.product-price__amount--on-sale { margin-right: auto; }
Skip to content