/*
 Theme Name:   Flatsome Child - Bekrina
 Theme URI:    https://bekrina.com
 Description:  قالب فرزند فلت‌سام برای بکرینا
 Author:       Bekrina
 Template:     flatsome
 Version:      1.0.1
 Text Domain:  flatsome-child
*/

:root {
	--bk-sage:        #6E8763;
	--bk-sage-deep:   #3F5138;
	--bk-sage-soft:   #A8B99F;
	--bk-clay:        #C2643C;
	--bk-clay-deep:   #9E4B27;
	--bk-cream:       #F1F4EE;
	--bk-paper:       #FBFBF8;
	--bk-line:        #DBE2D5;
	--bk-ink:         #2E332B;
	--bk-muted:       #6B7266;
}

.single-post .entry-content {
	-webkit-user-select: text;
	user-select: text;
}

.single-post .entry-content > p:first-of-type {
	background: linear-gradient(to left, rgba(241,244,238,.9) 0%, rgba(241,244,238,.35) 55%, rgba(241,244,238,0) 100%);
	border-radius: 10px;
	padding: 12px 14px 12px 10px;
	margin: 0 0 22px;
}

.single-post .entry-content blockquote {
	position: relative;
	background: var(--bk-paper);
	border: 1px solid var(--bk-line);
	border-radius: 16px;
	padding: 28px 26px 22px;
	margin: 34px 0;
	box-shadow: 0 4px 18px rgba(63, 81, 56, .07);
	font-style: normal;
}

.single-post .entry-content blockquote::before {
	content: "";
	position: absolute;
	inset: 6px;
	border: 1px solid rgba(110, 135, 99, .22);
	border-radius: 11px;
	pointer-events: none;
}

.single-post .entry-content blockquote::after {
	content: "🌿";
	position: absolute;
	top: -14px;
	right: 24px;
	font-size: 19px;
	line-height: 1;
	background: var(--bk-paper);
	padding: 4px 9px;
	border-radius: 20px;
	border: 1px solid var(--bk-line);
	transform: rotate(-12deg);
}

.single-post .entry-content blockquote > p:first-child,
.single-post .entry-content blockquote > p:first-child span {
	direction: ltr;
	text-align: left !important;
	font-size: 13px !important;
	color: var(--bk-muted) !important;
	font-style: italic;
	line-height: 1.85;
	font-family: Georgia, "Times New Roman", serif;
}

.single-post .entry-content blockquote > p:first-child {
	margin: 0 0 13px;
	padding-bottom: 13px;
	border-bottom: 1px dashed rgba(110, 135, 99, .38);
}

.single-post .entry-content blockquote > p:nth-child(n+2) {
	direction: rtl;
	text-align: right !important;
	line-height: 2.05;
	margin-bottom: 4px;
}

.single-post .entry-content blockquote a {
	color: var(--bk-sage-deep);
	text-decoration: none;
	border-bottom: 1px solid rgba(110, 135, 99, .5);
	transition: color .2s, border-color .2s;
}

.single-post .entry-content blockquote a:hover {
	color: var(--bk-clay-deep);
	border-bottom-color: var(--bk-clay-deep);
}

.single-post .entry-content ul:not(.easy-footnotes-wrapper):not(.ez-toc-list) {
	list-style: none;
	background: var(--bk-cream);
	border: 1px solid var(--bk-line);
	border-right: 4px solid var(--bk-sage);
	border-radius: 0 12px 12px 0;
	padding: 10px 10px 10px 14px;
	margin: 26px 0;
	box-shadow: 0 3px 12px rgba(63, 81, 56, .05);
}

.single-post .entry-content ul:not(.easy-footnotes-wrapper):not(.ez-toc-list) > li {
	position: relative;
	padding: 10px 30px 10px 6px;
	margin: 0;
	line-height: 2.05;
	border-bottom: 1px dashed rgba(110, 135, 99, .28);
	border-radius: 0 8px 8px 0;
	transition: background .2s;
}

.single-post .entry-content ul:not(.easy-footnotes-wrapper):not(.ez-toc-list) > li:last-child {
	border-bottom: none;
}

