/* ---------- Base ---------- */
.single-post-wrapper {
    background:#fff;
    padding:48px 0;
}

.single-content {
    max-width:820px;
}
#sidebar {
	padding-right: 50px;
}
/* ---------- Breadcrumb ---------- */
.post-breadcrumb {
    font-size:13px;
    color:#8a8a8a;
    margin-bottom:16px;
}

/* ---------- Meta ---------- */
.post-meta-top {
    display:flex;
    gap:12px;
    font-size:14px;
    color:#777;
    margin-bottom:12px;
}
.post-category {
	background: #404042;
	padding: 4px 12px;
	border-radius: 20px;
	font-weight: 500;
	color: #FFFFFF;
}
.post-date, .post-author {
	font-weight: 300;
	font-style: Light;
	font-size: 14px;
	leading-trim: NONE;
	line-height: 28px;
	letter-spacing: 0%;
	text-align: right;
	display: flex;
	align-items: center;
	gap: 4px;
}

/* ---------- Title ---------- */
.post-title {
	margin-bottom: 24px;
	font-weight: 800;
	font-style: ExtraBold;
	font-size: 30px;
	leading-trim: NONE;
	line-height: 50px;
	letter-spacing: -3%;
	text-align: right;
	color:#404042;
}

/* ---------- Featured Image ---------- */
.post-featured-image img {
    width:100%;
    border-radius:16px;
    margin-bottom:32px;
}

/* ---------- Content ---------- */
.single-post-content {
	color: #404042;
	font-weight: 300;
	font-style: Light;
	font-size: 16px;
	leading-trim: NONE;
	line-height: 1.9;
	letter-spacing: -3%;
	text-align: right;
}

/* Intro paragraph */
.single-post-content > p:first-of-type {
    margin-top:0;
    font-size:16px;
}

/* Headings */
.single-post-content h2 {
    font-size:24px;
    font-weight:700;
    margin:56px 0 16px;
    color:#222;
}

/* ---------- Quote (Gutenberg + Classic) ---------- */
.single-post-content blockquote {
	background: #F4F4F4;
	margin: 48px 0;
	position: relative;
	font-weight: 700;
	font-style: Bold;
	font-size: 22px;
	leading-trim: NONE;
	line-height: 100%;
	letter-spacing: -3%;
	text-align: center;
	gap: 10px;
	border-radius: 20px;
	padding-top: 52px;
	padding-right: 36px;
	padding-bottom: 52px;
	padding-left: 36px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.single-post-content blockquote::before {
    content: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 44'>\
<path fill='%23F36C40' stroke='%23F36C40' d='M34.5624 21.0345L46.0479 21.0345C45.852 9.67246 43.599 7.79906 36.5705 3.66298C35.7624 3.17638 35.493 2.15453 35.9828 1.32731C36.4726 0.524426 37.5011 0.256794 38.3338 0.743393C46.6112 5.60937 49.5009 8.57762 49.5009 22.7376V35.8514C49.5009 40.0119 46.0969 43.3694 41.9337 43.3694H34.5869C30.2768 43.3694 27.0197 40.1335 27.0197 35.8514L27.0197 28.5525C26.9952 24.2704 30.2523 21.0345 34.5624 21.0345Z'/>\
<path fill='%23F36C40' stroke='%23F36C40' d='M8.06722 21.0345L19.5527 21.0345C19.3568 9.67247 17.1038 7.79907 10.0753 3.66298C9.26719 3.17638 8.99781 2.15453 9.4876 1.32732C9.97739 0.524429 11.0059 0.256802 11.8386 0.743397C20.116 5.60938 23.0057 8.57763 23.0057 22.7376L23.0057 35.8514C23.0057 40.0119 19.6017 43.3694 15.4385 43.3694H8.0917C3.75709 43.3694 0.5 40.1335 0.5 35.8514L0.5 28.5525C0.5 24.2704 3.75709 21.0345 8.06722 21.0345Z'/>\
</svg>");
    display: block;
    width: 50px;
    height: 44px;
    margin-bottom: 16px;
}

.single-post-content blockquote p {
    font-size:16px;
    font-weight:500;
    margin:0;
}

/* ---------- Gallery ---------- */
.wp-block-gallery {
    margin:48px 0;
}
.wp-block-gallery.columns-2 {
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:24px;
}
.wp-block-gallery img {
    width:100%;
    border-radius:16px;
}

/* ---------- FAQ ---------- */
.faq-section {
    margin-top:64px;
}
.faq-title {
    font-size:22px;
    margin-bottom:24px;
}
.faq-item {
    border-bottom:1px solid #eee;
}
.faq-question {
    width:100%;
    padding:16px 0;
    background:none;
    border:0;
    font-size:15px;
    text-align:right;
    display:flex;
    justify-content:space-between;
    cursor:pointer;
}
.faq-answer {
    display:none;
    padding-bottom:16px;
}
.faq-item.active .faq-answer {
    display:block;
}
.post-navigation-bar {
	width: 100%;
	padding: 40px 0;
	border-top: 1px solid #D1D2D4;
}

.post-nav-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
    display: flex;
    justify-content: space-between;
    gap: 40px;
}

