/* ============ azdziebko.pl — POJEDYNCZY WPIS (single.php) ============ */

/* --- Pasek postępu czytania (JS ustawia width) --- */
#readbar {
	position: fixed; top: 0; left: 0; height: 3px;
	background: #FF6400; z-index: 120; width: 0;
	transition: width .1s linear;
}
.admin-bar #readbar { top: 32px; }
@media screen and (max-width: 782px) { .admin-bar #readbar { top: 46px; } }

/* --- Spis treści: link --- */
.toclink { color: #55534e; transition: color .16s ease, padding-left .16s ease; }
.toclink:hover { color: #FF6400; padding-left: 5px; }

/* --- TREŚĆ WPISU (.prose) ---
   Reguły scope'owane na BEZPOŚREDNIE dzieci (>) — core bloki (p/h2/h3/ul/ol/blockquote)
   renderują się jako bezpośrednie dzieci .prose, a bloki azdziebko (W skrócie, FAQ inline)
   mają własny wrapper <div>/<section>, więc ich wnętrze NIE łapie tych stylów (m.in. strzałek listy). */
.prose > h2 {
	margin: clamp(38px,4vw,52px) 0 14px;
	font-size: clamp(21px,2vw,29px); font-weight: 700;
	line-height: 1.12; letter-spacing: -.022em; scroll-margin-top: 86px;
}
.prose > h2:first-child { margin-top: 0; }
.prose > h3 {
	margin: clamp(26px,2.8vw,34px) 0 10px;
	font-size: clamp(17px,1.5vw,21px); font-weight: 700;
	line-height: 1.2; letter-spacing: -.015em;
}
.prose > p {
	margin: 0 0 18px;
	font-size: clamp(16px,1.1vw,18px); line-height: 1.68;
	color: #2f2d2a; text-wrap: pretty;
}
.prose > ul, .prose > ol {
	margin: 0 0 20px; padding-left: 0; list-style: none;
	display: flex; flex-direction: column; gap: 11px;
}
.prose > ul > li, .prose > ol > li {
	display: flex; gap: 12px;
	font-size: clamp(15px,1.05vw,17px); line-height: 1.62; color: #2f2d2a;
}
.prose > ul > li::before { content: "→"; color: #FF6400; font-weight: 700; flex-shrink: 0; }
.prose > ol { counter-reset: pl; }
.prose > ol > li { counter-increment: pl; }
.prose > ol > li::before { content: counter(pl) "."; color: #FF6400; font-weight: 700; min-width: 18px; }
.prose strong { font-weight: 700; color: #0A0A0A; }
/* Ciemne komponenty w treści (W skrócie / lead magnet) — bold na jasno, nie czarny na czarnym */
.prose .az-post-summary strong, .prose .az-inline-lead strong { color: #fff; }
.prose > p a, .prose > ul a, .prose > ol a { color: #0A0A0A; border-bottom: 1px solid rgba(255,100,0,.55); }
.prose > p a:hover, .prose > ul a:hover, .prose > ol a:hover { color: #FF6400; }
.prose > blockquote {
	margin: clamp(26px,3vw,36px) 0; padding: clamp(20px,2.2vw,28px);
	background: #F3F2EF; border: 1px solid rgba(10,10,10,.1);
}
.prose > blockquote p {
	margin: 0; font-size: clamp(17px,1.4vw,20px); line-height: 1.5;
	font-weight: 600; letter-spacing: -.012em; color: #0A0A0A;
}

/* Obraz w treści (core image) — pełna szerokość kolumny */
.prose > figure.wp-block-image { margin: clamp(26px,3vw,36px) 0; }
.prose > figure.wp-block-image img { width: 100%; height: auto; display: block; }

/* --- Sidebar wpisu (drabinka) — link „obserwuj na LinkedIn" itp. hover --- */
.az-rail-link:hover { color: #FF6400 !important; }