/**
 * VPSTC AI Writer — makale şablonu v2 ön yüz stilleri.
 * Tema paletiyle hizalı: marka #3b82f6→#8b5cf6, kehribar #f59e0b,
 * gövde #374151, başlık #111827. Koyu tema seçicisi temadaki gibi `.dark`.
 * Kutularda iç içe <div> YOK — temanın reklam enjektörü buna güveniyor.
 */

.aiw-summary,
.aiw-callout,
.aiw-cta,
.aiw-faq-item {
	border-radius: .9rem;
	margin: 1.75rem 0;
}

/* ---------------------------------------------------------------- Özet */

.aiw-summary {
	background: linear-gradient(135deg, rgb(59 130 246 / .06), rgb(139 92 246 / .07));
	border: 1px solid rgb(59 130 246 / .22);
	padding: 1.25rem 1.4rem;
	margin-top: 0;
}
/* Tema `.single-post-content p` (0,1,1) olduğu için başlık `.single-post-content`
   altına alınmalı (0,2,0); yoksa alt boşluk 1.25rem'e kaçıyor. */
.single-post-content .aiw-summary-title {
	font-weight: 700;
	font-size: 1.0625rem;
	color: #1e40af;
	margin: 0 0 .6rem;
	letter-spacing: -.01em;
}
.single-post-content .aiw-summary p { margin-bottom: .75rem; }
/* Tema listeleri `!important` ile kuruyor (madde imi, padding, margin).
   İmi temaya bırakıp yalnızca kutu içindeki boşlukları geri alıyoruz. */
