/*
Theme Name: Chishi Lite
Theme URI: https://chishi.ir/
Author: Chishi
Description: قالب بسیار سبک، راست چین و مناسب Google Discover و اسکرول بی نهایت.
Version: 1.2.4
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: chishi-lite
*/

@font-face{font-family:"IRS";src:url("fonts/IRSL.woff2") format("woff2");font-display:swap;font-weight:400;font-style:normal}
:root{--w:860px;--c:#222;--muted:#666;--line:#e8e8e8;--accent:#b3261e}
*{box-sizing:border-box}
html{font-size:16px;scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--c);direction:rtl;font-family:"IRS",Tahoma,Arial,sans-serif;line-height:1.9}
body *:not(code):not(pre),button,input,textarea,select{font-family:"IRS",Tahoma,Arial,sans-serif}
a{color:inherit;text-decoration:none}
a:hover{color:var(--accent)}
img{display:block;max-width:100%;height:auto}
.site-wrap{width:min(100% - 28px,var(--w));margin-inline:auto}
.site-header{border-bottom:1px solid var(--line);padding:18px 0}
.header-row{display:flex;align-items:center;justify-content:space-between;gap:24px}
.site-title{margin:0;font-size:24px;font-weight:700}
.site-title a{color:var(--accent)}
.site-description{margin:2px 0 0;color:var(--muted);font-size:12px}
.menu{display:flex;flex-wrap:wrap;gap:8px 20px;margin:0;padding:0;list-style:none;font-size:14px}
.site-main{min-height:60vh;padding:30px 0}
.page-title{margin:0 0 22px;font-size:22px}
.post-list{display:grid;gap:30px}
.post-card{display:block;padding-bottom:28px;border-bottom:1px solid var(--line)}
.post-thumb{display:block;overflow:hidden;border-radius:6px;background:#f1f1f1;aspect-ratio:16/9}
.post-thumb img{width:100%;height:100%;object-fit:cover}
.post-card h2{margin:12px 0 8px;font-size:20px;line-height:1.6}
.meta{color:var(--muted);font-size:12px}
.excerpt{margin:8px 0 0;color:#444;font-size:14px}
.single-post{max-width:780px;margin-inline:auto}
.entry-header{margin-bottom:22px}
.entry-title{margin:0 0 10px;font-size:22px;line-height:1.65}
.entry-content{font-size:17px}
.entry-content>:first-child{margin-top:0}
.entry-content p{margin:0 0 1.4em}
.entry-content h1,.entry-content h2,.entry-content h3{line-height:1.65;margin:1.8em 0 .65em}
.entry-content h1{font-size:22px}.entry-content h2{font-size:20px}.entry-content h3{font-size:18px}
.entry-content a{color:var(--accent);text-decoration:underline}
.entry-content ul,.entry-content ol{padding-right:22px}
.entry-content table{width:100%;border-collapse:collapse}
.entry-content td,.entry-content th{padding:8px;border:1px solid var(--line)}
.entry-content iframe{max-width:100%}
.chishi-collapsible-p{position:relative;max-height:3.8em;overflow:hidden;cursor:pointer;transition:max-height .35s ease}
.chishi-collapsible-p:not(.is-open){-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 42%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0,#000 42%,transparent 100%)}
.chishi-collapsible-p.is-open{max-height:none;overflow:visible;-webkit-mask-image:none;mask-image:none}
.chishi-in-content-ad{display:flex;width:100%;min-height:280px;align-items:center;justify-content:center;margin:28px 0;overflow:hidden;contain:layout paint}
.chishi-in-content-ad .ad-container{display:flex;width:100%;min-height:inherit;align-items:center;justify-content:center}
.adsrelated2{min-height:250px}
.post-tags{margin-top:28px;color:var(--muted);font-size:13px}
.comments-area{margin-top:40px;padding-top:24px;border-top:1px solid var(--line)}
.comment-list{padding:0;list-style:none}.comment-list .children{list-style:none}
.comment-body{margin:18px 0;padding:16px;background:#f7f7f7;border-radius:6px}
input,textarea{max-width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font:inherit}
textarea{width:100%}
button,input[type=submit]{border:0;background:var(--c);color:#fff;padding:10px 18px;cursor:pointer}
.nav-links{display:flex;justify-content:space-between;gap:20px;margin-top:30px}
.pagination{margin-top:32px}
.pagination .page-numbers{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin:0;padding:0;list-style:none}
.pagination a,.pagination .current{display:flex;min-width:38px;height:38px;align-items:center;justify-content:center;padding:0 11px;border:1px solid var(--line);border-radius:5px;font-size:14px}
.pagination a:hover,.pagination .current{border-color:var(--accent);background:var(--accent);color:#fff}
.site-footer{margin-top:30px;padding:25px 0;border-top:1px solid var(--line);color:var(--muted);font-size:13px;text-align:center}
.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:640px){
 .site-wrap{width:min(100% - 24px,var(--w))}
 .site-header{padding:11px 0}.header-row{display:block}.site-title{font-size:22px}.site-description{display:none}.menu{margin-top:8px;gap:4px 14px}
 .site-main{padding:18px 0}.page-title{margin-bottom:15px;font-size:22px}.post-list{gap:22px}
 .post-card{display:block;padding:0 0 20px}.post-card h2{margin-top:10px;font-size:19px;line-height:1.6}
 .post-thumb{border-radius:9px}.meta{font-size:11px}
 .excerpt{display:none}.entry-title{font-size:22px}.entry-content{font-size:16px}
 .chishi-in-content-ad{min-height:250px;margin:22px 0}
 .pagination{margin-top:22px}.pagination a,.pagination .current{min-width:35px;height:35px;padding:0 9px;font-size:13px}
}
/* فرم ارسال دیدگاه */
.comment-form {
	width: 100%;
}

/* فیلد دیدگاه، نام و ایمیل */
.comment-form-comment,
.comment-form-author,
.comment-form-email {
	width: 100%;
	margin: 0 0 16px;
}

/* مخفی کردن عنوان‌های بیرون کادر */
.comment-form-comment > label,
.comment-form-author > label,
.comment-form-email > label {
	display: none;
}

/* یکسان کردن اندازه تمام کادرها */
.comment-form textarea,
.comment-form input[type="text"],
.comment-form input[type="email"] {
	display: block;
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 14px 16px;
	border: 1px solid #d4d4d4;
	border-radius: 6px;
	background: #fff;
	color: #222;
	font: 15px IRS, Tahoma, sans-serif;
	line-height: 1.8;
	box-sizing: border-box;
	outline: none;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

/* ارتفاع کادر دیدگاه */
.comment-form textarea {
	min-height: 220px;
	resize: vertical;
}

/* نوشته داخل کادرها */
.comment-form input::placeholder,
.comment-form textarea::placeholder {
	color: #777;
	opacity: 1;
}

/* حالت کلیک روی کادر */
.comment-form input[type="text"]:focus,
.comment-form input[type="email"]:focus,
.comment-form textarea:focus {
	border-color: #555;
	box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.06);
}

/* جلوگیری از باریک شدن کادرها توسط استایل قبلی قالب */
.comment-form-author,
.comment-form-email {
	float: none;
	clear: both;
}

/* موبایل */
@media (max-width: 600px) {
	.comment-form textarea {
		min-height: 190px;
	}
}