.single-post .entry-content ul:not(.easy-footnotes-wrapper):not(.ez-toc-list) > li:hover {
	background: #E7EDE3;
}

.single-post .entry-content ul:not(.easy-footnotes-wrapper):not(.ez-toc-list) > li::before {
	content: "";
	position: absolute;
	right: 8px;
	top: 17px;
	width: 11px;
	height: 11px;
	background: var(--bk-sage);
	border-radius: 0 100% 0 100%;
	transform: rotate(60deg);
	transition: background .2s;
}

.single-post .entry-content ul:not(.easy-footnotes-wrapper):not(.ez-toc-list) > li::after {
	content: "";
	position: absolute;
	right: 13px;
	top: 28px;
	width: 1.5px;
	height: 5px;
	background: var(--bk-sage-soft);
	border-radius: 2px;
}

.single-post .entry-content ul:not(.easy-footnotes-wrapper):not(.ez-toc-list) > li:hover::before {
	background: var(--bk-sage-deep);
}

.single-post .entry-content ol:not(.easy-footnotes-wrapper) {
	list-style: none;
	background: var(--bk-cream);
	border: 1px solid var(--bk-line);
	border-right: 4px solid var(--bk-sage);
	border-radius: 0 12px 12px 0;
	padding: 10px 10px 10px 14px;
	margin: 26px 0;
	counter-reset: bkitem;
	box-shadow: 0 3px 12px rgba(63, 81, 56, .05);
}

.single-post .entry-content ol:not(.easy-footnotes-wrapper) > li {
	position: relative;
	padding: 11px 44px 11px 6px;
	line-height: 2.05;
	counter-increment: bkitem;
	border-bottom: 1px dashed rgba(110, 135, 99, .28);
	border-radius: 0 8px 8px 0;
	transition: background .2s;
}

.single-post .entry-content ol:not(.easy-footnotes-wrapper) > li:last-child {
	border-bottom: none;
}

.single-post .entry-content ol:not(.easy-footnotes-wrapper) > li:hover {
	background: #E7EDE3;
}

.single-post .entry-content ol:not(.easy-footnotes-wrapper) > li::before {
	content: counter(bkitem);
	position: absolute;
	right: 6px;
	top: 14px;
	width: 27px;
	height: 27px;
	background: #fff;
	border: 1.5px solid var(--bk-sage);
	color: var(--bk-sage-deep);
	border-radius: 50%;
	font-size: 12px;
	font-weight: 700;
	text-align: center;
	line-height: 24px;
	transition: background .2s, color .2s, border-color .2s;
}

.single-post .entry-content ol:not(.easy-footnotes-wrapper) > li:hover::before {
	background: var(--bk-sage);
	border-color: var(--bk-sage);
	color: #fff;
}

.single-post .entry-content table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	margin: 34px 0;
	font-size: 14.5px;
	background: #fff;
	border: 1px solid var(--bk-line);
	border-radius: 14px;
	box-shadow: 0 4px 18px rgba(63, 81, 56, .08);
}

.single-post .entry-content table td,
.single-post .entry-content table th {
	padding: 15px 16px;
	border: none;
	border-bottom: 1px solid #E9EEE5;
	line-height: 1.95;
	vertical-align: middle;
	background: transparent;
	-webkit-user-select: text;
	user-select: text;
}

.single-post .entry-content table td + td,
.single-post .entry-content table th + th {
	border-inline-start: 1px solid #E9EEE5;
}

.single-post .entry-content table td p {
	margin: 0;
	line-height: 1.95;
}

.single-post .entry-content table > *:last-child > tr:last-child > td,
.single-post .entry-content table > *:last-child > tr:last-child > th {
	border-bottom: none;
}

.single-post .entry-content table > *:first-child > tr:first-child > *:first-child { border-top-right-radius: 13px; }
.single-post .entry-content table > *:first-child > tr:first-child > *:last-child  { border-top-left-radius: 13px; }
.single-post .entry-content table > *:last-child  > tr:last-child  > *:first-child { border-bottom-right-radius: 13px; }
.single-post .entry-content table > *:last-child  > tr:last-child  > *:last-child  { border-bottom-left-radius: 13px; }

