/* =====================================================================
 * St3nD – Reviews Restyle (WooCommerce Product Reviews Pro)
 * Külső fájl, hogy a CSS-optimalizálók (WP Rocket RUCSS / SG Optimizer)
 * ne dobják ki – a használt szelektorokat megtartják.
 * Brand: #F26419
 * ===================================================================== */

/* (A) Összegző + csillag-eloszlás elrendezése – self-contained, így
       KIJELENTKEZETT usernek is működik (nem függ a plugin CSS-étől). */
#reviews .product-rating{display:table !important;width:100%;table-layout:fixed;margin:0 0 1.5em;}
#reviews .product-rating .product-rating-summary{display:table-cell !important;width:58%;text-align:center;vertical-align:middle;}
#reviews .product-rating .product-rating-details{display:table-cell !important;width:42%;vertical-align:middle;padding-left:1.5em;}

#reviews .product-rating-details table{border:0 !important;width:100%;margin:0;background:none;border-collapse:collapse;}
#reviews .product-rating-details td{border:0 !important;padding:3px 6px;vertical-align:middle;white-space:nowrap;background:none;}
#reviews .product-rating-details td.rating-number{width:1.6em;text-align:right;font-variant-numeric:tabular-nums;}
#reviews .product-rating-details td.rating-count{width:2em;text-align:left;font-variant-numeric:tabular-nums;}
#reviews .product-rating-details td.rating-number a,
#reviews .product-rating-details td.rating-count a{text-decoration:none;color:inherit;}

/* (B) A bar-ok (a "ruler"): halvány háttér-sáv + NARANCS kitöltés.
       A !important legyőzi a plugin magasabb specificitású lila szabályát. */
#reviews .product-rating-details td.rating-graph{width:auto;padding:3px 6px;background:none;position:relative;}
#reviews .product-rating-details td.rating-graph:before{
	content:"";position:absolute;left:6px;right:6px;top:50%;transform:translateY(-50%);
	height:10px;border-radius:5px;background:#ececec;z-index:0;
}
#reviews .product-rating-details td.rating-graph .bar{
	display:block;height:10px;border-radius:5px;
	background-color:#F26419 !important;min-width:2px;position:relative;z-index:1;
}

/* (C) Csillagok narancsra (összegző, választható, eloszlás-glyph) */
#reviews .star-rating span,
#reviews .product-rating .star-rating span{color:#F26419 !important;}
#reviews .star-rating-selector:not(:checked) input:checked ~ label.checkbox{color:#F26419 !important;}
#reviews .star-rating-selector:not(:checked) label.checkbox:hover,
#reviews .star-rating-selector:not(:checked) label.checkbox:hover ~ label.checkbox{color:#F5834A !important;}
#reviews .product-rating-details td .rating-star{color:#F26419 !important;}

/* (D) Egy-egy vélemény: KISEBB csillagok, a csillag + név + dátum EGY
       sorban, majd a szöveges rész ÚJ sorban alatta. */
/* A vélemény fejléce FLEXBOX: a csillag + név/dátum EGY sorban, függőlegesen
   KÖZÉPRE igazítva (align-items:center → tényleges középvonal), a szöveg pedig
   ÚJ sorban alatta (flex-basis:100%). Ez a megbízható középre-igazítás. */
#reviews .commentlist .comment-text{
	display:flex !important;flex-wrap:wrap !important;align-items:center !important;
	padding-top:10px !important;
}
#reviews .commentlist h3.contribution-title{
	order:1 !important;float:none !important;display:block !important;
	margin:0 .5em 0 0 !important;font-size:1em !important;line-height:1 !important;
}
#reviews .commentlist h3.contribution-title .star-rating{
	font-size:13px !important;float:none !important;line-height:1 !important;
}
#reviews .commentlist p.meta{
	order:2 !important;display:block !important;overflow:visible !important;
	margin:0 !important;line-height:1.3 !important;
}
#reviews .commentlist .description{
	order:3 !important;flex:0 0 100% !important;display:block !important;
	clear:both !important;margin-top:.4em !important;
}
/* Képes vélemény: a kép a szöveg ALÁ, legalulra kerüljön (flexben order nélkül
   különben felülre ugrana). */
#reviews .commentlist .comment-text > img,
#reviews .commentlist .comment-text > .attachment,
#reviews .commentlist .comment-text > .contribution-attachment{
	order:4 !important;flex:0 0 100% !important;align-self:flex-start !important;
	margin-top:.7em !important;
}

/* (D-guest) Kijelentkezett usernek NEM kell a "Write your review" form-blokk –
   legyen letisztult, csak a vélemények látszódjanak. */
body:not(.logged-in) #reviews .contributions-form-title,
body:not(.logged-in) #reviews .contribution-type-selector,
body:not(.logged-in) #reviews .contribution-form-wrapper{display:none !important;}

/* (D2) Címsorok mérete = "Write your review" (29px) + narancs, félkövér pontszám */
#reviews h2{font-size:29px !important;margin:0 0 6px !important;}
#reviews .contributions-title{margin-bottom:6px !important;}
#reviews .product-rating-summary h3{color:#F26419 !important;font-weight:700 !important;}

/* (D3) Térközök szűkítése */
#reviews .product-rating{margin-bottom:14px !important;}
#reviews .contribution-type-selector{margin:6px 0 !important;}      /* "Leave a Review / Add a Photo" */
#reviews form.form-contribution{padding-top:10px !important;padding-bottom:10px !important;}
#reviews .commentlist{margin-top:2px !important;}                   /* "What our customers say" ↔ első doboz */
#reviews .commentlist li.review{margin-bottom:8px !important;}      /* dobozok közti tér */

/* (E) Felesleges vezérlők + per-vélemény komment-űrlap elrejtése */
#reviews .vote,
#reviews .vote-count,
#reviews .vote-count-positive,
#reviews .vote-count-negative,
#reviews .notifications,
#reviews .subscribe,
#reviews .unsubscribe,
#reviews .edit-comment,
#reviews .flag,
#reviews .js-toggle-flag-form,
#reviews .contribution-actions,
#reviews .contribution-flag-form,
#reviews .form-contribution_comment,
#reviews select.select,
#reviews .contributions-list-filter{display:none !important;}

/* (F) Mobil – az összegző és a bontás egymás alá kerül */
@media (max-width:600px){
	#reviews .product-rating,
	#reviews .product-rating .product-rating-summary,
	#reviews .product-rating .product-rating-details{display:block !important;width:100%;}
	#reviews .product-rating .product-rating-details{
		padding-left:0;margin-top:1.2em;max-width:320px;margin-left:auto;margin-right:auto;
	}
}