.post-nav-item {
    max-width: 45%;
}

.post-nav-label {
	display: block;
	color: #808284;
	margin-bottom: 8px;
	font-weight: 400;
	font-style: Regular;
	font-size: 15px;
	leading-trim: NONE;
	line-height: 100%;
	letter-spacing: -3%;
	text-align: right;
}

.post-nav-title {
	color: #404042;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	line-height: 1.6;
	font-weight: 800;
	font-style: ExtraBold;
	font-size: 16px;
	leading-trim: NONE;
	line-height: 32px;
	letter-spacing: 0%;
	text-align: right;
}

.post-nav-title:hover {
    opacity: 0.8;
}

/* تراز دقیق مشابه تصویر */
.prev-post {
    text-align: left;
}

.next-post {
    text-align: right;
}

/* موبایل */
@media (max-width: 768px) {
    .post-nav-inner {
        flex-direction: column;
    }

    .post-nav-item {
        max-width: 100%;
    }

    .next-post {
        text-align: left;
        margin-top: 24px;
    }
}


/* ---------- Responsive ---------- */
@media(max-width:768px){
    .post-title { font-size:24px; }
    .single-content { max-width:100%; }
    .wp-block-gallery.columns-2 {
        grid-template-columns:1fr;
    }
}

.wp-block-latest-posts__list li {
	display: flex;
	gap: 5px;
	flex-wrap: wrap;
	position: relative;
	padding-right: 0 !important;
	padding-left: 0 !important;
}
.wp-block-latest-posts__featured-image {
	max-width: 130px;
	max-height: 110px;
	border-radius: 20px;
	position: absolute;
	right: 0px;
}
.wp-block-latest-posts__featured-image img {
	max-width: 100%;
	display: block;
	max-height: 100%;
	border-radius: 20px;
}
.wp-block-latest-posts .wp-block-latest-posts__post-title {
	padding-right: 88px;
	padding-top: 34px;
	font-weight: 500;
	font-size: 15px;
	line-height: 140%;
	letter-spacing: 0%;
	text-align: right;
}
.wp-block-latest-posts__post-date {
	position: absolute;
	top: 10px;
	right: 80px;
	padding-right: 30px;
	font-weight: 400;
	line-height: 100%;
	letter-spacing: -3%;
	text-align: right;
}

.wp-block-latest-posts__post-date::before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    
    width: 12px;
    height: 12px;
 background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.525 6.0125C11.525 2.96803 9.05697 0.5 6.0125 0.5C2.96803 0.5 0.5 2.96803 0.5 6.0125C0.5 9.05697 2.96803 11.525 6.0125 11.525C9.05697 11.525 11.525 9.05697 11.525 6.0125Z' stroke='%234C5565' stroke-miterlimit='10'/%3E%3Cpath d='M5.61328 2.82812V6.73862L8.26135 8.26109' stroke='%234C5565' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

    background-repeat: no-repeat;
    background-size: contain;
}
.widget-slide > ul > li:not(:last-of-type) {
	border-bottom: 1px solid #D1D2D4 !important;
}

