/*
Theme Name: Pardis Academy
Theme URI: https://pardisac.org/
Author: Pardis Academy
Author URI: https://pardisac.org/
Description: یک قالب وردپرس حرفه‌ای rtl برای پردیس آکادمی — شامل هدر، فوتر، صفحه اصلی، و دکمه تماس شناور.
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: pardis-academy
Tags: rtl, custom-logo, accessibility-ready, responsive, clean
*/

/* Basic theme styles (kept minimal — main layout relies on Tailwind CDN) */
html[dir="rtl"] { direction: rtl; }
body { font-family: 'Vazirmatn', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; }

/* Prevent horizontal overflow on small devices (safety net) */
html, body { overflow-x: hidden; }

/* Floating contact button */
.pardis-floating-contact { position: fixed; bottom: 20px; right: 20px; z-index: 9999; display: inline-flex; align-items: center; justify-content: center; width: 64px; height: 64px; border-radius: 50%; background: linear-gradient(180deg,#06b6d4,#3b82f6); color:#fff; box-shadow: 0 8px 20px rgba(59,130,246,0.2); text-decoration: none; }
.pardis-floating-contact .label { display:none; }

/* Back-to-top visible on focus for accessibility */
#back-to-top:focus { outline: 3px solid #fff; }

/* Minor layout tweaks for wp markup */
.site-content { padding-top: 1rem; }

/* Custom scrollbar (from original static page) */
::-webkit-scrollbar {
	width: 8px;
}

::-webkit-scrollbar-track {
	background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
	background: #3b82f6;
	border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
	background: #2563eb;
}

/* Animation classes (original) */
.fade-in {
	animation: fadeIn 1s ease-in-out;
}

@keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}

.slide-in-left {
	animation: slideInLeft 0.8s ease-out;
}

@keyframes slideInLeft {
	from { transform: translateX(-30px); opacity: 0; }
	to { transform: translateX(0); opacity: 1; }
}

.slide-in-right {
	animation: slideInRight 0.8s ease-out;
}

@keyframes slideInRight {
	from { transform: translateX(30px); opacity: 0; }
	to { transform: translateX(0); opacity: 1; }
}

/* Small utility for visually-hidden text for accessibility */
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

/* Remove default list markers for nav/menu */
.main-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Ensure mobile nav lists don't show bullets */
nav ul { list-style: none; margin:0; padding:0; }

/* Headings icon (uses FontAwesome loaded by theme) */
h2::before, h3::before {
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	content: "\f0da"; /* chevron-right / decorative */
	display: inline-block;
	margin-left: 0.5rem;
	margin-right: 0.5rem;
	color: #2563eb;
	transform: translateY(-1px);
}

/* Typography: lists and blockquotes */
.entry-content ul, .entry-content ol {
	padding-left: 1.2rem;
	margin-left: 0.5rem;
}
.entry-content li {
	margin-bottom: 0.5rem;
}
.entry-content blockquote {
	border-left: 4px solid #e2e8f0;
	padding: 0.75rem 1rem;
	background: #f8fafc;
	color: #0f172a;
	margin: 1rem 0;
}

/* Make images responsive and prevent accidental overflow */
img { max-width: 100%; height: auto; }

/* Breadcrumbs and TOC styling */
.pardis-breadcrumbs {
	font-size: 0.9rem;
	color: #6b7280;
	margin-bottom: 0.75rem;
}
.pardis-toc {
	border: 1px solid #e5e7eb;
	padding: 0.75rem 1rem;
	background: #ffffff;
	margin-bottom: 1rem;
}
.pardis-toc ul { margin: 0; padding-left: 1rem; }
.pardis-toc li { margin-bottom: 0.3rem; }

/* Single: fallback featured image */
.pardis-featured-fallback {
	width: 100%;
	height: 320px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg,#eef2ff,#fef3c7);
	color: #374151;
	font-weight: 600;
}

/* Off-canvas mobile menu styles (Tailwind utilities set main behavior) */

/* Ensure headings in single are more prominent */
.single .entry-content h1 { font-size: 2.25rem; }
.single .entry-content h2 { font-size: 1.6rem; margin-top: 1.2rem; margin-bottom: 0.6rem; }
.single .entry-content h3 { font-size: 1.3rem; margin-top: 1rem; margin-bottom: 0.5rem; }

/* Comments improvements */
.comment-list .comment { display: flex; gap: 1rem; padding: 1rem; border: 1px solid #eef2ff; border-radius: 8px; }
.comment-list .comment .comment-body { flex: 1; }
.comment-list .comment .comment-author img { border-radius: 9999px; }
.comment-respond { border-top: 1px solid #e6eefc; padding-top: 1rem; margin-top: 1rem; }
.comment-form input, .comment-form textarea { width: 100%; padding: 0.6rem; border: 1px solid #e5e7eb; border-radius: 6px; }
.comment-form .form-submit { margin-top: 0.75rem; }

@media (max-width: 640px) {
	.comment-list .comment { flex-direction: column; }
}
