/* =========================================================================
   Bluejuice Straipsnio šablonas — stiliai
   Visos spalvos/šriftai suvesti į CSS kintamuosius žemiau — pakeitę juos
   pagal savo Elementor Kit paletę (cibonis.lt stilistiką), atgausite
   vizualiai suderintą šabloną be poreikio taisyti likusį CSS.
   ========================================================================= */

.bj-article {
	--bj-accent: #1a2b4c;         /* pagrindinė akcentinė spalva (mygtukai, nuorodos) */
	--bj-accent-soft: #eef1f8;    /* šviesus akcento fonas */
	--bj-text: #23262b;
	--bj-text-muted: #6b7280;
	--bj-border: #e6e8ec;
	--bj-bg-soft: #f7f8fa;
	--bj-highlight-bg: #eaf2fe;    /* šviesiai mėlynos info kortelės fonas */
	--bj-highlight-border: #cfe0fb;
	--bj-radius: 14px;
	--bj-font: 'Inter', sans-serif;   /* jei tema jau naudoja kitą šriftą, pakeiskite čia arba palikite "inherit" */
	--bj-max-width: 1160px;

	font-family: var(--bj-font);
	color: var(--bj-text);
	max-width: var(--bj-max-width);
	margin: 0 auto;
	padding: 0 20px;
}

.bj-article * { box-sizing: border-box; }

/* Mygtukai/laukai pagal nutylėjimą nepaveldi puslapio šrifto naršyklėse — priverčiame */
.bj-article button,
.bj-article input,
.bj-article textarea,
.bj-article select {
	font-family: inherit;
}

/* ---------- H1 (straipsnio antraštė) ---------- */
.bj-article__title {
	font-family: var(--bj-font);
	font-size: 2.2em;
	line-height: 1.2;
	margin: 0 0 20px;
}

/* ---------- Meta (autorius, data, skaitymo laikas) ---------- */
.bj-article__meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 12px;
	padding: 18px 0;
	border-bottom: 1px solid var(--bj-border);
	margin-bottom: 24px;
}
.bj-article__author-role { display: block; font-size: 0.9em; font-weight: 600; color: var(--bj-text-muted); }
.bj-article__meta-right { display: flex; gap: 16px; font-size: 0.9em; color: var(--bj-text-muted); }

/* ---------- Featured image (viršuje) ---------- */
.bj-article__hero { margin: 0 0 32px; }
.bj-article__hero img { width: 100%; height: auto; max-height: 480px; object-fit: cover; border-radius: var(--bj-radius); display: block; }

/* ---------- Viršutinė eilutė: TOC + kontaktų kortelė (kairėje) / paryškinta kortelė (dešinėje) ---------- */
.bj-article__top {
	display: grid;
	grid-template-columns: 280px 1fr;
	gap: 32px;
	align-items: start;
	margin-bottom: 40px;
}
@media (max-width: 900px) {
	.bj-article__top { grid-template-columns: 1fr; }
}

.bj-article__sidebar { min-width: 0; display: flex; flex-direction: column; gap: 20px; }

/* Viršuje, dešinėje, esanti "Paryškinta info kortelė" užpildo visą aukštį */
.bj-article__top-highlight .bj-highlight { height: 100%; }

/* ---------- Turinys (visada 100% pločio, po viršutinės eilutės) ---------- */
.bj-article__content--full { width: 100%; }

/* ---------- TOC ---------- */
.bj-toc { background: var(--bj-bg-soft); border: 1px solid var(--bj-border); border-radius: var(--bj-radius); padding: 20px; }
.bj-toc__heading { margin: 0 0 14px; font-size: 1em; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; }
.bj-toc__toggle {
	display: none;
	width: 100%; text-align: left; background: none; border: none;
	font-weight: 600; font-size: 1em; cursor: pointer; padding: 0;
}
@media (max-width: 900px) {
	.bj-toc__toggle { display: flex; justify-content: space-between; align-items: center; }
	.bj-toc__toggle::after { content: "+"; font-size: 1.3em; }
	.bj-toc.is-open .bj-toc__toggle::after { content: "–"; }
	.bj-toc__list { display: none; margin-top: 14px; }
	.bj-toc.is-open .bj-toc__list { display: block; }
}
.bj-toc__list { list-style: none; margin: 0; padding: 0; counter-reset: bj-toc; }
.bj-toc__item { counter-increment: bj-toc; margin: 0 0 10px; }
.bj-toc__item a {
	display: block; font-size: 0.92em; line-height: 1.4;
	color: var(--bj-text); text-decoration: none;
	border-left: 2px solid transparent; padding-left: 10px;
}
.bj-toc__item a::before { content: counter(bj-toc) ". "; color: var(--bj-accent); font-weight: 600; }
.bj-toc__item--lvl3 { margin-left: 16px; }
.bj-toc__item--lvl3 a::before { content: "– "; }
.bj-toc__item a:hover,
.bj-toc__item.is-active a { color: var(--bj-accent); border-left-color: var(--bj-accent); }