.single-post .entry-content table > tbody > tr:nth-child(even) > td {
	background: var(--bk-paper);
}

.single-post .entry-content table > thead > tr > th,
.single-post .entry-content table > thead > tr > td,
.single-post .entry-content table > tbody > tr:first-child:has(strong) > td {
	background: var(--bk-sage-deep) !important;
	border-bottom: 2px solid #2F3D2A !important;
	font-weight: 700;
	letter-spacing: .2px;
}

.single-post .entry-content table > thead > tr > th,
.single-post .entry-content table > thead > tr > th span,
.single-post .entry-content table > thead > tr > td,
.single-post .entry-content table > thead > tr > td span,
.single-post .entry-content table > thead > tr > td strong,
.single-post .entry-content table > tbody > tr:first-child:has(strong) > td,
.single-post .entry-content table > tbody > tr:first-child:has(strong) > td span,
.single-post .entry-content table > tbody > tr:first-child:has(strong) > td strong,
.single-post .entry-content table > tbody > tr:first-child:has(strong) > td p {
	color: #fff !important;
}

.single-post .entry-content table > thead > tr > th + th,
.single-post .entry-content table > tbody > tr:first-child:has(strong) > td + td {
	border-inline-start-color: rgba(255, 255, 255, .22);
}

.single-post .entry-content table > tbody > tr:not(:first-child):hover > td {
	background: #EDF2E9;
	transition: background .2s;
}

.single-post .entry-content h2 {
	position: relative;
	font-size: 24px;
	font-weight: 800;
	color: var(--bk-sage-deep);
	line-height: 1.65;
	margin: 48px 0 22px;
	padding: 14px 22px 14px 16px;
	scroll-margin-top: 95px;
	background: linear-gradient(to left, var(--bk-cream) 0%, rgba(241,244,238,.4) 55%, rgba(241,244,238,0) 100%);
	border-radius: 0 12px 12px 0;
}

.single-post .entry-content h2::before {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 5px;
	background: var(--bk-sage);
	border-radius: 4px;
}

.single-post .entry-content h3 {
	position: relative;
	font-size: 18.5px;
	font-weight: 700;
	color: #4A5A42;
	line-height: 1.75;
	margin: 34px 0 13px;
	padding: 0 26px 9px 0;
	scroll-margin-top: 95px;
	border-bottom: 1px solid var(--bk-line);
}

.single-post .entry-content h3::before {
	content: "";
	position: absolute;
	right: 3px;
	top: 12px;
	width: 9px;
	height: 9px;
	background: var(--bk-sage);
	border-radius: 50%;
	box-shadow: 0 0 0 4px rgba(110, 135, 99, .16);
}

.single-post .entry-content h3::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: -1px;
	width: 52px;
	height: 2px;
	background: var(--bk-sage);
	border-radius: 2px;
}

.single-post .entry-content h4 {
	font-size: 16.5px;
	font-weight: 700;
	color: #55654D;
	margin: 26px 0 10px;
	padding-right: 12px;
	border-right: 3px solid var(--bk-sage-soft);
	scroll-margin-top: 95px;
}

.single-post #ez-toc-container {
	background: var(--bk-cream) !important;
	border: 1px solid var(--bk-line) !important;
	border-radius: 16px !important;
	box-shadow: 0 4px 16px rgba(63, 81, 56, .07) !important;
	padding: 20px 22px !important;
	margin: 30px 0 !important;
	width: 100% !important;
	max-width: 100% !important;
}

.single-post #ez-toc-container .ez-toc-title-container {
	border-bottom: 1px solid var(--bk-line);
	padding-bottom: 12px;
	margin-bottom: 14px;
}

.single-post #ez-toc-container .ez-toc-title {
	position: relative;
	color: var(--bk-sage-deep) !important;
	font-size: 16px !important;
	font-weight: 800 !important;
	margin: 0 !important;
	padding-right: 24px !important;
}

.single-post #ez-toc-container .ez-toc-title::before {
	content: "";
	position: absolute;
	right: 4px;
	top: 9px;
	width: 9px;
	height: 9px;
	background: var(--bk-sage);
	border-radius: 50%;
	box-shadow: 0 0 0 4px rgba(110, 135, 99, .16);
}