.wp-block-search__inside-wrapper input {
	background: #F4F4F4;
	width: 439;
	height: 64;
	justify-content: space-between;
	angle: 0 deg;
	opacity: 1;
	top: 225px;
	left: 265px;
	border-radius: 20px;
	padding-top: 9px;
	padding-right: 41px;
	padding-bottom: 11px;
	padding-left: 41px;
	border: 0;
}
.wp-block-search__inside-wrapper {
	position: relative;
}
.wp-block-search__button {
	position: absolute;
	left: 12px;
	top: calc(50% - 17px);
	background: unset;
	border: 0;
}
.wp-block-search__button.has-icon.wp-element-button svg {
	position: static;
	background: unset;
	fill: #404042;
}
.sidebar-inner .wp-block-heading::after {
	display: none;
}
.wp-block-heading {
	font-weight: 800;
	font-style: ExtraBold;
	font-size: 15px;
	leading-trim: NONE;
	line-height: 28px;
	letter-spacing: 0%;
	text-align: right;
	color: #404042;
}
.wp-block-categories-list.wp-block-categories {
	padding-right: 0;
}
.wp-block-categories-list.wp-block-categories li {
	padding-right: 0;
}
.wp-block-categories-list.wp-block-categories li a {
	font-weight: 400;
	font-size: 14px;
	line-height: 28px;
	letter-spacing: 0%;
	text-align: right;
	color: #404042;
}
.wp-block-search__button-outside.wp-block-search__icon-button.wp-block-search {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
/* ===== Single Article Redesign (content area only) ===== */
.single-content {
    max-width: 100%;
}

.single-article-layout {
    color: #404042;
}

.post-breadcrumb {
    margin-bottom: 18px;
    font-size: 13px;
    color: #8a8a8a;
}

.single-hero {
    display: grid;
    grid-template-columns: minmax(300px, 1.1fr) minmax(320px, 1fr);
    gap: 24px;
    margin-bottom: 26px;
    align-items: stretch;
}

.single-hero-image {
    margin: 0;
}

.single-hero-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
    min-height: 260px;
    margin: 0;
}

.single-hero-body {
    background: #f9f9f9;
    border: 1px solid #ececec;
    border-radius: 20px;
    padding: 20px 22px;
    display: flex;
    flex-direction: column;
}

.single-hero-actions {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}

.single-hero-action {
    width: 32px;
    height: 32px;
    border-radius: 10px;
    border: 1px solid #e4e4e4;
    background: #fff;
    color: #58595b;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.single-hero-action span {
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
}

.single-hero-action:hover {
    color: var(--main-site-color);
    border-color: #f5b6a1;
}

.post-title {
    margin: 0 0 14px;
    font-size: 36px;
    font-weight: 800;
    line-height: 1.45;
    color: #303133;
}

.post-meta-top {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 12px;
    color: #7f8083;
    font-size: 14px;
}

.post-category {
    background: #f2f2f2;
    color: #404042;
    border-radius: 999px;
    padding: 4px 12px;
    font-weight: 500;
}

.post-date,
.post-author {
    display: inline-flex;
    align-items: center;
    line-height: 1.5;
}

.single-hero-excerpt {
    margin: 0;
    color: #707174;
    font-size: 14px;
    line-height: 2;
}

.single-post-content {
    font-size: 17px;
    line-height: 2.15;
    color: #404042;
}

.single-post-content p {
    margin: 0 0 1.35em;
}

.single-post-content > p:first-of-type {
    margin-top: 0;
}

.single-post-content h2,
.single-post-content h3,
.faq-title,
#comments .title-comments,
.comment-reply-title {
    font-weight: 800;
    color: #202224;
    line-height: 1.55;
    margin: 34px 0 16px;
    position: relative;
    padding-right: 16px;
}

.single-post-content h2::before,
.single-post-content h3::before,
.faq-title::before,
#comments .title-comments::before,
.comment-reply-title::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--main-site-color);
    position: absolute;
    right: 0;
    top: 0.78em;
    transform: translateY(-50%);
}