.single-post-content .aiw-summary ul { margin: .25rem 0 0 !important; }
.single-post-content .aiw-summary ul > li { margin-bottom: .45rem !important; }
.single-post-content .aiw-summary ul > li:last-child { margin-bottom: 0 !important; }
.aiw-summary ul li strong { color: #111827; }
.dark .aiw-summary { background: linear-gradient(135deg, rgb(59 130 246 / .12), rgb(139 92 246 / .12)); border-color: rgb(96 165 250 / .28); }
.dark .aiw-summary-title { color: #93c5fd; }
.dark .aiw-summary ul li strong { color: #f9fafb; }

/* --------------------------------------------------------- Giriş cümlesi */

.single-post-content .aiw-lead {
	font-size: 1.0625rem;
	line-height: 1.75;
	color: #1f2937;
	font-weight: 500;
	margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
	.single-post-content .aiw-lead { font-size: 1.1875rem; }
}
.dark .single-post-content .aiw-lead { color: #e5e7eb; }

/* ------------------------------------------------------------- Kutular */

.aiw-callout {
	border: 1px solid rgb(15 23 42 / .08);
	border-left-width: 4px;
	padding: 1rem 1.2rem;
	background: #f9fafb;
}
/* Etiket bir <p>; tema `.single-post-content p` (0,1,1) ile yarıştığı için
   `.single-post-content` altına alınmalı (0,2,0). Aksi halde etiketle metin
   arasında 1.25–1.5rem boşluk kalıyor. */
.single-post-content .aiw-callout-label {
	font-size: .75rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .06em;
	margin: 0 0 .35rem;
}
.single-post-content .aiw-callout p:last-child { margin-bottom: 0; }

.aiw-callout-tip { border-left-color: #3b82f6; background: rgb(59 130 246 / .05); }
.aiw-callout-tip .aiw-callout-label { color: #1d4ed8; }

.aiw-callout-warn { border-left-color: #f59e0b; background: rgb(245 158 11 / .07); }
.aiw-callout-warn .aiw-callout-label { color: #b45309; }

.aiw-callout-example { border-left-color: #8b5cf6; background: rgb(139 92 246 / .06); }
.aiw-callout-example .aiw-callout-label { color: #6d28d9; }

.aiw-callout-field { border-left-color: #10b981; background: rgb(16 185 129 / .06); }
.aiw-callout-field .aiw-callout-label { color: #047857; }

.dark .aiw-callout { background: rgb(255 255 255 / .04); border-color: rgb(255 255 255 / .09); }
.dark .aiw-callout-tip .aiw-callout-label { color: #93c5fd; }
.dark .aiw-callout-warn .aiw-callout-label { color: #fcd34d; }
.dark .aiw-callout-example .aiw-callout-label { color: #c4b5fd; }
.dark .aiw-callout-field .aiw-callout-label { color: #6ee7b7; }

/* ------------------------------------------------------- Kontrol listesi */

.single-post-content ul.aiw-checklist {
	list-style: none;
	padding-left: 0;
	margin: 1.25rem 0;
}
.single-post-content ul.aiw-checklist > li {
	position: relative;
	padding-left: 1.9rem !important;
	margin-bottom: .65rem !important;
}
/* Tema `.single-post-content ul>li::before` kuralını `!important` ile kuruyor
   (content:"•", top, color, font-size). Özgüllük yetmez; kutuyu göstermek için
   ezilen bildirimler de `!important` olmalı. */
.single-post-content ul.aiw-checklist > li::before {
	content: "" !important;
	position: absolute;
	left: 0;
	top: .45em !important;
	font-size: inherit !important;
	width: 1.05rem;
	height: 1.05rem;
	border-radius: .3rem;
	background: rgb(16 185 129 / .13);
	border: 1px solid rgb(16 185 129 / .45);
}
.single-post-content ul.aiw-checklist > li::after {
	content: "";
	position: absolute;
	left: .3rem;
	top: .62em;
	width: .3rem;
	height: .55rem;
	border: solid #059669;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}
.dark .single-post-content ul.aiw-checklist > li::after { border-color: #34d399; }

/* ----------------------------------------------------------------- SSS */

.aiw-faq { margin: 1.25rem 0 0; }
.aiw-faq-item {
	border: 1px solid rgb(15 23 42 / .08);
	background: #fff;
	padding: 0 1.15rem;
	margin: .65rem 0;
}
.aiw-faq-item > summary {
	list-style: none;
	cursor: pointer;
	font-weight: 600;
	color: #111827;
	padding: .85rem 1.6rem .85rem 0;
	position: relative;
}
.aiw-faq-item > summary::-webkit-details-marker { display: none; }
.aiw-faq-item > summary::after {
	content: "";
	position: absolute;
	right: .25rem;
	top: 1.15rem;
	width: .5rem;
	height: .5rem;
	border: solid #6b7280;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
	transition: transform .18s ease;
}
.aiw-faq-item[open] > summary::after { transform: rotate(-135deg); }
.aiw-faq-item > p { margin: 0 0 1rem; color: #4b5563; }
.aiw-faq-item > summary:focus-visible { outline: 2px solid #3b82f6; outline-offset: 3px; border-radius: .35rem; }
.dark .aiw-faq-item { background: rgb(255 255 255 / .04); border-color: rgb(255 255 255 / .09); }
.dark .aiw-faq-item > summary { color: #f9fafb; }
.dark .aiw-faq-item > p { color: #d1d5db; }
.dark .aiw-faq-item > summary::after { border-color: #9ca3af; }

@media (prefers-reduced-motion: reduce) {
	.aiw-faq-item > summary::after { transition: none; }
}

/* ----------------------------------------------------------------- CTA */

.aiw-cta {
	background: linear-gradient(135deg, #3b82f6, #8b5cf6);
	color: #fff;
	padding: 1.35rem 1.5rem;
	box-shadow: 0 10px 15px -3px rgb(59 130 246 / .25);
}
.single-post-content .aiw-cta p { color: #fff; margin-bottom: .9rem; }
.single-post-content .aiw-cta p:last-child { margin-bottom: 0; }
.single-post-content .aiw-cta .aiw-cta-action a {
	display: inline-block;
	background: #fff;
	color: #1d4ed8;
	font-weight: 700;
	text-decoration: none;
	padding: .6rem 1.35rem;
	border-radius: .65rem;
	border-bottom: none;
	transition: background .18s ease;
}
.single-post-content .aiw-cta .aiw-cta-action a:hover { background: #eff6ff; }

/* ------------------------------------------------------- İçindekiler eki */

.aiw-toc { background: #f9fafb; }
/* Alt seçici (> değil): eski yazılarda <strong> doğrudan kutunun çocuğu,
   yeni yazılarda .aiw-toc-head <p>'sinin içinde. */
.aiw-toc strong { color: #111827; font-size: 1rem; }
.aiw-toc .aiw-toc-meta { font-weight: 400; color: #6b7280; font-size: .8125rem; }
.single-post-content .aiw-toc-head { margin: 0 !important; }
/* Yayındaki eski yazılar: wpautop kutunun içine açılışsız bir </p> bırakmış,
   tarayıcı da onu boş bir <p> olarak kurtarıyor. Temanın p alt boşluğunu
   alıp kutuda boşluk açıyordu. */
.aiw-toc > p:empty { display: none !important; }
.aiw-toc ol li { margin-bottom: .3rem; }
.dark .aiw-toc { background: rgb(255 255 255 / .04); border-color: rgb(255 255 255 / .09) !important; }
.dark .aiw-toc strong { color: #f9fafb; }

/* ------------------------------------------------------------- Kaynaklar */

.single-post-content ul.aiw-sources > li { margin-bottom: .4rem !important; }
.single-post-content ul.aiw-sources a { word-break: break-word; }