/* ---------- "Susisiekite" kortelė (TOC apačioje) ---------- */
.bj-contact {
	background: var(--bj-accent); color: #fff;
	border-radius: var(--bj-radius); padding: 22px 20px;
}
.bj-contact__title { margin: 0 0 10px; font-size: 1.05em; }
.bj-contact__text { margin: 0 0 16px; font-size: 0.92em; line-height: 1.6; opacity: .92; }
.bj-contact__list { list-style: none; margin: 0 0 18px; padding: 0; }
.bj-contact__list li { margin-bottom: 8px; }
.bj-contact__list a { color: #fff; text-decoration: none; font-weight: 600; font-size: 0.95em; }
.bj-contact__list a:hover { text-decoration: underline; }
.bj-contact__button {
	display: block; text-align: center; background: #fff; color: var(--bj-accent);
	font-weight: 600; padding: 12px 20px; border-radius: 999px; text-decoration: none;
}

/* ---------- Dalinimosi mygtukai ---------- */
.bj-share { display: flex; align-items: center; gap: 8px; margin-top: 20px; flex-wrap: wrap; }
.bj-share__label { font-size: 0.85em; color: var(--bj-text-muted); margin-right: 4px; }
.bj-share__btn {
	display: inline-flex; align-items: center; justify-content: center;
	width: 34px; height: 34px; border-radius: 50%;
	background: var(--bj-accent-soft); color: var(--bj-accent);
	border: none; cursor: pointer; text-decoration: none;
	transition: background .15s ease, color .15s ease;
}
.bj-share__btn:hover { background: var(--bj-accent); color: #fff; }
.bj-share__btn.is-copied { background: #1f9d55; color: #fff; }

/* ---------- Straipsnio turinys ---------- */
.bj-article__content { min-width: 0; }
.bj-block { margin-bottom: 32px; }
.bj-article__content h2 { font-size: 1.6em; margin: 0 0 16px; scroll-margin-top: 24px; }
.bj-article__content h3 { font-size: 1.25em; margin: 0 0 12px; scroll-margin-top: 24px; }
.bj-article__content p { line-height: 1.7; margin: 0 0 16px; }
.bj-article__content ul { line-height: 1.7; padding-left: 20px; }

.bj-block--intro { font-size: 1.08em; }

/* Įžvalgų kortelės */
.bj-insights__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; margin-top: 16px; }
.bj-insights__card { background: var(--bj-bg-soft); border: 1px solid var(--bj-border); border-radius: var(--bj-radius); padding: 18px 20px; }
.bj-insights__card h3 { font-size: 1em; margin: 0 0 8px; color: var(--bj-accent); }
.bj-insights__card p { margin: 0; font-size: 0.95em; }

/* Citata */
.bj-quote {
	background: var(--bj-accent-soft); border-left: 4px solid var(--bj-accent);
	border-radius: 0 var(--bj-radius) var(--bj-radius) 0;
	padding: 20px 24px; margin: 0 0 32px;
}
.bj-quote__text { font-size: 1.08em; font-style: italic; }
.bj-quote__text p { margin: 0 0 10px; }
.bj-quote__text p:last-child { margin-bottom: 0; }
.bj-quote cite { display: block; margin-top: 10px; font-style: normal; font-size: 0.88em; font-weight: 600; }
.bj-quote cite a { color: var(--bj-accent); text-decoration: none; }
.bj-quote__role { display: block; font-weight: 400; color: var(--bj-text-muted); }

/* Paryškinta info kortelė (šviesiai mėlyna, laisvai redaguojama antraštė) */
.bj-highlight {
	background: var(--bj-highlight-bg, #eaf2fe);
	border: 1px solid var(--bj-highlight-border, #cfe0fb);
	border-radius: var(--bj-radius);
	padding: 22px 26px;
}
.bj-highlight__title {
	margin: 0 0 8px; font-size: 0.8em; font-weight: 700; letter-spacing: .04em;
	text-transform: uppercase; color: var(--bj-accent);
}
.bj-highlight__content { line-height: 1.7; }
.bj-highlight__content p:last-child { margin-bottom: 0; }

/* Paveikslėlis */
.bj-image img { width: 100%; height: auto; border-radius: var(--bj-radius); display: block; }
.bj-image figcaption { font-size: 0.85em; color: var(--bj-text-muted); margin-top: 8px; text-align: center; }

/* Kortelių tinklelis */
.bj-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; }
.bj-grid__card { text-align: center; }
.bj-grid__icon { max-width: 72px; margin: 0 auto 12px; }
.bj-grid__card h4 { margin: 0 0 8px; }
.bj-grid__card p { font-size: 0.92em; margin: 0; }

/* CTA */
.bj-cta {
	background: var(--bj-accent); color: #fff;
	border-radius: var(--bj-radius); padding: 28px 32px; text-align: center;
}
.bj-cta h3 { margin: 0 0 8px; }
.bj-cta p { margin: 0 0 16px; opacity: .9; }
.bj-cta__button {
	display: inline-block; background: #fff; color: var(--bj-accent);
	font-weight: 600; padding: 12px 28px; border-radius: 999px; text-decoration: none;
}

/* DUK / FAQ akordeonas */
.bj-faq__list { border-top: 1px solid var(--bj-border); }
.bj-faq__item { border-bottom: 1px solid var(--bj-border); }
.bj-faq__question {
	width: 100%; text-align: left; background: none; border: none; cursor: pointer;
	font-size: 1.02em; font-weight: 600; padding: 16px 28px 16px 0; position: relative;
}
.bj-faq__question::after {
	content: "+"; position: absolute; right: 0; top: 14px; font-size: 1.3em; color: var(--bj-accent);
}
.bj-faq__question[aria-expanded="true"]::after { content: "–"; }
.bj-faq__answer { padding: 0 0 16px; line-height: 1.7; }

/* ---------- Ankstesnis / kitas straipsnis ---------- */
.bj-nav {
	display: grid; grid-template-columns: 1fr 1fr; gap: 16px;
	margin-top: 48px; padding-top: 24px; border-top: 1px solid var(--bj-border);
}
@media (max-width: 640px) { .bj-nav { grid-template-columns: 1fr; } }
.bj-nav__item {
	display: flex; align-items: center; gap: 14px; text-decoration: none; color: var(--bj-text);
	border: 1px solid var(--bj-border); border-radius: var(--bj-radius); padding: 14px;
	transition: border-color .15s ease;
}
.bj-nav__item:hover { border-color: var(--bj-accent); }
.bj-nav__item--next { justify-content: flex-end; text-align: right; }
.bj-nav__thumb img { width: 64px; height: 64px; object-fit: cover; border-radius: 10px; display: block; }
.bj-nav__eyebrow { display: block; font-size: 0.78em; color: var(--bj-text-muted); margin-bottom: 4px; }
.bj-nav__title { display: block; font-weight: 600; font-size: 0.95em; line-height: 1.3; }
.bj-nav__item--empty { border: none; }

.bj-article__empty { padding: 40px 0; color: var(--bj-text-muted); text-align: center; }

/* ---------- "Susiję mokymai" ---------- */
.bj-related { margin-top: 48px; padding-top: 32px; border-top: 1px solid var(--bj-border); }
.bj-related__title { font-size: 1.4em; margin: 0 0 20px; }
.bj-related__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; }
.bj-related__card {
	border: 1px solid var(--bj-border); border-radius: var(--bj-radius);
	padding: 22px; display: flex; flex-direction: column;
}
.bj-related__card h3 { margin: 0 0 10px; font-size: 1.1em; }
.bj-related__card p { margin: 0 0 16px; font-size: 0.92em; line-height: 1.6; color: var(--bj-text-muted); flex-grow: 1; }
.bj-related__link { color: var(--bj-accent); font-weight: 600; text-decoration: none; font-size: 0.92em; }
.bj-related__link:hover { text-decoration: underline; }