/*
Theme Name: OtzyvyCrypto
Theme URI: https://otzyvycrypto.ru
Author: OtzyvyCrypto editorial
Author URI: https://otzyvycrypto.ru
Description: Production-ready classic WordPress theme for otzyvycrypto.ru — independent crypto-exchange review hub. Editorial magazine + analytical dashboard design. SEO-first: breadcrumbs, FAQ schema, Review/AggregateRating, optimized archives, lazy-loading. Custom templates: front, single exchange, catalog, comparison, rankings, guides, FAQ, legal. No WooCommerce, no page builders, no external CDNs.
Version: 2.1.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: otzyvycrypto
Tags: cryptocurrency, reviews, dark-mode, custom-colors, custom-menu, threaded-comments, translation-ready, custom-logo, featured-images
*/

/* Основные стили подключаются из assets/css/main.css через wp_enqueue_style */
/* ===== User reviews ===== */
.reviews-grid{
	display:grid;
	grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
	gap:24px;
	margin-bottom:56px;
}
.review-card{
	margin:0;
	padding:24px;
	background:var(--surface, rgba(255,255,255,.03));
	border:1px solid var(--border, rgba(255,255,255,.12));
	border-radius:var(--radius, 6px);
	display:flex;
	flex-direction:column;
	position:relative;
}
.review-card::before{
	content:"“";
	font-family:var(--serif);
	font-size:3.5rem;
	line-height:1;
	color:var(--accent);
	opacity:.3;
	margin-bottom:-12px;
}
.review-card blockquote{
	margin:0 0 20px;
	font-family:var(--serif);
	font-size:1.02rem;
	line-height:1.62;
	flex:1;
}
.review-card figcaption{
	display:flex;
	flex-direction:column;
	gap:3px;
	border-top:1px solid var(--border, rgba(255,255,255,.12));
	padding-top:14px;
}
.review-author{
	font-weight:700;
	font-size:.98rem;
}
.review-meta{
	font-size:.82rem;
	color:var(--accent);
	letter-spacing:.02em;
}

/* ===== Review form ===== */
.review-form-wrap{
	padding:32px;
	background:var(--surface, rgba(255,255,255,.03));
	border:1px solid var(--border, rgba(255,255,255,.12));
	border-radius:var(--radius, 6px);
}
.review-form{ margin-top:8px; }
.review-form-row{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:20px;
}
.review-field{
	display:flex;
	flex-direction:column;
	gap:8px;
	margin-bottom:20px;
}
.review-field > span{
	font-size:.86rem;
	font-weight:600;
	letter-spacing:.02em;
}
.review-field > span small{
	font-weight:400;
	color:var(--text-muted);
}
.review-field input,
.review-field textarea{
	width:100%;
	padding:12px 14px;
	background:var(--bg, rgba(0,0,0,.2));
	border:1px solid var(--border, rgba(255,255,255,.18));
	border-radius:var(--radius, 6px);
	color:inherit;
	font:inherit;
	font-size:.98rem;
}
.review-field input:focus,
.review-field textarea:focus{
	outline:none;
	border-color:var(--accent);
}
.review-field textarea{ resize:vertical; line-height:1.55; }
.review-form-foot{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:24px;
	flex-wrap:wrap;
}
.review-form-foot p{
	flex:1;
	min-width:260px;
	margin:0;
	font-size:.84rem;
	color:var(--text-muted);
	font-family:var(--serif);
	font-style:italic;
}
.btn-submit{
	padding:14px 28px;
	border:none;
	border-radius:var(--radius, 6px);
	background:var(--accent);
	color:var(--bg, #0b0e14);
	font:inherit;
	font-weight:700;
	letter-spacing:.02em;
	cursor:pointer;
	transition:opacity .15s ease;
}
.btn-submit:hover{ opacity:.85; }

@media (max-width:640px){
	.review-form-row{ grid-template-columns:1fr; }
	.review-form-wrap{ padding:24px 20px; }
}