.single-post-content h2 {
    font-size: 30px;
}

.single-post-content h3 {
    font-size: 25px;
}

.single-post-content img {
    width: 100%;
    height: auto;
    border-radius: 18px;
    margin: 12px 0 22px;
}

.single-post-content blockquote {
    margin: 26px 0;
    padding: 20px 24px;
    border: 1px solid #edf0f4;
    border-radius: 16px;
    background: #f8fbff;
    font-size: 17px;
    font-weight: 700;
    color: #214568;
}

.faq-section {
    margin-top: 28px;
}

.faq-title {
    font-size: 32px;
    margin-top: 0;
}

.faq-list {
    border-top: 1px solid #ececed;
}

.faq-item {
    border-bottom: 1px solid #ececed;
}

.faq-question {
    cursor: pointer;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 0;
    font-size: 20px;
    font-weight: 700;
    color: #2e2f31;
}

.faq-question::-webkit-details-marker {
    display: none;
}

.faq-question::after {
    content: "+";
    color: #8e8f91;
    font-size: 26px;
    line-height: 1;
    margin-right: 12px;
}

.faq-item[open] .faq-question::after {
    content: "-";
    color: var(--main-site-color);
}

.faq-answer {
    padding: 0 0 16px;
    color: #55585d;
    font-size: 16px;
    line-height: 2;
}

.post-navigation-bar {
	margin-top: 24px;
	display: none;
}

#comments {
    margin-top: 30px;
}

#comments .title-comments {
    font-size: 32px;
}

#comments .comment-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

#comments .comment-list > li,
#comments .comment-list .comment {
    border: 1px solid #ebeced;
    border-radius: 16px;
    padding: 16px 18px;
    margin-bottom: 14px;
    background: #fff;
}

#comments .comment-content p {
    margin: 8px 0 0;
    color: #5e6165;
    line-height: 2;
}

.comment-reply-title {
    font-size: 30px;
    margin-top: 20px;
}

.comment-form p:not(.comment-form-author,.comment-form-email) {
    margin: 0 0 12px;
}

.comment-form textarea,
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
    width: 100%;
    border: 1px solid #e4e6ea;
    border-radius: 12px;
    background: #f8f8f8;
    padding: 12px 14px;
    min-height: 52px;
    font-size: 14px;
}

.comment-form textarea {
    min-height: 180px;
}

.comment-form .submit {
    border: 0;
    border-radius: 10px;
    background: #f5f5f5;
    color: var(--main-site-color);
    padding: 10px 18px;
    font-weight: 700;
}

@media (max-width: 1200px) {
    .single-hero {
        grid-template-columns: 1fr;
    }

    .single-hero-image img {
        min-height: 220px;
    }
}

@media (max-width: 768px) {
    .single-post-wrapper {
        padding: 30px 0;
    }

    .single-hero {
        gap: 16px;
        margin-bottom: 18px;
    }

    .single-hero-body {
        padding: 16px;
    }

    .post-title {
        font-size: 26px;
    }

    .single-post-content {
        font-size: 16px;
        line-height: 2;
    }

    .single-post-content h2,
    .faq-title,
    #comments .title-comments,
    .comment-reply-title {
        font-size: 24px;
    }

    .single-post-content h3,
    .faq-question {
        font-size: 20px;
    }
}

/* ===== Pixel tune for single page (scoped) ===== */
#single-page .single-article-layout {
    direction: rtl;
}

#single-page .post-breadcrumb {
    margin: 0 0 18px;
    font-weight: 300;
    font-size: 14px;
    line-height: 1.7;
    color: #9a9ba0;
}

#single-page .single-hero {
    direction: ltr;
    display: grid;
    grid-template-columns: minmax(340px, 48%) minmax(360px, 52%);
    align-items: stretch;
    gap: 22px;
    margin-bottom: 30px;
}

#single-page .single-hero-body {
    grid-column: 2;
    direction: rtl;
    background: transparent;
    border: 0;
    border-radius: 0;
    padding: 2px 0 0;
}

