/*
Theme Name: Music Piano
Theme URI: https://example.com
Author: مهدی دورابی
Author URI: https://example.com
Description: قالب وردپرسی دانلود آهنگ و موزیک، پیاده‌سازی‌شده بر اساس دموی Music Piano.
Version: 1.0.0
Requires at least: 5.8
Requires PHP: 7.4
Text Domain: webtheme-music
Tags: music, dark, rtl, custom-post-type
*/

:root{
	--bg: #12141d;
	--bg-alt: #181a25;
	--card: #1b1e2a;
	--card-2: #20232f;
	--border: #2a2d3a;
	--text: #e7e8ee;
	--text-dim: #9497a8;
	--text-mute: #6c7086;
	--accent: #f3b53a;
	--accent-dark: #d99c22;
	--accent-2: #ff7a59;
	--radius: 14px;
	--radius-sm: 8px;
	--maxw: 1160px;
}

*{ box-sizing: border-box; }

html{
	scroll-behavior: smooth;
	background: var(--bg);
}

body{
	margin: 0;
	min-height: 100vh;
	background: var(--bg);
	color: var(--text);
	font-family: 'Vazirmatn', Tahoma, sans-serif;
	direction: rtl;
	line-height: 1.9;
	font-size: 15px;
}

html.light-mode{
	--bg: #f3f4f8;
	--bg-alt: #ffffff;
	--card: #ffffff;
	--card-2: #f0f1f6;
	--border: #e2e3ec;
	--text: #1c1e29;
	--text-dim: #5b5d6d;
	--text-mute: #8a8c9c;
}

a{ color: inherit; text-decoration: none; }
ul{ list-style: none; margin: 0; padding: 0; }
img{ max-width: 100%; display: block; }
button{ font-family: inherit; cursor: pointer; }
input{ font-family: inherit; }

.container{
	max-width: var(--maxw);
	margin: 0 auto;
	padding: 0 20px;
	overflow-x: hidden;
}

.section-title{
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 16px;
	font-weight: 700;
	color: var(--text);
	margin: 0 0 14px;
}
.section-title svg{ color: var(--accent); flex-shrink:0; }

.btn{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: var(--accent);
	color: #1a1508;
	font-weight: 700;
	font-size: 13.5px;
	padding: 10px 18px;
	border-radius: 999px;
	border: none;
	transition: .2s;
}
.btn:hover{ background: var(--accent-dark); }