.review-section-header { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; margin-bottom: 10px; } .review-header-right { display: flex; align-items: center; gap: 10px; } .review-avg-badge { display: inline-flex; align-items: center; gap: 5px; font-size: 0.85rem; font-weight: 600; color: var(--rhpz-orange); background-color: rgba(255,115,0,.1); border: 1px solid rgba(255,115,0,.3); padding: 4px 10px; } .review-avg-badge--lg { font-size: 1rem; padding: 8px 16px; } .review-avg-count { color: var(--text2); font-weight: 400; font-size: 0.85rem; } .star-rating-display { display: inline-flex; align-items: center; gap: 1px; } .star-rating-display .star-filled { color: var(--rhpz-orange); fill: var(--rhpz-orange); } .star-rating-display .star-empty { color: var(--border); } .review-title { font-size: 0.98rem; font-weight: 700; color: var(--text); margin-bottom: 4px; } .star-input { display: flex; gap: 4px; } .star-input-icon.star-filled svg { color: var(--rhpz-orange); fill: var(--rhpz-orange); } .star-input-icon.star-empty svg { color: var(--border); } .star-input-icon { cursor: pointer; transition: transform 0.1s; } .star-input-icon:hover { transform: scale(1.15); } .reviews-page-header { display: flex; flex-direction: column; gap: 10px; margin-bottom: 25px; padding-bottom: 20px; border-bottom: 1px solid var(--border); } .reviews-back-link { display: inline-flex; align-items: center; gap: 6px; font-size: 0.82rem; color: var(--text2); text-decoration: none; width: fit-content; } .reviews-back-link:hover { color: var(--rhpz-orange); } .reviews-page-title { font-size: 1.4rem; font-weight: 600; color: var(--text); } @media (max-width: 768px) { .review-section-header { gap: 8px; margin-bottom: 8px; } .review-header-right { gap: 8px; flex-wrap: wrap; } .review-avg-badge { font-size: 0.8rem; padding: 3px 8px; } .review-avg-badge--lg { font-size: 0.95rem; padding: 6px 12px; } .reviews-page-header { gap: 8px; margin-bottom: 20px; padding-bottom: 15px; } .reviews-page-title { font-size: 1.15rem; } .review-title { font-size: 0.9rem; } } @media (max-width: 600px) { .review-avg-badge { font-size: 0.75rem; padding: 2px 6px; } .reviews-page-title { font-size: 1rem; } .review-title { font-size: 0.85rem; } .star-rating-display { gap: 0; } .star-input { gap: 3px; } }