/* AI Store Plus — blog yazısı şablonu (aistore-blog.php, aspbl_render). Sürüm ASPBL_VERSION ile ?ver= olarak yüklenir.
 * Ürün açıklamasıyla aynı dil (aspk.css): Cabin metin, Readex Pro başlık, indigo → mor → fuşya vurgu. Yalnızca sınıflar. */

.aspbl,
.aspbl * {
	box-sizing: border-box;
}
.aspbl {
	--ink: #0f1428;
	--text: #2b3245;
	--muted: #5a6378;
	--line: #e7e9f2;
	--indigo: #4f46e5;
	--violet: #7c3aed;
	--fuchsia: #db2777;
	--emerald: #059669;
	--amber: #d97706;
	max-width: 780px;
	margin: 0 auto;
	color: var(--text);
	font-family: Cabin, system-ui, sans-serif;
	font-size: 18px;
	line-height: 1.78;
}
.aspbl p {
	margin: 0 0 1.1em;
}
.aspbl h2,
.aspbl h3 {
	color: var(--ink);
	font-family: "Readex Pro", sans-serif;
	letter-spacing: -.015em;
	text-transform: none;
}
.aspbl h2 {
	margin: 2.1em 0 .7em;
	font-size: 29px;
	font-weight: 600;
	line-height: 1.25;
	scroll-margin-top: 110px;
}
.aspbl h3 {
	margin: 1.6em 0 .55em;
	font-size: 21.5px;
	font-weight: 600;
	line-height: 1.35;
}
.aspbl a {
	color: var(--indigo);
	font-weight: 600;
	text-decoration: underline;
	text-decoration-color: rgba(79, 70, 229, .35);
	text-underline-offset: 3px;
}
.aspbl a:hover {
	color: var(--violet);
	text-decoration-color: currentColor;
}
.aspbl strong {
	color: var(--ink);
	font-weight: 700;
}

/* ---------- tema: yazı başlığı alanı (WoodMart wd-single-post-header) ---------- */
.single-post .wd-single-post-header .wd-post-image {
	max-width: 1180px;
	margin-right: auto;
	margin-left: auto;
}
.single-post .wd-single-post-header .wd-post-image img {
	border-radius: 26px;
	box-shadow: 0 30px 60px -40px rgba(30, 27, 75, .7);
}
@media (max-width: 700px) {
	.single-post .wd-single-post-header .wd-post-image img {
		border-radius: 18px;
	}
}

/* ---------- gövde listeleri (tema sıfırlaması) ---------- */
.aspbl .bl-body ul,
.aspbl .bl-body ol {
	margin: 0 0 1.2em !important;
	padding: 0 0 0 1.4em !important;
}
.aspbl .bl-body li {
	margin: 0 0 .45em !important;
	padding-left: .2em;
}
.aspbl .bl-body ul > li {
	list-style: disc !important;
}
.aspbl .bl-body ol > li {
	list-style: decimal !important;
}
.aspbl .bl-body li::before {
	display: none !important;
}
.aspbl .bl-body li::marker {
	color: var(--violet);
	font-weight: 700;
}

/* ---------- giriş, künye ---------- */
.aspbl .bl-lead {
	margin: 0 0 14px;
	color: var(--ink);
	font-size: 21px;
	font-weight: 500;
	line-height: 1.6;
}
.aspbl .bl-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 0;
	margin: 0 0 26px;
	color: var(--muted);
	font-size: 14.5px;
	line-height: 1.5;
}
.aspbl .bl-meta span + span::before {
	content: "";
	display: inline-block;
	width: 4px;
	height: 4px;
	margin: 0 12px;
	border-radius: 50%;
	background: #b9bdd0;
	vertical-align: middle;
}

