/* StudioFlicks — wp-review-overrides.css | Dark navy WP Review widget */

/* Override WP Review's default white widget */
.wpr-box {
	background: #0f1b2d !important;
	border: 1px solid rgba(255,255,255,0.1) !important;
	border-radius: var(--sf-radius-lg) !important;
	box-shadow: none !important;
	margin: 28px 0 !important;
	overflow: hidden !important;
}

.wpr-user-title, .wpr-criterias-title {
	color: rgba(255,255,255,0.55) !important;
	font-size: 10px !important;
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
}

.wpr-score-title {
	color: #fff !important;
	font-size: 28px !important;
	font-weight: 800 !important;
}
.wpr-score-header { color: rgba(255,255,255,0.55) !important; font-size: 13px !important; }
.wpr-score-top { color: rgba(255,255,255,0.35) !important; font-size: 16px !important; }

/* Stars fill */
.wpr-stars span.wpr-icon { color: #f59e0b !important; }
.wpr-stars span.wpr-icon-empty { color: rgba(255,255,255,0.15) !important; }

/* Criteria bars */
.wpr-criteria-bar-holder { background: rgba(255,255,255,0.08) !important; border-radius: 3px !important; }
.wpr-criteria-bar { background: var(--sf-accent) !important; border-radius: 3px !important; }
.wpr-criteria-name { color: rgba(255,255,255,0.6) !important; font-size: 12px !important; }
.wpr-criteria-score { color: rgba(255,255,255,0.7) !important; font-size: 11px !important; }

/* Pros & cons */
.wpr-pros-cons { background: rgba(255,255,255,0.03) !important; }
.wpr-pros-title { color: #10b981 !important; }
.wpr-cons-title { color: #f87171 !important; }
.wpr-pros li::before { color: #10b981 !important; }
.wpr-cons li::before { color: #f87171 !important; }
.wpr-pros li, .wpr-cons li { color: rgba(255,255,255,0.65) !important; font-size: 13px !important; }

/* User rating section */
.wpr-user-section { border-top: 1px solid rgba(255,255,255,0.08) !important; }
.wpr-user-stars .wpr-icon { color: rgba(255,255,255,0.2) !important; font-size: 22px !important; cursor: pointer !important; transition: color 0.15s !important; }
.wpr-user-stars .wpr-icon:hover,
.wpr-user-stars .wpr-icon.wpr-hovered { color: #f59e0b !important; }