.single-post #ez-toc-container nav ul,
.single-post #ez-toc-container ul.ez-toc-list {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
	background: none !important;
	border: none !important;
	box-shadow: none !important;
}

.single-post #ez-toc-container ul.ez-toc-list li {
	position: relative;
	padding: 0 20px 0 0 !important;
	margin: 0 0 10px 0 !important;
	border: none !important;
	background: none !important;
	line-height: 1.95 !important;
}

.single-post #ez-toc-container ul.ez-toc-list li::before,
.single-post #ez-toc-container ul.ez-toc-list li::after {
	content: none !important;
	display: none !important;
}

.single-post #ez-toc-container ul.ez-toc-list li a {
	position: relative;
	display: inline-block;
	color: #4A5A42 !important;
	text-decoration: none !important;
	font-size: 14.5px !important;
	font-weight: 500 !important;
	transition: color .2s, padding .2s;
}

.single-post #ez-toc-container ul.ez-toc-list li a::before {
	content: "";
	position: absolute;
	right: -17px;
	top: 10px;
	width: 6px;
	height: 6px;
	background: var(--bk-sage-soft);
	border-radius: 50%;
	transition: background .2s, transform .2s;
}

.single-post #ez-toc-container ul.ez-toc-list li a:hover {
	color: var(--bk-sage-deep) !important;
	padding-right: 4px;
}

.single-post #ez-toc-container ul.ez-toc-list li a:hover::before {
	background: var(--bk-sage);
	transform: scale(1.3);
}

.single-post #ez-toc-container .ez-toc-list ul {
	margin-top: 9px !important;
	padding-right: 16px !important;
	border-right: 1px solid var(--bk-line) !important;
}

.single-post #ez-toc-container .ez-toc-list ul li a {
	font-size: 13.5px !important;
	color: var(--bk-muted) !important;
}

.single-post .entry-content .easy-footnote-title {
	direction: rtl;
	text-align: right;
	margin-top: 40px;
	padding-top: 18px;
	border-top: 2px solid var(--bk-line);
}

.single-post .entry-content .easy-footnote-title h4 {
	font-size: 15px;
	color: var(--bk-muted);
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}

.single-post .entry-content ol.easy-footnotes-wrapper {
	direction: ltr !important;
	list-style: decimal !important;
	padding: 0 0 0 24px !important;
	margin: 12px 0 0 !important;
	border: none !important;
	background: none !important;
	box-shadow: none !important;
	counter-reset: none !important;
}

.single-post .entry-content ol.easy-footnotes-wrapper > li {
	direction: ltr !important;
	text-align: left !important;
	font-size: 12px !important;
	color: var(--bk-muted) !important;
	line-height: 1.9 !important;
	padding: 0 0 6px 0 !important;
	margin: 0 0 6px 0 !important;
	border: none !important;
	background: none !important;
	border-radius: 0 !important;
	list-style: decimal !important;
	counter-increment: none !important;
}

.single-post .entry-content ol.easy-footnotes-wrapper > li::before,
.single-post .entry-content ol.easy-footnotes-wrapper > li::after {
	content: none !important;
	display: none !important;
}

.single-post .entry-content ol.easy-footnotes-wrapper > li:hover {
	background: none !important;
}

.single-post .entry-content ol.easy-footnotes-wrapper a {
	color: var(--bk-sage) !important;
	text-decoration: none;
	border-bottom: 1px dotted var(--bk-sage-soft);
}

.single-post .entry-content ol.easy-footnotes-wrapper a:hover {
	color: var(--bk-sage-deep) !important;
}

.single-post .entry-content img.aligncenter,
.single-post .entry-content img.size-full {
	border-radius: 12px;
	box-shadow: 0 4px 18px rgba(63, 81, 56, .11);
}

.single-post .comments-area .comments-title,
.single-post .comments-area .comment-reply-title {
	position: relative;
	font-size: 17px;
	color: var(--bk-sage-deep);
	padding-right: 20px;
	margin-bottom: 20px;
}