#single-page .single-hero-image {
    grid-column: 1;
    margin: 0;
}

#single-page .single-hero-image img {
	border-radius: 18px;
	width: 100%;
	height: 100%;
	min-height: 361px;
	max-height: 361px;
	object-fit: cover;
	margin: 0;
	background-blend-mode: multiply;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 35.91%, rgba(0, 0, 0, 0.5) 79.56%);
}

#single-page .single-hero-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 14px;
}

#single-page .post-title {
	margin: 0;
	color: #121214;
	font-weight: 800;
	font-size: 22px;
	line-height: 160%;
	letter-spacing: 0%;
	text-align: right;
}

#single-page .single-hero-actions {
    display: flex;
    align-items: center;
    gap: 2px;
    margin: 0;
    padding-top: 2px;
}

#single-page .single-hero-action {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    background: transparent;
    color: #00173D;
    padding: 0;
    border-radius: 0;
}

#single-page .single-hero-action svg {
    width: 40px;
    height: 40px;
    display: block;
}

#single-page .single-hero-action:hover {
    opacity: 0.75;
}

#single-page .comment-counter {
    display: none;
}

#single-page .post-meta-top {
    margin: 0 0 10px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

#single-page .post-category {
	background: #F6FAFF;
	border-radius: 20px;
	color: #4C5565;
	font-weight: 500;
	font-size: 12px;
	line-height: 1;
	padding: 8px 13px;
}

#single-page .post-date, #single-page .post-author {
	color: #4C5565;
	gap: 6px;
	font-weight: 300;
	font-size: 12px;
	line-height: 100%;
	letter-spacing: -3%;
	text-align: right;
}

#single-page .single-hero-excerpt {
	margin: 0;
	color: #5f6267;
	font-weight: 300;
	font-size: 16px;
	line-height: 176%;
	letter-spacing: 0%;
	text-align: right;
}

#single-page .single-post-content {
    color: #3f4146;
    font-weight: 300;
    font-size: 18px;
    line-height: 2.12;
    text-align: justify;
}

#single-page .single-post-content p {
	margin: 0 0 22px;
	font-weight: 300;
	font-size: 15px;
	line-height: 176%;
	letter-spacing: 0%;
	text-align: right;
	color: #4C5565;
}

#single-page .single-post-content h2,
#single-page .single-post-content h3 {
    color: #111214;
    font-weight: 800;
    line-height: 1.5;
    margin: 28px 0 14px;
    padding-right: 0;
}

#single-page .single-post-content h2::before,
#single-page .single-post-content h3::before {
    display: none;
}

#single-page .single-post-content img {
    border-radius: 18px;
    width: 100%;
    margin: 8px 0 20px;
}

#single-page .single-post-content blockquote {
    margin: 24px 0;
    border-radius: 18px;
    border: 1px solid #e8eef6;
    background: #f5f9ff;
    color: #1d3f67;
    font-size: 32px;
    font-weight: 800;
    line-height: 1.5;
    text-align: center;
    padding: 26px 24px;
}

#single-page .single-post-content blockquote p {
    font-size: inherit;
    font-weight: inherit;
}

#single-page .faq-section {
    margin-top: 22px;
}

#single-page .faq-title,
#single-page #comments .title-comments,
#single-page .comment-reply-title {
    margin: 24px 0 12px;
    padding-right: 17px;
    font-size: 38px;
    font-weight: 800;
    line-height: 1.45;
    color: #101113;
}

#single-page .faq-title::before,
#single-page #comments .title-comments::before,
#single-page .comment-reply-title::before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #f15a29;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

#single-page .faq-list {
    border-top: 1px solid #ececef;
}

#single-page .faq-item {
    border-bottom: 1px solid #ececef;
}

#single-page .faq-question {
    position: relative;
    list-style: none;
    cursor: pointer;
    margin: 0;
    padding: 18px 22px 18px 0;
    color: #222327;
    font-weight: 700;
    font-size: 28px;
    line-height: 1.8;
    display: block;
}

