/*
 * Editorial prose for blog posts and guides (wrapper added by includes/editorial-style.php).
 * Style source: the expanded "Devamını oku" text on the category pages.
 *
 * - The wrapper itself has no background, border or padding: .post-body already is the white card.
 * - Only DIRECT-CHILD prose elements (h2/h3/h4/p/ul/ol/table) are styled, so product widgets, the author
 *   box and other embedded blocks never inherit these rules. Links are styled only inside those elements.
 * - The class is doubled (.yt-editorial-prose.yt-editorial-prose) to beat generic theme rules such as
 *   ".post-content h2" without !important.
 */

/* Headings */
.yt-editorial-prose.yt-editorial-prose > h2{margin:52px 0 16px;padding:2px 0 2px 16px;border-left:5px solid var(--mor,#623b8e);font-size:clamp(22px,2.4vw,28px);line-height:1.3;font-weight:700;color:var(--bordo,#4A2C6E);letter-spacing:-.01em}
.yt-editorial-prose.yt-editorial-prose > h3{margin:30px 0 10px;font-size:18.5px;line-height:1.4;font-weight:600;color:var(--kiremit,#623b8e)}
.yt-editorial-prose.yt-editorial-prose > h4{margin:22px 0 8px;font-size:16px;line-height:1.4;font-weight:600;color:var(--bordo,#4A2C6E)}
.yt-editorial-prose.yt-editorial-prose > :is(h2,h3,h4):first-child{margin-top:0}

/* Paragraphs, lists and tables share the body text style */
.yt-editorial-prose.yt-editorial-prose > :is(p,ul,ol,table){font-size:15.5px;line-height:1.85;color:#3a3733}
.yt-editorial-prose.yt-editorial-prose > p{margin:0 0 18px;overflow-wrap:break-word}
.yt-editorial-prose.yt-editorial-prose > :is(p,ul,ol,table) strong{font-weight:600;color:var(--bordo,#4A2C6E)}

/* Question headings: the answer paragraph gets a subtle cream rule */
.yt-editorial-prose.yt-editorial-prose > h3 + p{padding:0 0 0 16px;border-left:3px solid var(--krem-line,#EADFB6)}

/* Lists: cream box, purple bullets / numbered circles (nested lists keep their own counter) */
.yt-editorial-prose.yt-editorial-prose > :is(ul,ol){margin:6px 0 22px;padding:20px 24px;list-style:none;background:var(--krem-soft,#FBF8E8);border:1px solid var(--krem-line,#EADFB6);border-radius:12px}
.yt-editorial-prose.yt-editorial-prose > ol,
.yt-editorial-prose.yt-editorial-prose > :is(ul,ol) ol{counter-reset:yted}
.yt-editorial-prose.yt-editorial-prose > :is(ul,ol) li{position:relative;margin:0 0 12px;padding-left:28px;list-style:none;line-height:1.7;overflow-wrap:break-word}
.yt-editorial-prose.yt-editorial-prose > :is(ul,ol) li:last-child{margin-bottom:0}
.yt-editorial-prose.yt-editorial-prose > :is(ul,ol) li > :is(ul,ol){margin:12px 0 0;padding:0;background:none;border:0;border-radius:0}
.yt-editorial-prose.yt-editorial-prose > :is(ul,ol) li > p{margin:0 0 8px}
.yt-editorial-prose.yt-editorial-prose > :is(ul,ol) li > p:last-child{margin-bottom:0}
.yt-editorial-prose.yt-editorial-prose > ul > li::before,
.yt-editorial-prose.yt-editorial-prose > :is(ul,ol) ul > li::before{content:"";position:absolute;left:4px;top:.72em;width:9px;height:9px;border-radius:50%;background:var(--mor,#623b8e);box-shadow:0 0 0 3px rgba(98,59,142,.15)}
.yt-editorial-prose.yt-editorial-prose > ol > li,
.yt-editorial-prose.yt-editorial-prose > :is(ul,ol) ol > li{counter-increment:yted}
.yt-editorial-prose.yt-editorial-prose > ol > li::before,
.yt-editorial-prose.yt-editorial-prose > :is(ul,ol) ol > li::before{content:counter(yted);position:absolute;left:0;top:.2em;width:22px;height:22px;border-radius:50%;background:var(--mor,#623b8e);color:#fff;font-size:12px;font-weight:700;line-height:22px;text-align:center}

/* Clean first/last spacing */
.yt-editorial-prose.yt-editorial-prose > :is(p,ul,ol,table):first-child{margin-top:0}
.yt-editorial-prose.yt-editorial-prose > :is(p,ul,ol,table):last-child{margin-bottom:0}

/* Tables: full width, cream header with a purple rule */
.yt-editorial-prose.yt-editorial-prose > table{width:100%;margin:6px 0 22px;border-collapse:separate;border-spacing:0;border:1px solid var(--krem-line,#EADFB6);border-radius:12px;font-size:15px;line-height:1.6}
.yt-editorial-prose.yt-editorial-prose > table :is(th,td){padding:12px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--krem-line,#EADFB6)}
.yt-editorial-prose.yt-editorial-prose > table th{background:var(--krem-soft,#FBF8E8);color:var(--bordo,#4A2C6E);font-weight:700}
.yt-editorial-prose.yt-editorial-prose > table > thead th,
.yt-editorial-prose.yt-editorial-prose > table > :first-child > tr:first-child > th{border-bottom:2px solid var(--mor,#623b8e)}
.yt-editorial-prose.yt-editorial-prose > table > :last-child > tr:last-child > :is(th,td){border-bottom:0}
.yt-editorial-prose.yt-editorial-prose > table > :first-child > tr:first-child > :first-child{border-top-left-radius:11px}
.yt-editorial-prose.yt-editorial-prose > table > :first-child > tr:first-child > :last-child{border-top-right-radius:11px}
.yt-editorial-prose.yt-editorial-prose > table > :last-child > tr:last-child > :first-child{border-bottom-left-radius:11px}
.yt-editorial-prose.yt-editorial-prose > table > :last-child > tr:last-child > :last-child{border-bottom-right-radius:11px}

/* Prose links only (inside prose p / li / table); CTA buttons and widget links keep their own style */
.yt-editorial-prose.yt-editorial-prose > :is(p,ul,ol,table) a:not(.button,.btn,.wp-block-button__link,.added_to_cart){color:var(--kiremit,#623b8e);font-weight:600;text-decoration:underline;text-decoration-color:rgba(98,59,142,.35);text-underline-offset:3px;text-decoration-thickness:1.5px;transition:color .15s,text-decoration-color .15s}
.yt-editorial-prose.yt-editorial-prose > :is(p,ul,ol,table) a:not(.button,.btn,.wp-block-button__link,.added_to_cart):hover{color:var(--bordo,#4A2C6E);text-decoration-color:var(--bordo,#4A2C6E)}
.yt-editorial-prose.yt-editorial-prose > :is(p,ul,ol,table) a:not(.button,.btn,.wp-block-button__link,.added_to_cart):focus-visible{color:var(--bordo,#4A2C6E);outline:2px solid var(--mor,#623b8e);outline-offset:3px;border-radius:2px}

@media (prefers-reduced-motion:reduce){
	.yt-editorial-prose.yt-editorial-prose > :is(p,ul,ol,table) a{transition:none}
}

/* Mobile overrides (<=600px) */
@media (max-width:600px){
	.yt-editorial-prose.yt-editorial-prose > :is(p,ul,ol){font-size:15px}
	.yt-editorial-prose.yt-editorial-prose > h2{margin-top:40px;font-size:21px}
	.yt-editorial-prose.yt-editorial-prose > h3{font-size:17px}
	.yt-editorial-prose.yt-editorial-prose > :is(h2,h3,h4):first-child{margin-top:0}
	.yt-editorial-prose.yt-editorial-prose > :is(ul,ol){padding:16px}
	/* Horizontal scroll on the table box; rows, cells and header/body relationships stay a real table. */
	.yt-editorial-prose.yt-editorial-prose > table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;font-size:14.5px}
	.yt-editorial-prose.yt-editorial-prose > table :is(th,td){min-width:110px}
}