.single-post .comments-area .comments-title::before,
.single-post .comments-area .comment-reply-title::before {
	content: "";
	position: absolute;
	right: 4px;
	top: 10px;
	width: 8px;
	height: 8px;
	background: var(--bk-sage);
	border-radius: 50%;
	box-shadow: 0 0 0 4px rgba(110, 135, 99, .16);
}

.single-post .comment-respond .comment-form {
	background: var(--bk-cream);
	border: 1px solid var(--bk-line);
	border-radius: 16px;
	padding: 24px 22px 10px;
}

.single-post .comment-form label {
	font-size: 13px;
	color: var(--bk-muted);
	margin-bottom: 6px;
	display: block;
}

.single-post .comment-form input[type="text"],
.single-post .comment-form input[type="email"],
.single-post .comment-form input[type="url"],
.single-post .comment-form textarea {
	border: 1px solid var(--bk-line);
	border-radius: 10px;
	background: #fff;
	padding: 11px 14px;
	box-shadow: none;
	transition: border-color .2s, box-shadow .2s;
}

.single-post .comment-form input[type="text"]:focus,
.single-post .comment-form input[type="email"]:focus,
.single-post .comment-form input[type="url"]:focus,
.single-post .comment-form textarea:focus {
	border-color: var(--bk-sage);
	box-shadow: 0 0 0 3px rgba(110, 135, 99, .18);
	outline: none;
}

.single-post .comment-form .comment-notes {
	font-size: 12px;
	color: var(--bk-muted);
}

.single-post .comment-form .submit {
	background: var(--bk-clay);
	border: none;
	border-radius: 30px;
	color: #fff;
	padding: 12px 36px;
	font-weight: 600;
	transition: background .2s;
}

.single-post .comment-form .submit:hover {
	background: var(--bk-clay-deep);
}

.single-post .comment-list .comment-inner {
	background: #fff;
	border: 1px solid var(--bk-line);
	border-radius: 16px;
	padding: 18px 20px;
	margin-bottom: 16px;
	box-shadow: 0 2px 9px rgba(63, 81, 56, .05);
}

.single-post .comment-list .comment-author {
	color: var(--bk-ink);
	font-weight: 700;
}

.single-post .comment-list .comment-meta {
	font-size: 11.5px;
	color: #9BA396;
}

.single-post .comment-list .comment-reply-link {
	color: var(--bk-sage-deep);
}

@media (max-width: 767px) {

	.single-post .entry-content > p:first-of-type {
		padding: 10px 12px 10px 8px;
		margin-bottom: 18px;
	}

	.single-post .entry-content blockquote {
		padding: 24px 18px 18px;
		margin: 26px 0;
		border-radius: 13px;
	}

	.single-post .entry-content blockquote::before {
		inset: 5px;
		border-radius: 9px;
	}

	.single-post .entry-content blockquote::after {
		font-size: 16px;
		right: 16px;
		top: -12px;
	}

	.single-post .entry-content blockquote > p:first-child,
	.single-post .entry-content blockquote > p:first-child span {
		font-size: 12px !important;
	}

	.single-post .entry-content h2 {
		font-size: 20px;
		margin: 34px 0 18px;
		padding: 12px 16px 12px 12px;
	}

	.single-post .entry-content h3 {
		font-size: 17px;
		margin: 26px 0 11px;
		padding-right: 24px;
	}

	.single-post .entry-content ul:not(.easy-footnotes-wrapper):not(.ez-toc-list),
	.single-post .entry-content ol:not(.easy-footnotes-wrapper) {
		padding: 8px 8px 8px 10px;
	}

	.single-post .entry-content ul:not(.easy-footnotes-wrapper):not(.ez-toc-list) > li {
		padding: 9px 26px 9px 4px;
	}

	.single-post .entry-content ol:not(.easy-footnotes-wrapper) > li {
		padding: 10px 40px 10px 4px;
	}

	.single-post .entry-content table {
		font-size: 12.5px;
		table-layout: fixed;
		word-wrap: break-word;
	}

	.single-post .entry-content table td,
	.single-post .entry-content table th {
		padding: 10px 8px;
		line-height: 1.78;
	}

	.single-post #ez-toc-container {
		padding: 16px 16px !important;
	}

	.single-post .comment-respond .comment-form {
		padding: 18px 15px 8px;
	}
}