#single-page .faq-question::after {
    content: "⌃";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-53%) rotate(180deg);
    color: #7f8185;
    font-size: 15px;
    margin: 0;
}

#single-page .faq-item[open] .faq-question::after {
    transform: translateY(-53%) rotate(0deg);
    color: #404247;
}

#single-page .faq-answer {
    padding: 0 0 16px;
    color: #666a70;
    font-size: 17px;
    line-height: 2.05;
}

#single-page #comments {
    margin-top: 18px;
}

#single-page #comments .title-comments {
    margin-top: 28px;
}

#single-page #comments .comment-list > li,
#single-page #comments .comment-list .comment {
    border: 1px solid #eceef2;
    border-radius: 20px;
    padding: 18px 20px 12px;
    margin-bottom: 12px;
}

#single-page #comments .comment-head {
    margin-bottom: 10px;
}

#single-page #comments .comment-author .fn {
    color: #1e2024;
    font-size: 22px;
    font-weight: 700;
    font-style: normal;
}

#single-page #comments .comment-meta a {
    color: #9da0a6;
    font-size: 12px;
}

#single-page #comments .comment-content,
#single-page #comments .comment-body > p {
    color: #5c6066;
    font-size: 17px;
    line-height: 2.1;
}

#single-page #comments .reply a {
    color: #f15a29;
    font-weight: 600;
}

#single-page .comment-form textarea,
#single-page .comment-form input[type="text"],
#single-page .comment-form input[type="email"] {
    border: 1px solid #e8eaee;
    border-radius: 12px;
    background: #fafafa;
    min-height: 56px;
}

#single-page .comment-form textarea {
    min-height: 218px;
}

#single-page .comment-form .submit {
    border-radius: 10px;
    padding: 10px 18px;
    background: #fff;
    border: 1px solid #efb8a7;
    color: #f15a29;
}

@media (max-width: 1200px) {
    #single-page .single-hero {
        grid-template-columns: 1fr;
        direction: rtl;
    }

    #single-page .single-hero-body,
    #single-page .single-hero-image {
        grid-column: auto;
    }

    #single-page .single-hero-image img {
        min-height: 280px;
        max-height: 360px;
    }
}

@media (max-width: 768px) {
    #single-page .post-title {
       line-height: 140%;
    }

    #single-page .single-hero-top {
        flex-wrap: wrap;
        gap: 8px;
    }

    #single-page .single-hero-actions {
        order: -1;
    }

    #single-page .single-post-content h2,
    #single-page .faq-title,
    #single-page #comments .title-comments,
    #single-page .comment-reply-title {
        font-size: 28px;
    }

    #single-page .single-post-content h3,
    #single-page .faq-question {
        font-size: 22px;
    }
}

/* ===== Final single comments style (exact icon spec) ===== */
#single-page #comments {
    margin-top: 28px;
}

#single-page #comments .single-comments-head {
    margin-bottom: 14px;
}

#single-page #comments .title-comments {
	margin: 0 0 6px;
	color: #111319;
	position: relative;
	padding-right: 18px;
	font-family: Vazirmatn;
	font-weight: 800;
	font-size: 22px;
	line-height: 100%;
	letter-spacing: -4%;
	text-align: right;
}

#single-page #comments .title-comments::before {
	content: "";
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #f15a29;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

#single-page #comments .single-comments-count {
	color: #8790A1;
	font-weight: 300;
	font-size: 16px;
	letter-spacing: -3%;
	text-align: right;
}

#single-page #comments .comment-list,
#single-page #comments .comment-list ol.children {
    list-style: none;
    margin: 0;
    padding: 0;
}

#single-page #comments .comment-list > li.single-comment-item {
	border: 1px solid #ECF1FA;
	border-radius: 16px;
	background: #fff;
	padding: 18px 22px 14px;
	margin-bottom: 14px;
}

#single-page #comments .comment-body {
	margin-bottom: 25px;
	padding: 0;
}

#single-page #comments .single-comment-stars {
	direction: ltr;
	display: inline-flex;
	align-items: center;
	gap: 4px;
	margin-bottom: 10px;
	line-height: 0;
	display: none;
}

