/* ========== فونت وزیر ========== */
        @font-face {
            font-family: 'Vazir';
            font-style: normal;
            font-weight: 400;
            src: url('/theme/panel_v5/assets/css/fonts/Vazir.woff') format('woff');
        }
        @font-face {
            font-family: 'Vazir';
            font-style: normal;
            font-weight: 600;
            src: url('/theme/panel_v5/assets/css/fonts/Vazir-Medium.woff') format('woff');
        }
        @font-face {
            font-family: 'Vazir';
            font-style: normal;
            font-weight: 700;
            src: url('/theme/panel_v5/assets/css/fonts/Vazir-Bold.woff') format('woff');
        }
        
        /* ========== متغیرهای تم روشن (پیش‌فرض) ========== */
        :root {
            --primary: #0ea5e9;
            --primary-dark: #0284c7;
            --primary-light: #38bdf8;
            --primary-glow: rgba(14, 165, 233, 0.12);
            --primary-soft: rgba(14, 165, 233, 0.06);
            --bg-main: #f0f9ff;
            --bg-card: #ffffff;
            --bg-header: linear-gradient(135deg, #0369a1, #0c4a6e);
            --bg-footer: #082f49;
            --text-main: #0f172a;
            --text-light: #334155;
            --text-muted: #64748b;
            --border: #e2e8f0;
            --radius: 1rem;
            --radius-sm: 0.5rem;
            --shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
            --shadow-hover: 0 12px 20px -12px rgba(0, 0, 0, 0.12);
            --transition: all 0.3s ease;
        }
        
        /* ========== تم تاریک (شب) ========== */
        body.dark {
            --primary: #38bdf8;
            --primary-dark: #0ea5e9;
            --primary-light: #7dd3fc;
            --primary-glow: rgba(56, 189, 248, 0.15);
            --primary-soft: rgba(56, 189, 248, 0.08);
            --bg-main: #0f172a;
            --bg-card: #1e293b;
            --bg-header: linear-gradient(135deg, #020617, #0f172a);
            --bg-footer: #020617;
            --text-main: #f1f5f9;
            --text-light: #cbd5e1;
            --text-muted: #94a3b8;
            --border: #334155;
            --shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
            --shadow-hover: 0 12px 20px -12px rgba(0, 0, 0, 0.4);
        }
        
        * {
			font-family: 'Vazir', 'Tahoma', sans-serif;
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: 'Vazir', 'Tahoma', sans-serif;
            background: var(--bg-main);
            color: var(--text-main);
            line-height: 1.7;
            min-height: 100vh;
            display: flex;
            flex-direction: column;
            transition: background 0.3s ease, color 0.3s ease;
        }
		
		
		
		
		.rb_bookmark{margin:0;}
		.rating-section {
			display: flex;
			justify-content: space-between;
			align-items: flex-start;
			gap: 20px;
			width: 100%;
		}

		/* سمت راست */
		.rating-right {
			flex: 1;
			text-align: center;
		}

		/* سمت چپ */
		.wishlist-left {
			flex: 1;
			text-align: center;
		}

		.section-title {
			font-size: 14px;
			font-weight: 600;
			margin-bottom: 10px;
			color: #424750;
		}

		.rating-content,
		.wishlist-content {
			display: flex;
			justify-content: center;
			align-items: center;
		}

		/* Dark mode */

		.dark .section-title {
			color: #e0e0e0;
		}
		
				
		/* ========== استایل‌های عمومی محتوا ========== */

		/* عکس‌ها - جلوگیری از خروج از صفحه */
		img {
			max-width: 100%;
			height: auto;
			display: inline-block;
			border-radius: 0.5rem;
		}

		/* عکس‌های داخل محتوای پست */
		.post-content img {
			max-width: 100%;
			height: auto;
			border-radius: 0.8rem;
			margin: 1rem 0;
		}

		/* عکس‌های شناور */
		.post-content img.align-left {
			float: left;
			margin: 0.5rem 1rem 0.5rem 0;
		}

		.post-content img.align-right {
			float: right;
			margin: 0.5rem 0 0.5rem 1rem;
		}

		.post-content img.align-center {
			display: block;
			margin: 1rem auto;
		}

		/* ========== پاراگراف‌ها ========== */
		.post-content p {
			margin-bottom: 1.2rem;
			line-height: 1.8;
			text-align: justify;
		}

		/* ========== نقل قول‌ها (Blockquote) ========== */
		.post-content blockquote {
			background: var(--primary-soft);
			border-right: 4px solid var(--primary);
			padding: 1rem 1.5rem;
			margin: 1.2rem 0;
			border-radius: 0.8rem;
			font-style: italic;
			color: var(--text-light);
		}

		.post-content blockquote p {
			margin-bottom: 0;
		}

		/* ========== کدها (Pre, Code) ========== */
		.post-content pre {
			background: var(--bg-main);
			border: 1px solid var(--border);
			border-radius: 0.8rem;
			padding: 1rem;
			overflow-x: auto;
			direction: ltr;
			text-align: left;
			font-family: 'Courier New', monospace;
			font-size: 0.85rem;
			line-height: 1.5;
			margin: 1rem 0;
		}

		.post-content code {
			background: var(--primary-glow);
			padding: 0.2rem 0.4rem;
			border-radius: 0.3rem;
			font-family: 'Courier New', monospace;
			font-size: 0.85rem;
			color: var(--primary-dark);
		}

		.post-content pre code {
			background: none;
			padding: 0;
			color: inherit;
		}

		/* ========== لیست‌ها ========== */
		.post-content ul, 
		.post-content ol {
			margin: 1rem 0;
			padding-right: 1.8rem;
		}

		.post-content li {
			margin-bottom: 0.5rem;
		}

		.post-content ul {
			list-style-type: disc;
		}

		.post-content ol {
			list-style-type: decimal;
		}

		/* ========== جداول ========== */
		.post-content table {
			width: 100%;
			border-collapse: collapse;
			margin: 1rem 0;
			overflow-x: auto;
			display: block;
		}

		.post-content th,
		.post-content td {
			border: 1px solid var(--border);
			padding: 0.6rem;
			text-align: right;
		}

		.post-content th {
			background: var(--primary-glow);
			font-weight: 600;
		}

		/* ========== عنوان‌ها در محتوا ========== */
		.post-content h1,
		.post-content h2,
		.post-content h3,
		.post-content h4,
		.post-content h5,
		.post-content h6 {
			margin: 1.2rem 0 0.8rem 0;
			font-weight: 600;
			line-height: 1.4;
		}

		.post-content h1 { font-size: 1.8rem; }
		.post-content h2 { font-size: 1.5rem; }
		.post-content h3 { font-size: 1.3rem; }
		.post-content h4 { font-size: 1.1rem; }
		.post-content h5 { font-size: 1rem; }
		.post-content h6 { font-size: 0.9rem; color: var(--text-muted); }

		/* ========== شکستن کلمات طولانی ========== */
		.post-content p,
		.post-content a,
		.post-content span,
		.post-content div:not(.code-container) {
			word-wrap: break-word;
			word-break: break-word;
			overflow-wrap: break-word;
		}

		/* برای متن‌های بسیار طولانی بدون فاصله */
		.post-content {
			overflow-x: auto;
		}

		/* ========== لینک‌های داخل محتوا ========== */
		.post-content a {
			color: var(--primary-dark);
			text-decoration: none;
			border-bottom: 1px dashed var(--primary-light);
			transition: var(--transition);
		}

		.post-content a:hover {
			color: var(--primary);
			border-bottom-style: solid;
		}

		/* ========== دکمه‌ها ========== */
		button,
		input[type="submit"],
		input[type="button"] {
			cursor: pointer;
			transition: var(--transition);
		}

		button:hover,
		input[type="submit"]:hover,
		input[type="button"]:hover {
			opacity: 0.9;
			transform: scale(1.02);
		}

		/* ========== فرم‌ها ========== */
		input,
		textarea,
		select {
			font-family: 'Vazir', 'Tahoma', sans-serif;
		}

		input:focus,
		textarea:focus,
		select:focus {
			outline: none;
			border-color: var(--primary);
			box-shadow: 0 0 0 2px var(--primary-glow);
		}
		/* ============================================ */
		/* نسخه دارک مود برای فرم المان‌ها */
		/* ============================================ */

		body.dark input,
		body.dark select,
		body.dark textarea,
		html.dark input,
		html.dark select,
		html.dark textarea,
		.dark input,
		.dark select,
		.dark textarea {
			background: #1e293b;
			border: 1px solid #475569;
			color: #e2e8f0;
		}

		body.dark input:focus,
		body.dark select:focus,
		body.dark textarea:focus {
			border-color: #818cf8;
			box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.2);
		}

		body.dark input:hover,
		body.dark select:hover,
		body.dark textarea:hover {
			border-color: #64748b;
		}

		body.dark input::placeholder,
		body.dark textarea::placeholder {
			color: #64748b;
		}

		body.dark select {
			background-color: #1e293b;
			background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
			color: #e2e8f0;
		}

		body.dark input[type="checkbox"],
		body.dark input[type="radio"] {
			accent-color: #818cf8;
			background-color: #1e293b;
			border-color: #64748b;
		}

		body.dark input:disabled,
		body.dark select:disabled,
		body.dark textarea:disabled {
			background: #0f172a;
			border-color: #334155;
			color: #64748b;
		}

		body.dark input.error,
		body.dark select.error,
		body.dark textarea.error {
			border-color: #f87171;
		}

		body.dark input.error:focus,
		body.dark select.error:focus,
		body.dark textarea.error:focus {
			border-color: #ef4444;
			box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.2);
		}

		body.dark input.success,
		body.dark select.success,
		body.dark textarea.success {
			border-color: #4ade80;
		}
		/* ========== ویدیوها ========== */
		video,
		iframe {
			max-width: 100%;
			border-radius: 0.8rem;
		}

		/* ========== جداکننده افقی ========== */
		hr {
			margin: 1.5rem 0;
			border: none;
			height: 1px;
			background: var(--border);
		}

		/* ========== رفع مشکل متن به هم چسبیده ========== */
		* {
			word-wrap: break-word;
			word-break: break-word;
			overflow-wrap: break-word;
		}

		/* برای تگ‌های خاص */
		.comment-content,
		.post-content,
		.blog-description,
		.sidebar-list-item {
			word-break: break-word;
			white-space: normal;
		}

		/* برای متن‌های بسیار طولانی (مثل لینک‌های بلند) */
		a {
			word-break: break-all;
		}

		/* برای کدها و متن‌های جهت چپ */
		pre,
		code,
		kbd,
		samp {
			direction: ltr;
			text-align: left;
			white-space: pre-wrap;
			word-break: break-all;
		}
		
		
		
		
		
		
		
		
		
		
		
		
		
		
        
        .main-content { flex: 1; }
        
        /* اسکرول بار */
        ::-webkit-scrollbar { width: 8px; }
        ::-webkit-scrollbar-track { background: var(--border); border-radius: 10px; }
        ::-webkit-scrollbar-thumb { background: var(--primary); border-radius: 10px; }
        
        /* ========== لینک‌های پیش‌فرض زیبا ========== */
        a {
            color: var(--primary-dark);
            text-decoration: none;
            transition: var(--transition);
        }
        a:hover {
            color: var(--primary);
        }
        /* لینک‌های داخل محتوای مطلب */
        .post-content a {
            color: var(--primary-dark);
            border-bottom: 1px dashed var(--primary-light);
        }
        .post-content a:hover {
            color: var(--primary);
            border-bottom-style: solid;
        }
        
        /* ========== هدر ========== */
        .header {
            background: var(--bg-header);
            color: white;
            padding: 1.5rem 0;
            text-align: center;
            border-radius: 0 0 2rem 2rem;
        }
        .site-title { font-size: 1.8rem; font-weight: 700; }
        .site-title a { color: white; text-decoration: none; }
        .site-desc { color: #bae6fd; font-size: 0.85rem; margin-top: 0.3rem; }
        
        /* ========== نوار ناوبری ========== */
        .navbar {
            background: var(--bg-card);
            border-bottom: 1px solid var(--border);
            padding: 0.5rem 0;
            position: sticky;
            top: 0;
            z-index: 1000;
            box-shadow: var(--shadow);
        }
        .navbar-container {
            max-width: 1300px;
            margin: 0 auto;
            padding: 0 1.5rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 1rem;
        }
        
        /* دکمه همبرگر */
        .hamburger {
            display: none;
            flex-direction: column;
            gap: 5px;
            cursor: pointer;
            background: none;
            border: none;
            padding: 0.5rem;
        }
        .hamburger span {
            width: 25px;
            height: 2px;
            background: var(--text-main);
            transition: var(--transition);
        }
        .hamburger.active span:nth-child(1) {
            transform: rotate(45deg) translate(5px, 5px);
        }
        .hamburger.active span:nth-child(2) { opacity: 0; }
        .hamburger.active span:nth-child(3) {
            transform: rotate(-45deg) translate(5px, -5px);
        }
        
        /* دکمه تم شب/روز */
        .theme-toggle {
            background: var(--primary-soft);
            border: 1px solid var(--border);
            border-radius: 2rem;
            padding: 0.4rem 0.8rem;
            cursor: pointer;
            color: var(--text-main);
            transition: var(--transition);
            font-size: 0.9rem;
        }
        .theme-toggle:hover {
            background: var(--primary-glow);
            transform: scale(1.02);
        }
        
        /* منوی اصلی */
        .nav-menu {
            display: flex;
            align-items: center;
            gap: 1.5rem;
            list-style: none;
        }
        .nav-menu > li { position: relative; }
        .nav-menu > li > a {
            color: var(--text-main);
            text-decoration: none;
            font-weight: 500;
            transition: var(--transition);
            display: flex;
            align-items: center;
            gap: 0.3rem;
            padding: 0.5rem 0;
        }
        .nav-menu > li > a:hover { color: var(--primary); }
        
        /* دکمه‌های ورود و ثبت نام */
        .auth-buttons {
            display: flex;
            gap: 0.6rem;
        }
        .auth-btn {
            padding: 0.4rem 1.2rem;
            border-radius: 2rem;
            text-decoration: none;
            font-size: 0.85rem;
            font-weight: 500;
            transition: var(--transition);
        }
        .auth-login {
            background: transparent;
            border: 1px solid var(--primary);
            color: var(--primary);
        }
        .auth-login:hover {
            background: var(--primary);
            color: white;
        }
        .auth-register {
            background: var(--primary);
            color: white;
        }
        .auth-register:hover {
            background: var(--primary-dark);
            transform: scale(1.02);
        }
		

        
        /* ========== منوی موضوعات - دسکتاپ ========== */
        @media (min-width: 769px) {
            .dropdown > a {
                display: flex;
                align-items: center;
                gap: 0.3rem;
            }
            .dropdown-menu {
                position: absolute;
                top: 100%;
                right: 0;
                background: var(--bg-card);
                border-radius: var(--radius-sm);
                box-shadow: var(--shadow-hover);
                min-width: 240px;
                opacity: 0;
                visibility: hidden;
                transition: opacity 0.2s ease, visibility 0.2s ease;
                z-index: 1000;
                border: 1px solid var(--border);
                list-style: none;
                padding: 0;
            }
            .dropdown:hover .dropdown-menu {
                opacity: 1;
                visibility: visible;
            }
            .category-item {
                position: relative;
            }
			.category-item {
				display: flex;
				flex-wrap: wrap;
				align-items: center;
				justify-content: space-between;
				padding-left: 10px;
			}
            .category-link {
                display: flex;
                align-items: center;
                gap: 10px;
                padding: 0.6rem 1rem;
                color: var(--text-main);
                text-decoration: none;
                transition: var(--transition);
            }
			.category-item:hover {
				background: var(--primary-glow);
				color: var(--primary);
			}
            .category-arrow {
                font-size: 0.7rem;
                color: var(--text-muted);
                transition: transform 0.2s ease;
            }
            .subcategory-menu {
                position: absolute;
                top: 0;
                right: 100%;
                background: var(--bg-card);
                border-radius: var(--radius-sm);
                box-shadow: var(--shadow-hover);
                min-width: 200px;
                opacity: 0;
                visibility: hidden;
                transition: opacity 0.2s ease, visibility 0.2s ease;
                z-index: 1001;
                border: 1px solid var(--border);
                list-style: none;
                padding: 0 0;
            }
            .category-item:hover > .subcategory-menu {
                opacity: 1;
                visibility: visible;
            }
            .category-item:hover > .category-link .category-arrow {
                transform: rotate(180deg);
            }
            .subcategory-menu li a {
                display: block;
                padding: 0.5rem 1rem;
                color: var(--text-main);
                text-decoration: none;
                font-size: 0.85rem;
				display: flex;
				gap: 8px;
				align-items: center;
            }
            .subcategory-menu li:hover {
                background: var(--primary-glow);
                color: var(--primary);
            }
        }

		/* ========== استایل برای تعداد پست موضوعات ========== */
		.category-badge {
			background: var(--primary-glow);
			color: var(--primary-dark);
			font-size: 0.65rem;
			padding: 0.1rem 0.4rem;
			border-radius: 1rem;
			margin-right: 0.5rem;
		}

		.sub-badge {
			background: var(--primary-soft);
			color: var(--text-muted);
			font-size: 0.6rem;
			padding: 0.1rem 0.3rem;
			border-radius: 1rem;
			margin-right: 0.5rem;
		}

		/* در حالت دسکتاپ */
		@media (min-width: 769px) {
			.category-badge {
				float: left;
			}
		}

		/* ========== منوی موضوعات - موبایل ========== */
		@media (max-width: 768px) {
			.hamburger { display: flex; }
			
			.nav-menu {
				position: fixed;
				top: 0;
				right: -100%;
				width: 280px;
				height: 100vh;
				background: var(--bg-card);
				flex-direction: column;
				align-items: flex-start;
				padding: 5rem 1.5rem 2rem;
				transition: right 0.3s ease;
				z-index: 999;
				box-shadow: -5px 0 20px rgba(0,0,0,0.15);
				overflow-y: auto;
				gap: 0;
			}
			.nav-menu.active { right: 0; }
			.nav-menu > li {
				width: 100%;
				border-bottom: 1px solid var(--border);
			}
			.nav-menu > li > a {
				padding: 0.9rem 0;
				gap: 10px;
			}
			
			.dropdown .dropdown-menu {
				display: none;
				background: var(--bg-main);
				padding: 10px;
				width: 100%;
				list-style: none;
				border-radius: 9px;
			}
			.dropdown .dropdown-menu.active { display: block; }
			
			.dropdown-arrow {
				transition: transform 0.3s ease;
			}
			.dropdown-arrow.rotated {
				transform: rotate(180deg);
			}
			
			.category-item {
				display: flex;
				flex-wrap: wrap;
				align-items: center;
				justify-content: space-between;
			}
			
			.category-link {
				flex: 1;
				display: inline-flex;
				align-items: center;
				gap: 10px;
				padding: 0.7rem 0;
				color: var(--text-main);
				text-decoration: none;
				cursor: pointer;
			}
			
			.category-arrow {
				display: inline-flex;
				align-items: center;
				justify-content: center;
				width: 32px;
				height: 32px;
				font-size: 0.8rem;
				color: var(--text-muted);
				cursor: pointer;
				transition: transform 0.2s ease;
				background: var(--primary-soft);
				border-radius: 8px;
			}
			
			.category-arrow.rotated {
				transform: rotate(90deg);
			}
			
			.subcategory-menu {
				display: none;
				width: 100%;
				background: var(--bg-soft);
				margin-right: 1rem;
				padding: 0.3rem 0;
				border-right: 2px solid var(--primary-light);
				list-style: none;
			}
			.subcategory-menu.active { display: block; }
			.subcategory-menu li a {
				display: block;
				padding: 0.4rem 0.8rem;
				font-size: 0.8rem;
				color: var(--text-main);
				text-decoration: none;
			}
		}
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
        
        .menu-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.5);
            z-index: 998;
            display: none;
        }
        .menu-overlay.active { display: block; }
        
        /* ========== کانتینر اصلی ========== */
        .container {
            max-width: 1300px;
            margin: 0 auto;
            padding: 0 1.5rem;
        }
        .main-grid {
            display: grid;
            grid-template-columns: 1fr 320px;
            gap: 2rem;
            margin-top: 2rem;
        }
        @media (max-width: 768px) {
            .main-grid { grid-template-columns: 1fr; }
            .container { padding: 0 1rem; }
        }
        
        /* ========== کارت‌ها ========== */
        .card {
            background: var(--bg-card);
            border-radius: var(--radius);
            box-shadow: var(--shadow);
            padding: 1.5rem;
            margin-bottom: 1.8rem;
            border: 1px solid var(--border);
            transition: var(--transition);
        }
        .card:hover {
            transform: translateY(-3px);
            box-shadow: var(--shadow-hover);
            border-color: var(--primary-light);
        }
        
        .post-title {
            font-size: 1.6rem;
            margin-bottom: 0.75rem;
        }
        .post-title a { color: var(--text-main); text-decoration: none; }
        .post-title a:hover { color: var(--primary); }
        
        .post-meta {
            display: flex;
            flex-wrap: wrap;
            gap: 1rem;
            font-size: 0.8rem;
            color: var(--text-muted);
            margin-bottom: 1.2rem;
            padding-bottom: 0.8rem;
            border-bottom: 1px dashed var(--border);
        }
        .post-meta i { margin-left: 0.3rem; color: var(--primary); }
        
        .read-more {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            background: var(--primary);
            color: white;
            padding: 0.5rem 1.3rem;
            border-radius: 2rem;
            text-decoration: none;
            font-size: 0.85rem;
            transition: var(--transition);
            margin-top: 1rem;
        }
        .read-more:hover {
            background: var(--primary-dark);
            transform: scale(1.02);
            color: white;
        }
        
        /* ========== مطالب مرتبط ========== */
        .related-posts-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
            gap: 1.2rem;
        }
        .related-item {
            background: var(--bg-main);
            border-radius: var(--radius-sm);
            overflow: hidden;
            transition: var(--transition);
            border: 1px solid var(--border);
        }
        .related-item:hover {
            transform: translateY(-6px);
            box-shadow: var(--shadow-hover);
            border-color: var(--primary);
        }
        .related-item img {
            width: 100%;
            height: 120px;
            object-fit: cover;
        }
        .related-item .related-info { padding: 0.8rem; }
        .related-item .related-title {
            font-size: 0.85rem;
            font-weight: 600;
            color: var(--text-main);
            display: block;
            line-height: 1.5;
        }
        .related-item .related-title:hover { color: var(--primary); }
        .related-item .related-date {
            font-size: 0.65rem;
            color: var(--text-muted);
            margin-top: 0.4rem;
            display: block;
        }
        
        /* ========== برچسب‌ها ========== */
        .post-tags {
            margin-top: 1.2rem;
            display: flex;
            flex-wrap: wrap;
            gap: 0.5rem;
            align-items: center;
        }
        .post-tags a {
            background: var(--primary-glow);
            padding: 0.2rem 0.8rem;
            border-radius: 2rem;
            font-size: 0.7rem;
            color: var(--primary-dark);
            text-decoration: none;
        }
        .post-tags a:hover {
            background: var(--primary);
            color: white;
        }
        
        /* ========== امتیازدهی ========== */
        .rating-section {
            display: flex;
            align-items: center;
            gap: 1rem;
            flex-wrap: wrap;
            margin: 1rem 0;
            padding: 0.5rem 1rem;
            background: var(--primary-soft);
            border-radius: 2rem;
        }
        
        /* ========== سایدبار ========== */
        .sidebar-widget {
            background: var(--bg-card);
            border-radius: var(--radius);
            padding: 1.2rem;
            margin-bottom: 1.5rem;
            border: 1px solid var(--border);
        }
        .widget-title {
            font-size: 1.1rem;
            font-weight: 600;
            border-right: 3px solid var(--primary);
            padding-right: 0.8rem;
            margin-bottom: 1rem;
        }
        .widget-title i { color: var(--primary); margin-left: 0.5rem; }
        
        .search-form {
            display: flex;
            gap: 0.5rem;
        }
        .search-form input {
            flex: 1;
            padding: 0.6rem 1rem;
            border: 1px solid var(--border);
            border-radius: 2rem;
            background: var(--bg-main);
            font-family: 'Vazir';
        }
        .search-form input:focus {
            outline: none;
            border-color: var(--primary);
        }
        .search-form button {
            background: var(--primary);
            border: none;
            padding: 0 1.2rem;
            border-radius: 2rem;
            color: white;
            cursor: pointer;
        }
        
        .sidebar-list-item {
            margin-bottom: 0.8rem;
            padding-bottom: 0.5rem;
            border-bottom: 1px dashed var(--border);
        }
        .sidebar-list-item a {
            text-decoration: none;
            color: var(--text-main);
            font-weight: 500;
            display: block;
            font-size: 0.85rem;
        }
        .sidebar-list-item a:hover { color: var(--primary); padding-right: 0.3rem; }
        .sidebar-list-item small { font-size: 0.65rem; color: var(--text-muted); }
        
        /* ========== صفحه‌بندی ========== */
        .pagination-wrapper {
            background: var(--bg-card);
            border-radius: var(--radius);
            padding: 1.2rem;
            text-align: center;
            margin-bottom: 1.8rem;
        }
        .pagination {
            display: inline-flex;
            flex-wrap: wrap;
            gap: 0.4rem;
            margin-bottom: 0.8rem;
        }
        .pagination a, .pagination span {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 36px;
            height: 36px;
            padding: 0 0.7rem;
            background: var(--bg-main);
            border: 1px solid var(--border);
            border-radius: var(--radius-sm);
            color: var(--text-main);
            text-decoration: none;
            font-size: 0.85rem;
        }
        .pagination a:hover, .pagination .current {
            background: var(--primary);
            border-color: var(--primary);
            color: white;
        }
        
        /* نظرات */
        .comment-item {
            background: var(--bg-main);
            padding: 0.8rem;
            border-radius: 0.8rem;
            margin-bottom: 0.8rem;
            border-right: 3px solid var(--primary);
        }
        .comment-author { font-weight: 600; color: var(--primary-dark); font-size: 0.9rem; }
        .comment-date { font-size: 0.65rem; color: var(--text-muted); }
        
        /* فوتر */
        .footer {
            background: var(--bg-footer);
            color: #94a3b8;
            text-align: center;
            padding: 1.8rem;
            margin-top: 2rem;
            border-radius: 1.5rem 1.5rem 0 0;
        }
        .footer a { color: var(--primary-light); text-decoration: none; }
        .footer-links {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 1.5rem;
            margin-bottom: 1rem;
        }
		

		/* ========== استایل بخش آخرین ارسال‌های انجمن ========== */

		.forum-section {
			padding: 1.2rem !important;
		}

		.forum-posts-container {
			width: 100%;
		}

		.forum-posts-list {
			list-style: none;
			margin: 0;
			padding: 0;
		}

		.forum-post-item {
			display: flex;
			align-items: center;
			gap: 1rem;
			padding: 1rem 0;
			border-bottom: 1px solid var(--border);
			transition: var(--transition);
		}

		.forum-post-item:last-child {
			border-bottom: none;
		}

		.forum-post-item:hover {
			background: var(--primary-soft);
			padding-right: 0.5rem;
		}

		/* آواتار */
		.forum-avatar {
			width: 55px;
			height: 55px;
			border-radius: 50%;
			background-size: cover;
			background-position: center;
			background-color: var(--bg-main);
			flex-shrink: 0;
			position: relative;
			border: 2px solid var(--primary-light);
		}

		.forum-hit {
			position: absolute;
			bottom: -5px;
			left: -5px;
			background: var(--primary);
			color: white;
			font-size: 0.6rem;
			padding: 0.15rem 0.4rem;
			border-radius: 1rem;
			white-space: nowrap;
			display: flex;
			align-items: center;
			gap: 0.2rem;
		}

		.forum-hit i {
			font-size: 0.55rem;
		}

		/* محتوای اصلی */
		.forum-content {
			flex: 1;
		}

		.forum-title {
			margin: 0 0 0.4rem 0;
			font-size: 0.95rem;
			font-weight: 600;
		}

		.forum-title a {
			color: var(--text-main);
			text-decoration: none;
			transition: var(--transition);
			display: inline-block;
		}

		.forum-title a:hover {
			color: var(--primary);
		}

		/* متا اطلاعات */
		.forum-meta {
			display: flex;
			flex-wrap: wrap;
			gap: 0.8rem;
			font-size: 0.7rem;
			color: var(--text-muted);
		}

		.forum-meta i {
			margin-left: 0.2rem;
			color: var(--primary);
			font-size: 0.65rem;
		}

		.forum-answers {
			background: var(--primary-glow);
			padding: 0.15rem 0.5rem;
			border-radius: 1rem;
		}

		.forum-author {
			display: flex;
			align-items: center;
			gap: 0.2rem;
		}

		/* صفحه‌بندی انجمن */
		.forum-pagination {
			margin-top: 1.2rem;
			padding-top: 1rem;
			border-top: 1px solid var(--border);
			text-align: center;
		}

		.forum-pagination .pagination {
			display: inline-flex;
			flex-wrap: wrap;
			gap: 0.3rem;
			justify-content: center;
		}

		.forum-pagination a,
		.forum-pagination span {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			min-width: 32px;
			height: 32px;
			padding: 0 0.6rem;
			background: var(--bg-main);
			border: 1px solid var(--border);
			border-radius: 0.4rem;
			color: var(--text-main);
			text-decoration: none;
			font-size: 0.75rem;
			transition: var(--transition);
		}

		.forum-pagination a:hover,
		.forum-pagination .current {
			background: var(--primary);
			border-color: var(--primary);
			color: white;
		}

		/* ========== حالت موبایل ========== */
		@media (max-width: 768px) {
			.forum-post-item {
				gap: 0.7rem;
				padding: 0.8rem 0;
			}
			
			.forum-avatar {
				width: 45px;
				height: 45px;
			}
			
			.forum-hit {
				font-size: 0.5rem;
				padding: 0.1rem 0.3rem;
				bottom: -8px;
				left: -8px;
			}
			
			.forum-title {
				font-size: 0.85rem;
			}
			
			.forum-meta {
				gap: 0.5rem;
				font-size: 0.6rem;
			}
			
			.forum-meta i {
				font-size: 0.55rem;
			}
		}
		
		
		
		/* ========== استایل نظرات ========== */

		/* فرم نظر */
		.comment-form-wrapper {
			margin-bottom: 2rem;
			padding-bottom: 1rem;
			border-bottom: 1px solid var(--border);
		}

		.comment-form-title {
			font-size: 1rem;
			margin-bottom: 1rem;
			color: var(--text-main);
		}

		.comment-form-title i {
			color: var(--primary);
			margin-left: 0.5rem;
		}

		/* نظر اصلی */
		.comment-item-main {
			display: flex;
			gap: 1rem;
			padding: 1rem 0;
			border-bottom: 1px solid var(--border);
			margin-bottom: 0.5rem;
		}

		/* آواتار */
		.comment-avatar {
			flex-shrink: 0;
			width: 50px;
			height: 50px;
		}

		.comment-avatar img {
			width: 100%;
			height: 100%;
			border-radius: 50%;
			object-fit: cover;
			background: var(--bg-main);
		}

		/* محتوای نظر */
		.comment-content-wrapper {
			flex: 1;
		}

		.comment-header {
			margin-bottom: 0.5rem;
		}

		.comment-author-name {
			float: right;
			font-weight: 600;
			color: var(--primary-dark);
			font-size: 0.9rem;
		}

		.comment-date-time {
			float: left;
			font-size: 0.65rem;
			color: var(--text-muted);
		}

		.comment-text {
			font-size: 0.85rem;
			line-height: 1.7;
			color: var(--text-light);
			margin-bottom: 0.8rem;
		}

		/* دکمه‌های پاسخ و لایک */
		.comment-actions {
			display: flex;
			align-items: center;
			justify-content: space-between;
			flex-wrap: wrap;
			gap: 1rem;
			margin-top: 0.5rem;
		}

		.comment-buttons {
			display: flex;
			gap: 0.5rem;
		}

		.btn-reply {
			background: var(--primary-soft);
			color: var(--primary-dark);
			padding: 0.2rem 1rem;
			border-radius: 1rem;
			font-size: 0.7rem;
			text-decoration: none;
			transition: var(--transition);
			display: inline-block;
			cursor: pointer;
		}

		.btn-reply:hover {
			background: var(--primary);
			color: white;
		}

		.btn-cancel-reply {
			background: rgba(239, 83, 80, 0.15);
			color: #ef5350;
			padding: 0.2rem 1rem;
			border-radius: 1rem;
			font-size: 0.7rem;
			text-decoration: none;
			transition: var(--transition);
			display: inline-block;
			cursor: pointer;
		}

		.btn-cancel-reply:hover {
			background: #ef5350;
			color: white;
		}

		.comment-like {
			display: flex;
			align-items: center;
			gap: 0.3rem;
		}

		.like-count {
			font-size: 0.75rem;
			color: var(--text-muted);
		}

		.like-btn {
			font-size: 1rem;
			text-decoration: none;
			color: #ef5350;
			cursor: pointer;
			opacity: 0.7;
			transition: var(--transition);
		}

		.like-btn:hover {
			opacity: 1;
			transform: scale(1.1);
		}

		/* زیرنظرات (پاسخ‌ها) */
		.comment-item-sub {
			display: flex;
			gap: 1rem;
			padding: 1rem 0 1rem 1rem;
			margin-right: 2rem;
			margin-bottom: 0.5rem;
			background: var(--primary-soft);
			border-radius: 0.8rem;
			border-right: 2px solid var(--primary-light);
		}

		.reply-to {
			font-size: 0.7rem;
			color: var(--primary);
			margin-right: 0.5rem;
		}

		/* صفحه‌بندی نظرات */
		.comment-pagination {
			margin-top: 1.5rem;
			padding-top: 1rem;
			text-align: center;
			border-top: 1px solid var(--border);
		}

		.comment-pagination .pagination {
			display: inline-flex;
			flex-wrap: wrap;
			gap: 0.3rem;
		}

		.comment-pagination a,
		.comment-pagination span {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			min-width: 32px;
			height: 32px;
			padding: 0 0.6rem;
			background: var(--bg-main);
			border: 1px solid var(--border);
			border-radius: 0.4rem;
			color: var(--text-main);
			text-decoration: none;
			font-size: 0.75rem;
		}

		.comment-pagination a:hover,
		.comment-pagination .current {
			background: var(--primary);
			border-color: var(--primary);
			color: white;
		}

		/* فرم پاسخ */
		.respond-form-container {
			margin-top: 1rem;
			background: var(--bg-main);
			border-radius: 0.8rem;
		}

		/* ========== حالت موبایل ========== */
		@media (max-width: 768px) {
			.comment-item-main {
				gap: 0.7rem;
			}
			
			.comment-avatar {
				width: 40px;
				height: 40px;
			}
			
			.comment-author-name {
				font-size: 0.8rem;
			}
			
			.comment-text {
				font-size: 0.8rem;
			}
			
			.comment-item-sub {
				margin-right: 0.5rem;
				padding: 0.8rem;
			}
			
			.comment-buttons {
				gap: 0.3rem;
			}
			
			.btn-reply, .btn-cancel-reply {
				padding: 0.15rem 0.8rem;
				font-size: 0.65rem;
			}
		}


		/* ========== استایل آرشیو موضوعات ========== */

		.archive-categories-wrapper {
			display: flex;
			flex-direction: column;
			gap: 2rem;
		}

		.archive-category-card {
			background: var(--bg-card);
			border-radius: var(--radius);
			overflow: hidden;
			border: 1px solid var(--border);
			transition: var(--transition);
			margin-bottom: 1rem;
		}

		.archive-category-card:hover {
			transform: translateY(-4px);
			box-shadow: var(--shadow-hover);
			border-color: var(--primary);
		}

		.archive-cat-img {
			width: 100%;
			height: 200px;
			overflow: hidden;
		}

		.archive-cat-img img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			transition: transform 0.5s ease;
		}

		.archive-category-card:hover .archive-cat-img img {
			transform: scale(1.03);
		}

		.archive-cat-content {
			padding: 1.5rem;
		}

		.archive-cat-title {
			font-size: 1.4rem;
			margin-bottom: 0.75rem;
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			justify-content: space-between;
			gap: 0.5rem;
		}

		.archive-cat-title a {
			color: var(--text-main);
			text-decoration: none;
			transition: var(--transition);
		}

		.archive-cat-title a:hover {
			color: var(--primary);
		}

		.archive-cat-badge {
			background: var(--primary-glow);
			color: var(--primary-dark);
			font-size: 0.7rem;
			padding: 0.2rem 0.6rem;
			border-radius: 2rem;
		}

		.archive-cat-desc {
			color: var(--text-muted);
			font-size: 0.85rem;
			margin-bottom: 1rem;
			line-height: 1.6;
		}

		.archive-cat-meta {
			display: flex;
			flex-wrap: wrap;
			gap: 1rem;
			font-size: 0.7rem;
			color: var(--text-muted);
			margin-bottom: 1rem;
			padding-bottom: 0.5rem;
			border-bottom: 1px dashed var(--border);
		}

		.rss-link {
			color: #f26522;
		}

		.rss-link:hover {
			color: #e65c1a;
		}

		/* اولین پست ویژه */
		.archive-featured-post {
			display: flex;
			gap: 1rem;
			background: var(--primary-soft);
			padding: 1rem;
			border-radius: var(--radius-sm);
			margin-bottom: 1.5rem;
		}

		.featured-img {
			width: 120px;
			flex-shrink: 0;
		}

		.featured-img img {
			width: 100%;
			height: 80px;
			object-fit: cover;
			border-radius: 0.5rem;
		}

		.featured-info h4 {
			font-size: 1rem;
			margin-bottom: 0.3rem;
		}

		.featured-info h4 a {
			color: var(--text-main);
			text-decoration: none;
		}

		.featured-info h4 a:hover {
			color: var(--primary);
		}

		.featured-info p {
			font-size: 0.8rem;
			color: var(--text-muted);
			margin-bottom: 0.3rem;
		}

		.featured-info small {
			font-size: 0.65rem;
			color: var(--text-muted);
		}

		/* لیست پست‌ها */
		.archive-posts-list {
			display: flex;
			flex-direction: column;
			gap: 0.8rem;
		}

		.archive-post-item {
			padding: 0.5rem 0;
			border-bottom: 1px dashed var(--border);
		}

		.archive-post-item:last-child {
			border-bottom: none;
		}

		.archive-post-link {
			display: flex;
			align-items: center;
			gap: 1rem;
			text-decoration: none;
		}

		.archive-post-thumb {
			width: 50px;
			height: 50px;
			border-radius: 0.5rem;
			object-fit: cover;
		}

		.archive-post-info {
			flex: 1;
		}

		.archive-post-title {
			display: block;
			font-size: 0.9rem;
			font-weight: 500;
			color: var(--text-main);
			transition: var(--transition);
		}

		.archive-post-link:hover .archive-post-title {
			color: var(--primary);
		}

		.archive-post-meta {
			display: flex;
			gap: 0.8rem;
			font-size: 0.65rem;
			color: var(--text-muted);
			margin-top: 0.3rem;
		}

		.archive-post-meta i {
			margin-left: 0.2rem;
		}

		/* ========== نسخه ساده ========== */
		.archive-categories-simple {
			display: flex;
			flex-direction: column;
			gap: 1.5rem;
		}

		.simple-category-item {
			background: var(--bg-card);
			border-radius: var(--radius-sm);
			padding: 1rem;
			border: 1px solid var(--border);
		}

		.simple-cat-title {
			font-size: 1.1rem;
			margin-bottom: 0.8rem;
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding-bottom: 0.5rem;
			border-bottom: 1px solid var(--border);
		}

		.simple-cat-title a {
			color: var(--primary-dark);
			text-decoration: none;
		}

		.simple-cat-title a:hover {
			color: var(--primary);
		}

		.simple-cat-count {
			background: var(--primary-glow);
			color: var(--primary-dark);
			font-size: 0.65rem;
			padding: 0.1rem 0.5rem;
			border-radius: 1rem;
		}

		.simple-posts-list {
			list-style: none;
			margin: 0;
			padding: 0;
		}

		.simple-posts-list li {
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 0.4rem 0;
			border-bottom: 1px dashed var(--border);
		}

		.simple-posts-list li:last-child {
			border-bottom: none;
		}

		.simple-posts-list li a {
			color: var(--text-main);
			text-decoration: none;
			font-size: 0.85rem;
		}

		.simple-posts-list li a:hover {
			color: var(--primary);
		}

		.simple-posts-list li small {
			font-size: 0.65rem;
			color: var(--text-muted);
		}

		/* ========== حالت موبایل ========== */
		@media (max-width: 768px) {
			.archive-cat-img {
				height: 150px;
			}
			
			.archive-cat-title {
				font-size: 1.2rem;
			}
			
			.archive-featured-post {
				flex-direction: column;
			}
			
			.featured-img {
				width: 100%;
			}
			
			.featured-img img {
				height: 150px;
			}
			
			.archive-post-link {
				gap: 0.7rem;
			}
			
			.archive-post-thumb {
				width: 40px;
				height: 40px;
			}
			
			.archive-post-title {
				font-size: 0.8rem;
			}
			
			.simple-posts-list li {
				flex-direction: column;
				align-items: flex-start;
				gap: 0.2rem;
			}
		}
		



		/* ========== اسلایدر مطالب منتخب با Owl Carousel ========== */
		.selected-slider-wrapper {
			max-width: 1300px;
			margin: 30px auto 0;
			padding: 0 1.5rem;
			position: relative;
		}

		.owl-carousel .slider-item {
			position: relative;
			min-height: 450px;
			border-radius: var(--radius);
			overflow: hidden;
		}

		.slider-bg {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}

		.slider-bg img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

		.slider-overlay {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.7));
		}

		.slider-content {
			position: relative;
			z-index: 2;
			padding: 3rem;
			color: white;
			display: flex;
			flex-direction: column;
			justify-content: center;
			min-height: 450px;
			max-width: 700px;
		}

		.slider-badge {
			background: var(--primary);
			display: inline-flex;
			align-items: center;
			gap: 0.3rem;
			padding: 0.3rem 1rem;
			border-radius: 2rem;
			font-size: 0.75rem;
			width: fit-content;
		}

		.slider-title {
			font-size: 2rem;
			margin: 1rem 0 0.5rem;
			line-height: 1.3;
		}

		.slider-title a {
			color: white;
			text-decoration: none;
			transition: var(--transition);
		}

		.slider-title a:hover {
			color: var(--primary-light);
		}

		.slider-desc {
			font-size: 0.9rem;
			opacity: 0.9;
			margin-bottom: 1rem;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			overflow: hidden;
		}

		.slider-meta {
			display: flex;
			gap: 1rem;
			font-size: 0.8rem;
			opacity: 0.8;
			margin-bottom: 1.5rem;
		}

		.slider-meta i {
			margin-left: 0.3rem;
		}

		.slider-btn {
			display: inline-flex;
			align-items: center;
			gap: 0.5rem;
			background: var(--primary);
			color: white;
			padding: 0.6rem 1.5rem;
			border-radius: 2rem;
			text-decoration: none;
			font-size: 0.85rem;
			width: fit-content;
			transition: var(--transition);
		}

		.slider-btn:hover {
			background: var(--primary-dark);
			transform: translateX(-3px);
		}

		/* ========== استایل دکمه‌های قبلی و بعدی ========== */
		.owl-theme .owl-nav {
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			width: 100%;
			display: flex;
			justify-content: space-between;
			pointer-events: none;
			padding: 0 10px;
		}

		.owl-theme .owl-nav button {
			width: 45px !important;
			height: 45px !important;
			background: rgba(255,255,255,0.2) !important;
			backdrop-filter: blur(5px);
			border-radius: 50% !important;
			color: white !important;
			font-size: 1.5rem !important;
			display: flex !important;
			align-items: center !important;
			justify-content: center !important;
			transition: var(--transition) !important;
			pointer-events: auto;
			border: none;
		}

		.owl-theme .owl-nav button:hover {
			background: var(--primary) !important;
			transform: scale(1.05);
		}

		.owl-theme .owl-nav button span {
			font-size: 2rem;
			line-height: 1;
		}

		/* ========== استایل دات‌ها (نقاط پایین) ========== */
		.owl-theme .owl-dots {
			position: absolute;
			bottom: 20px;
			left: 0;
			right: 0;
			display: flex;
			justify-content: center;
			gap: 12px;
			z-index: 5;
		}

		.owl-theme .owl-dots .owl-dot {
			display: inline-block !important;
			opacity: 1 !important;
		}

		.owl-theme .owl-dots .owl-dot span {
			display: block !important;
			width: 10px !important;
			height: 4px !important;
			background: rgba(255,255,255,0.4) !important;
			border-radius: 4px !important;
			transition: all 0.3s ease !important;
			margin: 0 !important;
		}

		.owl-theme .owl-dots .owl-dot:hover span {
			background: rgba(255,255,255,0.8) !important;
		}

		.owl-theme .owl-dots .owl-dot.active span {
			width: 50px !important;
			background: var(--primary) !important;
			box-shadow: 0 0 8px var(--primary-glow);
		}

		/* ========== حالت موبایل ========== */
		@media (max-width: 768px) {
			.owl-carousel .slider-item {
				min-height: 350px;
			}
			
			.slider-content {
				padding: 1.5rem;
				min-height: 350px;
			}
			
			.slider-title {
				font-size: 1.3rem;
			}
			
			.slider-desc {
				font-size: 0.8rem;
				-webkit-line-clamp: 2;
			}
			
			.slider-meta {
				font-size: 0.7rem;
				flex-wrap: wrap;
				gap: 0.5rem;
			}
			
			.owl-theme .owl-nav button {
				width: 35px !important;
				height: 35px !important;
				font-size: 1rem !important;
			}
			
			.owl-theme .owl-dots {
				bottom: 10px;
			}
		}



