/*
 * Autocontent — scope-olt cikk-tartalom stílusok (Step 46).
 *
 * MINDEN szabály a .ac-content wrapper alá scope-olt (a wrappert a plugin the_content
 * filtere adja @15-ön, kizárólag Autocontent-eredetű posztokon és csak akkor, ha a
 * content.css modul aktív). Alap-tipográfiát (font-family, alap font-size) szándékosan
 * NEM állítunk: azt a host-téma örökíti; itt csak a struktúra-elemek kapnak formát.
 * A brand-színek CSS-változóként érkeznek (inline style a beállításokból, fallbackkel).
 */

.ac-content {
	--ac-primary: #13678A;
	--ac-accent: #45C4B0;
	--ac-ink: #012030;
}

/* Függőleges ritmus. */
.ac-content > * + * {
	margin-top: 1.05em;
}

.ac-content h2 {
	margin-top: 1.9em;
	line-height: 1.25;
}

.ac-content h3 {
	margin-top: 1.5em;
	line-height: 1.3;
}

/* Listák. */
.ac-content ul,
.ac-content ol {
	padding-left: 1.5em;
}

.ac-content li + li {
	margin-top: .45em;
}

.ac-content li::marker {
	color: var(--ac-accent);
}

/* Idézet. */
.ac-content blockquote,
.ac-content .wp-block-quote {
	margin-left: 0;
	margin-right: 0;
	padding: 14px 20px;
	border-left: 3px solid var(--ac-accent);
	border-radius: 0 10px 10px 0;
	background: rgba(69, 196, 176, .06);
	font-style: normal;
}

.ac-content blockquote p {
	margin: 0;
}

.ac-content blockquote p + p {
	margin-top: .7em;
}

.ac-content blockquote cite {
	display: block;
	margin-top: 10px;
	font-size: .85em;
	font-style: normal;
	opacity: .65;
}

/* Kódblokk + inline kód. */
.ac-content pre,
.ac-content .wp-block-code {
	background: var(--ac-ink);
	color: #CBEAD6;
	border: none;
	border-radius: 10px;
	padding: 16px 18px;
	overflow-x: auto;
	font-size: 13.5px;
	line-height: 1.6;
}

.ac-content pre code {
	background: none;
	color: inherit;
	padding: 0;
	font-size: inherit;
}

.ac-content :is(p, li, td) code {
	background: rgba(1, 32, 48, .08);
	border-radius: 4px;
	padding: .12em .38em;
	font-size: .88em;
}

/* Táblázat (mobilon vízszintesen görgethető). */
.ac-content .wp-block-table {
	margin-left: 0;
	margin-right: 0;
	overflow-x: auto;
}

.ac-content table {
	border-collapse: collapse;
	width: 100%;
	font-size: 14px;
}

.ac-content th,
.ac-content td {
	border: 1px solid #E8EDF1;
	padding: 10px 12px;
	text-align: left;
	vertical-align: top;
}

.ac-content th {
	background: rgba(19, 103, 138, .07);
	font-weight: 600;
}

/* Képek. */
.ac-content figure {
	margin: 1.7em 0;
}

.ac-content img {
	max-width: 100%;
	height: auto;
	border-radius: 10px;
}

.ac-content figcaption {
	text-align: center;
	font-size: 12.5px;
	margin-top: 8px;
	opacity: .6;
}

/* Elválasztó. */
.ac-content hr {
	border: none;
	border-top: 1px solid #E8EDF1;
	margin: 2.2em auto;
	width: 100%;
}

/* Linkek (a CTA-gomb !important-os fehérjét nem érinti). */
.ac-content a {
	color: var(--ac-primary);
}

/* "A lényeg dióhéjban" kiemelő-doboz (a generátor aside.key-takeaways markupja). */
.ac-content aside.key-takeaways {
	border: 1px solid rgba(69, 196, 176, .35);
	background: rgba(69, 196, 176, .07);
	border-radius: 12px;
	padding: 18px 22px;
}

.ac-content aside.key-takeaways h3 {
	margin: 0 0 10px;
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 11.5px;
	font-weight: 600;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--ac-primary);
}

.ac-content aside.key-takeaways ul {
	margin: 0;
	padding-left: 1.25em;
}

.ac-content aside.key-takeaways li + li {
	margin-top: .5em;
}

@media (max-width: 640px) {
	.ac-content th,
	.ac-content td {
		padding: 8px 10px;
	}

	.ac-content aside.key-takeaways {
		padding: 14px 16px;
	}
}