#single-page #comments .single-comment-star {
    width: 12px;
    height: 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

#single-page #comments .single-comment-star svg {
    width: 12px;
    height: 11px;
    display: block;
}

#single-page #comments .single-comment-header {
    margin-bottom: 8px;
}

#single-page #comments .single-comment-user {
    width: 100%;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

#single-page #comments .single-comment-user-icon {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
}

#single-page #comments .single-comment-user-icon svg {
    width: 30px;
    height: 30px;
    display: block;
}

#single-page #comments .single-comment-author {
	color: #4C5565;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 100%;
	letter-spacing: -3%;
	text-align: right;
}
#single-page #comments .single-comment-date {
	color: #8790A1;
	margin-right: 8px;
	font-weight: 400;
	font-size: 12px;
	line-height: 100%;
	letter-spacing: 0%;
	text-align: right;
}

#single-page #comments .single-comment-content {
    color: #4b5059;
    font-size: 18px;
    line-height: 2.08;
}

#single-page #comments .single-comment-content p {
	font-weight: 300;
	font-size: 15px;
	line-height: 150%;
	letter-spacing: -3%;
	text-align: right;
}

#single-page #comments ol.children {
    margin-top: 12px;
    padding: 14px 16px;
    border-radius: 14px;
    background: #f5f8fd;
}
#single-page #comments ol.children > li {
	margin: 0;
	background: #F6FAFF;
	border: 0 !important;
}

#single-page #comments .reply {
    margin-top: 12px;
}

#single-page #comments .reply a {
	color: #E56352;
	display: flex;
	align-items: center;
	gap: 6px;
	text-decoration: none;
	font-weight: 600;
	font-size: 15px;
	line-height: 100%;
	letter-spacing: -4%;
	margin-right: auto;
	justify-content: end;
}

#single-page #comments .reply a::after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 15px;
    background-color: #E56352;

    -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.707028 6L5.70703 1L10.707 6M5.70703 1L5.70703 12C5.70703 13.1046 6.60246 14 7.70703 14L11.207 14' stroke='black' stroke-width='2' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E") no-repeat center;

    mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.707028 6L5.70703 1L10.707 6M5.70703 1L5.70703 12C5.70703 13.1046 6.60246 14 7.70703 14L11.207 14' stroke='black' stroke-width='2' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E") no-repeat center;

    -webkit-mask-size: contain;
    mask-size: contain;
}


#single-page #comments .comment-respond {
    margin-top: 28px;
}

#single-page #comments .comment-reply-title {
	margin: 0 0 8px;
	color: #111319;
	padding-right: 0;
	font-weight: 800;
	font-size: 22px;
	line-height: 100%;
	letter-spacing: -4%;
	text-align: right;
}

#single-page #comments .comment-reply-title::before {
    display: none;
}

#single-page #comments .single-comment-form-subtitle {
    margin: 0 0 10px;
    color: #92959b;
    font-size: 15px;
    line-height: 1.9;
}

#single-page #comments .comment-form {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

#single-page #comments .comment-form p {
	margin: 0;

}
#single-page #comments .form-submit{
	display: flex;
	justify-content: end;
}
#single-page #comments .comment-form-comment {
    width: 100%;
}

#single-page #comments .comment-form-author,
#single-page #comments .comment-form-email {
    width: calc(50% - 8px);
}

#single-page #comments .comment-form label {
    display: block;
    margin-bottom: 8px;
    color: #3b3f47;
    font-size: 14px;
    font-weight: 500;
}

#single-page #comments .comment-form textarea,
#single-page #comments .comment-form input[type="text"],
#single-page #comments .comment-form input[type="email"] {
    width: 100%;
    border: 1px solid #dde1e7;
    border-radius: 12px;
    background: #fff;
    padding: 12px 14px;
    font-size: 15px;
    color: #333;
}

#single-page #comments .comment-form textarea {
    min-height: 182px;
    resize: vertical;
}