/* ---------- "Kısaca" kutusu ---------- */
.aspbl .bl-key {
	position: relative;
	margin: 0 0 26px;
	padding: 24px 26px 18px;
	border-radius: 22px;
	background: radial-gradient(120% 140% at 0% 0%, #4338ca 0%, transparent 55%), radial-gradient(90% 120% at 100% 0%, #9333ea 0%, transparent 60%), radial-gradient(80% 120% at 100% 100%, #db2777 0%, transparent 60%), #1e1b4b;
	box-shadow: 0 22px 44px -30px rgba(30, 27, 75, .8);
	color: #eeeaff;
}
.aspbl .bl-key-t {
	margin-bottom: 12px;
	color: #f5d0fe;
	font: 600 13px "Readex Pro", sans-serif;
	letter-spacing: .12em;
	text-transform: uppercase;
}
.aspbl .bl-key ul {
	margin: 0 !important;
	padding: 0 !important;
}
.aspbl .bl-key li {
	position: relative;
	margin: 0 0 9px !important;
	padding: 0 0 0 28px !important;
	color: #eeeaff;
	font-size: 16.5px;
	line-height: 1.6;
	list-style: none !important;
}
.aspbl .bl-key li::before {
	content: "";
	position: absolute;
	top: .42em;
	left: 0;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: linear-gradient(135deg, #a5b4fc, #f0abfc);
	box-shadow: 0 0 0 4px rgba(255, 255, 255, .08);
}

/* ---------- içindekiler ---------- */
.aspbl .bl-toc {
	margin: 0 0 34px;
	padding: 20px 24px 14px;
	border: 1px solid #ebe8fb;
	border-radius: 18px;
	background: #f8f7ff;
}
.aspbl .bl-toc-t {
	margin-bottom: 8px;
	color: var(--ink);
	font: 600 15px "Readex Pro", sans-serif;
}
.aspbl .bl-toc ol {
	margin: 0 !important;
	padding: 0 0 0 1.3em !important;
	column-gap: 28px;
	columns: 2;
}
.aspbl .bl-toc li {
	margin: 0 0 7px !important;
	font-size: 15.5px;
	line-height: 1.45;
	list-style: decimal !important;
	break-inside: avoid;
}
.aspbl .bl-toc li::marker {
	color: var(--violet);
	font-weight: 700;
}
.aspbl .bl-toc a {
	color: #3730a3;
	font-weight: 500;
	text-decoration: none;
}
.aspbl .bl-toc a:hover {
	text-decoration: underline;
}

/* ---------- tablo ---------- */
.aspbl .bl-table {
	margin: 0 0 1.5em;
	overflow-x: auto;
	border: 1px solid var(--line);
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 16px 36px -30px rgba(30, 27, 75, .45);
	-webkit-overflow-scrolling: touch;
}
.aspbl .bl-table table {
	width: 100%;
	min-width: 520px;
	margin: 0 !important;
	border: 0 !important;
	border-collapse: collapse;
	font-size: 15.5px;
	line-height: 1.5;
}
.aspbl .bl-table th,
.aspbl .bl-table td {
	padding: 13px 16px;
	border: 0 !important;
	border-top: 1px solid var(--line) !important;
	background: none;
	text-align: left;
	text-transform: none;
	letter-spacing: normal;
	vertical-align: top;
}
.aspbl .bl-table thead th {
	border-top: 0 !important;
	background: #f6f5ff;
	color: var(--ink);
	font: 600 14.5px "Readex Pro", sans-serif;
}
.aspbl .bl-table tbody tr:nth-child(even) td {
	background: #fbfbfe;
}
.aspbl .bl-table td:first-child {
	color: var(--ink);
	font-weight: 600;
}

/* ---------- not kutuları ---------- */
.aspbl blockquote.bl-call {
	position: relative;
	margin: 0 0 1.5em !important;
	padding: 16px 20px 16px 54px !important;
	border: 0 !important;
	border-radius: 16px;
	font-size: 16.5px;
	font-style: normal;
	line-height: 1.65;
	quotes: none;
	text-align: left;
}
.aspbl blockquote.bl-call::before {
	content: "i";
	position: absolute;
	top: 16px;
	left: 18px;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	color: #fff;
	font: 700 14px/24px "Readex Pro", sans-serif;
	text-align: center;
}
.aspbl blockquote.bl-call::after {
	display: none !important;
}
.aspbl blockquote.bl-call p:last-child {
	margin: 0;
}
.aspbl .bl-note {
	background: #eef2ff;
	color: #312e81;
}
.aspbl .bl-note::before {
	background: var(--indigo);
}
.aspbl .bl-warn {
	background: #fffbeb;
	color: #78350f;
}
.aspbl .bl-warn::before {
	content: "!" !important;
	background: var(--amber);
}
.aspbl .bl-tip {
	background: #ecfdf5;
	color: #064e3b;
}
.aspbl .bl-tip::before {
	content: "✓" !important;
	background: var(--emerald);
}
.aspbl .bl-call strong {
	color: inherit;
}

/* ---------- içerik görseli ---------- */
.aspbl .bl-fig {
	margin: 6px 0 1.6em !important;
}
.aspbl .bl-fig img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 !important;
	border-radius: 20px;
	box-shadow: 0 26px 50px -34px rgba(30, 27, 75, .65);
	aspect-ratio: 16 / 9;
	object-fit: cover;
}
.aspbl .bl-fig figcaption {
	margin-top: 10px;
	color: var(--muted);
	font-size: 14px;
	line-height: 1.5;
	text-align: center;
}

/* ---------- ürün kartları ([asp_blog_products]) ---------- */
.aspbl .bl-products {
	display: grid;
	gap: 10px;
	margin: 6px 0 1.6em;
	padding: 18px;
	border: 1px solid #ebe8fb;
	border-radius: 22px;
	background: linear-gradient(180deg, #f8f7ff, #fff);
}
.aspbl .bl-pt {
	color: var(--violet);
	font: 600 12.5px "Readex Pro", sans-serif;
	letter-spacing: .1em;
	text-transform: uppercase;
}
.aspbl a.bl-pc {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 10px 12px 10px 10px;
	border: 1px solid var(--line);
	border-radius: 16px;
	background: #fff;
	color: var(--ink);
	font-weight: 400;
	line-height: 1.3;
	text-decoration: none;
	transition: transform .2s ease, box-shadow .2s ease;
}
.aspbl a.bl-pc:hover {
	box-shadow: 0 16px 30px -24px rgba(79, 70, 229, .7);
	color: var(--ink);
	transform: translateY(-2px);
}
.aspbl .bl-pc-im {
	flex: none;
	width: 58px;
	height: 58px;
	overflow: hidden;
	border-radius: 12px;
	background: #0b1020;
}
.aspbl .bl-pc-im img {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0 !important;
	object-fit: cover;
}
.aspbl .bl-pc-b {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}
.aspbl .bl-pc-b b {
	color: var(--ink);
	font: 600 15.5px "Readex Pro", sans-serif;
	line-height: 1.3;
}
.aspbl .bl-pc-s {
	color: var(--emerald);
	font-size: 13px;
	font-weight: 600;
}
.aspbl .bl-pc-s.is-out {
	color: var(--muted);
}
.aspbl .bl-pc-p {
	flex: none;
	color: #5b21b6;
	font: 600 15.5px "Readex Pro", sans-serif;
	white-space: nowrap;
}
.aspbl .bl-pc-p del {
	margin-right: 6px;
	color: #9aa0b4;
	font-weight: 400;
}
.aspbl .bl-pc-p ins {
	text-decoration: none;
}
.aspbl .bl-pc-go {
	display: grid;
	flex: none;
	place-items: center;
	width: 32px;
	height: 32px;
	border-radius: 10px;
	background: linear-gradient(135deg, #8b6cff, #6d4eec 58%, #db2777);
}
.aspbl .bl-pc-go svg {
	width: 15px;
	height: 15px;
	fill: none;
	stroke: #fff;
	stroke-width: 2.4;
	stroke-linecap: round;
	stroke-linejoin: round;
}

/* ---------- SSS ---------- */
.aspbl .bl-faq {
	margin-top: 2.2em;
}
.aspbl .bl-q {
	margin: 0 0 10px;
	overflow: hidden;
	border: 1px solid var(--line);
	border-radius: 16px;
	background: #fff;
}
.aspbl .bl-q summary {
	position: relative;
	padding: 16px 54px 16px 20px;
	color: var(--ink);
	font: 600 16.5px "Readex Pro", sans-serif;
	line-height: 1.4;
	list-style: none;
	cursor: pointer;
}
.aspbl .bl-q summary::-webkit-details-marker {
	display: none;
}
.aspbl .bl-q summary::after {
	content: "+";
	position: absolute;
	top: 50%;
	right: 18px;
	width: 26px;
	height: 26px;
	margin-top: -13px;
	border-radius: 50%;
	background: #ede9fe;
	color: var(--violet);
	font: 600 18px/26px "Readex Pro", sans-serif;
	text-align: center;
}
.aspbl .bl-q[open] summary::after {
	content: "−";
}
.aspbl .bl-a {
	padding: 0 20px 16px;
	font-size: 16.5px;
	line-height: 1.7;
}
.aspbl .bl-a p {
	margin: 0;
}

/* ---------- kaynaklar ---------- */
.aspbl .bl-src {
	margin-top: 2em;
}
.aspbl .bl-src ol {
	margin: 0 !important;
	padding: 0 0 0 1.3em !important;
}
.aspbl .bl-src li {
	margin: 0 0 8px !important;
	color: var(--muted);
	font-size: 14.5px;
	line-height: 1.55;
	list-style: decimal !important;
}
.aspbl .bl-src a {
	font-weight: 500;
	word-break: break-word;
}

/* ---------- editör kutusu ---------- */
.aspbl .bl-ed {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	margin: 36px 0 0;
	padding: 22px 24px;
	border-radius: 20px;
	background: #0f1428;
	color: #d9dcf0;
}
.aspbl .bl-ed-i {
	flex: none;
	width: 48px;
	height: 48px;
	margin: 0 !important;
	border-radius: 12px;
}
.aspbl .bl-ed b {
	display: block;
	margin-bottom: 4px;
	color: #fff;
	font: 600 16px "Readex Pro", sans-serif;
}
.aspbl .bl-ed p {
	margin: 0;
	color: #c9cde4;
	font-size: 14.5px;
	line-height: 1.6;
}

/* ---------- telefon ---------- */
@media (max-width: 700px) {
	.aspbl {
		font-size: 17px;
		line-height: 1.72;
	}
	.aspbl .bl-lead {
		font-size: 19px;
	}
	.aspbl h2 {
		font-size: 24px;
	}
	.aspbl h3 {
		font-size: 19.5px;
	}
	.aspbl .bl-key {
		padding: 20px 20px 14px;
		border-radius: 18px;
	}
	.aspbl .bl-toc ol {
		columns: 1;
	}
	.aspbl .bl-products {
		padding: 14px;
	}
	.aspbl .bl-pc-p {
		font-size: 14px;
	}
	.aspbl .bl-pc-go {
		display: none;
	}
	.aspbl .bl-ed {
		padding: 18px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.aspbl a.bl-pc {
		transition: none;
	}
}