/* ========== پربازدیدهای ماهانه - استایل متمایز و حرفه‌ای ========== */
.month-hot-posts {
    background: linear-gradient(135deg, var(--bg-card) 0%, var(--primary-soft) 100%);
    border: 1px solid var(--primary-light);
}

.widget-title {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.month-badge {
    background: linear-gradient(135deg, var(--primary), var(--primary-dark));
    color: white;
    padding: 0.2rem 0.8rem;
    border-radius: 2rem;
    font-size: 0.7rem;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
}

.month-posts-list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.month-post-item {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.8rem;
    background: var(--bg-main);
    border-radius: var(--radius-sm);
    transition: var(--transition);
    border: 1px solid transparent;
}

.month-post-item:hover {
    transform: translateX(-4px);
    border-color: var(--primary-light);
    box-shadow: var(--shadow-hover);
}

/* رتبه‌بندی */
.month-post-rank {
    width: 35px;
    flex-shrink: 0;
}

.rank-number {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: var(--primary-soft);
    border-radius: 50%;
    font-weight: 700;
    font-size: 1rem;
    color: var(--primary-dark);
}

/* رتبه‌های اول تا سوم با رنگ ویژه */
.rank-number.1,
.rank-number.2,
.rank-number.3 {
    background: linear-gradient(135deg, #fbbf24, #f59e0b);
    color: white;
    box-shadow: 0 2px 8px rgba(245, 158, 11, 0.3);
}

.rank-number.1 {
    background: linear-gradient(135deg, #fcd34d, #f59e0b);
}

.rank-number.2 {
    background: linear-gradient(135deg, #e5e7eb, #9ca3af);
}

.rank-number.3 {
    background: linear-gradient(135deg, #d97706, #b45309);
}

/* تصویر */
.month-post-img {
    width: 65px;
    height: 65px;
    flex-shrink: 0;
    position: relative;
    border-radius: 0.8rem;
    overflow: hidden;
}

.month-post-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.month-post-item:hover .month-post-img img {
    transform: scale(1.05);
}

.img-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
    padding: 0.2rem;
}

.view-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.2rem;
    font-size: 0.55rem;
    color: white;
    direction: ltr;
}

.view-badge i {
    font-size: 0.5rem;
}

/* اطلاعات مطلب */
.month-post-info {
    flex: 1;
}

.month-post-title {
    font-size: 0.85rem;
    font-weight: 600;
    margin-bottom: 0.3rem;
    line-height: 1.4;
}

.month-post-title a {
    color: var(--text-main);
    text-decoration: none;
    transition: var(--transition);
}

.month-post-title a:hover {
    color: var(--primary);
}

.month-post-meta {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.65rem;
    color: var(--text-muted);
}

.month-post-meta i {
    margin-left: 0.2rem;
    color: var(--primary);
    font-size: 0.6rem;
}

/* ========== حالت موبایل ========== */
@media (max-width: 768px) {
    .month-post-item {
        padding: 0.6rem;
        gap: 0.7rem;
    }
    
    .month-post-rank {
        width: 30px;
    }
    
    .rank-number {
        width: 28px;
        height: 28px;
        font-size: 0.85rem;
    }
    
    .month-post-img {
        width: 55px;
        height: 55px;
    }
    
    .month-post-title {
        font-size: 0.8rem;
    }
}


        /* ========== دکمه اسکرول به بالا (رفع شده) ========== */
        .scroll-top {
            position: fixed;
            bottom: 2rem;
            left: 2rem;
            width: 46px;
            height: 46px;
            background: var(--primary);
            color: white;
            border: none;
            border-radius: 50%;
            cursor: pointer;
            display: none;
            align-items: center;
            justify-content: center;
            font-size: 1.2rem;
            transition: var(--transition);
            z-index: 999;
            box-shadow: 0 2px 10px rgba(0,0,0,0.2);
        }
        .scroll-top:hover {
            background: var(--primary-dark);
            transform: scale(1.08);
        }




































	section.panel-container {
		max-width: 1300px;
		display: block;
		width: 100%;
		margin: auto;
	}
	.rb_icon_panel{display:none;}
    /* پنل کاربری با ساختار دو ستونه مثل قالب اصلی */
    .panel-dashboard {
        display: grid;
        grid-template-columns: 1fr 320px;
        gap: 1.3rem;
        margin-top: 2rem;
		align-items: stretch;
		margin-right:15px;
		margin-left:15px;
    }
    
    /* سمت راست - محتوای اصلی */
    .panel-main {
        background: var(--bg-card);
        border-radius: var(--radius);
        border: 1px solid var(--border);
        overflow: hidden;
    }
    
    /* هدر پنل با خوش‌آمدگویی */
    .panel-welcome-header {
        background: linear-gradient(135deg, var(--primary-dark), var(--primary));
        padding: 1.5rem;
        color: white;
        text-align: center;
    }
    .panel-welcome-header h3 {
        color: white;
        margin-bottom: 0.3rem;
        font-size: 1.3rem;
    }
    .panel-welcome-header p {
        opacity: 0.9;
        font-size: 0.8rem;
    }
    
    /* منوی پنل کاربری - 3 ستونه */
    .panel-menu-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem;
        padding: 1.5rem;
		display:none;
    }
    .panel-menu-item {
        background: var(--bg-main);
        border: 1px solid var(--border);
        border-radius: var(--radius-sm);
        padding: 1rem 0.5rem;
        text-align: center;
        text-decoration: none;
        transition: var(--transition);
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0.6rem;
    }
    .panel-menu-item:hover {
        transform: translateY(-3px);
        border-color: var(--primary);
        background: var(--primary-soft);
    }
    .panel-menu-item i {
        font-size: 1.5rem;
        color: var(--primary);
    }
    .panel-menu-item span {
        font-size: 0.75rem;
        color: var(--text-main);
        font-weight: 500;
    }
    .panel-menu-item:hover span {
        color: var(--primary);
    }
    
    /* سایدبار سمت چپ */
    .panel-sidebar {
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
    }
    .panel-widget {
        background: var(--bg-card);
        border-radius: var(--radius);
        border: 1px solid var(--border);
        padding: 1.2rem;
    }
    .panel-widget-title {
        font-size: 1rem;
        font-weight: 600;
        margin-bottom: 1rem;
        padding-bottom: 0.5rem;
        border-bottom: 2px solid var(--primary);
        display: inline-block;
    }
    
    /* اطلاعات کاربری */
    .user-info-card {
        text-align: center;
    }
    .user-avatar {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        margin: 0 auto 1rem;
        border: 3px solid var(--primary);
        overflow: hidden;
    }
    .user-avatar img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .user-name {
        font-size: 1.1rem;
        font-weight: 700;
        color: var(--text-main);
    }
    .user-date {
        font-size: 0.7rem;
        color: var(--text-muted);
        margin-top: 0.3rem;
    }
    .user-ip {
        background: var(--primary-soft);
        padding: 0.3rem 0.8rem;
        border-radius: 1rem;
        font-size: 0.7rem;
        display: inline-block;
        margin-top: 0.5rem;
        direction: ltr;
    }
    
    /* آمارهای سریع */
    .stats-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0.8rem;
        margin-top: 0.5rem;
    }
    .stat-box {
        text-align: center;
        padding: 0.5rem;
        background: var(--bg-main);
        border-radius: var(--radius-sm);
    }
    .stat-number {
        font-size: 1.1rem;
        font-weight: 700;
        color: var(--primary-dark);
        direction: ltr;
    }
    .stat-label {
        font-size: 0.65rem;
        color: var(--text-muted);
    }
    
    /* لیست لینک‌های پنل در سایدبار */
    .panel-links-list {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }
    .panel-links-list a {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        padding: 0.5rem;
        background: var(--bg-main);
        border-radius: var(--radius-sm);
        color: var(--text-main);
        text-decoration: none;
        transition: var(--transition);
        font-size: 0.85rem;
    }
    .panel-links-list a i {
        width: 25px;
        color: var(--primary);
    }
    .panel-links-list a:hover {
        background: var(--primary-soft);
        color: var(--primary);
        transform: translateX(-3px);
    }
    
    /* لیست علاقه‌مندی‌ها */
    .wishlist-table-wrapper {
        overflow-x: auto;
    }
    .wishlist-table {
        width: 100%;
        border-collapse: collapse;
        font-size: 0.85rem;
    }
    .wishlist-table th {
        background: var(--primary-soft);
        padding: 0.8rem;
        text-align: center;
        border-bottom: 2px solid var(--primary);
    }
    .wishlist-table td {
        padding: 0.8rem;
        text-align: center;
        border-bottom: 1px solid var(--border);
    }
    .wishlist-product {
        display: flex;
        align-items: center;
        gap: 0.8rem;
        text-decoration: none;
    }
    .wishlist-product img {
        width: 45px;
        height: 45px;
        border-radius: 0.5rem;
        object-fit: cover;
    }
    .wishlist-product span {
        color: var(--text-main);
    }
    .delete-wishlist {
        color: #ef4444;
        cursor: pointer;
    }
    
    /* پلن‌های اشتراک */
    .plans-container {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
        gap: 1rem;
        margin-top: 1rem;
    }
    .plan-card {
        background: var(--bg-main);
        border: 1px solid var(--border);
        border-radius: var(--radius-sm);
        padding: 1rem;
        text-align: center;
    }
    .plan-card:hover {
        border-color: var(--primary);
    }
    .plan-title {
        font-size: 1rem;
        font-weight: 700;
        color: var(--primary-dark);
    }
    .plan-price {
        font-size: 1.1rem;
        font-weight: 700;
        margin: 0.5rem 0;
    }
    .plan-btn {
        display: inline-block;
        background: var(--primary);
        color: white;
        padding: 0.4rem 1rem;
        border-radius: 2rem;
        font-size: 0.75rem;
        text-decoration: none;
        margin-top: 0.5rem;
    }
    
    .empty-message {
        text-align: center;
        padding: 2rem;
        color: var(--text-muted);
    }
    
    /* استایل صفحات احراز هویت (ورود، ثبت نام، فراموشی رمز) */
    .auth-wrapper {
        max-width: 500px;
        margin: 0 auto;
    }
    .auth-social-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.8rem;
        background: var(--bg-main);
        border: 1px solid var(--border);
        border-radius: 2rem;
        padding: 0.7rem 1rem;
        text-decoration: none;
        color: var(--text-main);
        font-weight: 500;
        transition: var(--transition);
        cursor: pointer;
        width: 100%;
    }
    .auth-social-btn:hover {
        background: var(--primary-soft);
        border-color: var(--primary);
        transform: translateY(-2px);
    }
    .auth-link {
        color: var(--text-muted);
        text-decoration: none;
        font-size: 0.8rem;
        transition: var(--transition);
    }
    .auth-link:hover {
        color: var(--primary);
    }
    .google-map iframe {
        width: 100%;
        height: 350px;
        display: block;
    }
    .contact-notice a:hover {
        text-decoration: underline;
    }
	.rb_user-dropdown-menu .rb_dropdown-item a svg {
		fill: #0b9ee1;
	}
    @media (max-width: 768px) {
        .panel-dashboard {
            grid-template-columns: 1fr;
        }
        .panel-menu-grid {
            grid-template-columns: repeat(2, 1fr);
        }
        .google-map iframe {
            height: 250px;
        }
    }