#single-page #comments .form-submit {
    width: 100%;
}
.sharing-box {
	display: none !important;
}
#single-page #comments .single-comment-submit {
	border: 1px solid #d9785b;
	background: #fff;
	color: #d95d35;
	border-radius: 12px;
	padding: 9px 16px;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	cursor: pointer;
	font-weight: 600;
	font-size: 15px;
	line-height: 100%;
	letter-spacing: 0%;
	text-align: center;
}

#single-page #comments .single-comment-submit span {
    font-size: 26px;
    line-height: 1;
}

@media (max-width: 768px) {
    #single-page #comments .title-comments,
    #single-page #comments .comment-reply-title {
        font-size: 30px;
    }
.arrow-type2 .arrow.section-header__arrow {
	display: none !important;
}
    #single-page #comments .single-comment-author {
        font-size: 22px;
    }

    #single-page #comments .single-comment-content,
    #single-page #comments .reply a {
        font-size: 17px;
    }

    #single-page #comments .comment-form-author,
    #single-page #comments .comment-form-email {
        width: 100%;
    }

    #single-page #comments .single-comment-submit {
        font-size: 18px;
    }
}
/* ===== Latest Posts Pixel Perfect ===== */
.wp-block-latest-posts {
    list-style: none;
    margin: 0;
    padding: 0;
    direction: rtl;
}

/* each item */
.wp-block-latest-posts li {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 16px 0;
	border-bottom: 1px solid #eee;
}
/* image wrapper */
.wp-block-latest-posts__featured-image {
    flex: 0 0 64px;
}

.wp-block-latest-posts__featured-image a {
    display: block;
}

.wp-block-latest-posts__featured-image img {
    border-radius: 50%;
    object-fit: cover;
    display: block;
}

/* text container fix */
.wp-block-latest-posts li > a,
.wp-block-latest-posts__post-title,
.wp-block-latest-posts__post-date,
.wp-block-latest-posts__post-excerpt {
    display: block;
}

/* date */
.wp-block-latest-posts__post-date {
    font-size: 12px;
    color: #9a9a9a;
    margin-bottom: 4px;
    display: flex;
    align-items: center;
    gap: 4px;
}

/* clock icon */
.wp-block-latest-posts__post-date::before {
    content: "🕒";
    font-size: 12px;
}

/* title */
.wp-block-latest-posts__post-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.8;
    color: #222;
    text-decoration: none;
    margin-bottom: 4px;
}

.wp-block-latest-posts__post-title:hover {
    color: #0a58ca;
}
.sidebar-inner .wp-block-heading {
	font-weight: 700;
	font-size: 18px;
	line-height: 100%;
	letter-spacing: 0%;
	color: #111319;
}
/* excerpt */
.wp-block-latest-posts__post-excerpt {
	color: #666;
	margin: 0;
	font-weight: 400;
	font-size: 14px;
	line-height: 140%;
	letter-spacing: 0%;
	text-align: right;
	padding-right: 88px;
}

/* remove last border */
.wp-block-latest-posts li:last-child {
    border-bottom: none;
}

.related-post {
	background: #F6FAFF;
	float: right;
	border: 1px solid #DFE3E9;
	padding: 15px;
	border-radius: 16px;
}
.block_excerpt.content p {
	margin: 0;
}
.related-post .post {
	padding: 0 8px;
	border-left: 1px solid #dce1e7;
}
#related_slider .post_inner img {
	border-radius: 15px;
	margin-bottom: 15px;
}
.related-post .post .entry-title a{
	font-size: 15px;
	font-weight: 800;
	color: #454647;
}
.arrow-type2 .arrow.section-header__arrow {
	display: none !important;
}
.chasb-membership-offer__title {
	font-size: 18px;
}
.chasb-membership-offer__subtitle {
	font-size: 14px;
}
.chasb-membership-offer__percent {
	font-size: 33px;
}
.chasb-membership-offer__button {
	font-size: 14px;
}
.chasb-membership-offer {
	padding: 10px 10px;
}
.chasb-membership-offer {
	background: linear-gradient(90.63deg, #F6FAFF 4.19%, #E4F0FF 107.12%);
}