/* CDA Blogi - front. Kolor sekcji: turkus #0a7f93 (kontrast z białym tekstem 4,7:1). */

/* Badge i oznaczenia kategorii "blogi" - wzorce jak w style.css motywu (po slugu) */
.news-list .category.blogi,
.breadcrumbs .category.blogi{
	background-color:#0a7f93;
}
.news-list .text-box .title.blogi:before{
	background-color:#0a7f93;
}
#main .news-list .image.blogi{
	border-color:#0a7f93;
}

/* Autor-blog: kółko z inicjałem zamiast awatara konta */
.cda-blog-ava{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	box-sizing:border-box;
	width:1.4em;
	height:1.4em;
	border-radius:100%;
	border:solid 2px #fff;
	background:#0a7f93;
	color:#fff;
	line-height:1;
}
.cda-blog-letter{font:700 .7em/1 'Myriad Pro',sans-serif;text-transform:uppercase}
.author-avatar a .cda-blog-ava{display:inline-flex}
.large-author .cda-blog-ava{
	width:5.35em;
	height:5.35em;
	border:3px solid #e66421;
}
.large-author .cda-blog-letter{font-size:2.4em}

/* Nagłówek sekcji /blogi/ i strony bloga */
.cda-blogs-head{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:1.5em;
	margin:0 0 1.4em;
}
.cda-blogs-head-text{flex:1;min-width:0}
.cda-blogs-head h1{margin-bottom:.25em}
.cda-blogs-desc{
	max-width:760px;
	line-height:1.5;
	color:#bcbcbc;
	font-size:.95em;
}
.cda-blogs-desc p{margin:0 0 .5em}
.lights-on .cda-blogs-desc{color:#444}
.cda-blogs-kicker{
	margin:0 0 .3em;
	font-size:.8em;
	text-transform:uppercase;
	letter-spacing:.05em;
	color:rgba(255,255,255,.64);
}
.cda-blogs-kicker a{color:inherit}
.lights-on .cda-blogs-kicker{color:rgba(15,23,42,.65)}
.cda-blogs-head-cta{flex:none;padding-top:.6em}
.cda-blogs-btn,
a.cda-blogs-btn{
	display:inline-block;
	padding:.8em 1.5em;
	border:solid 1px #f86a22;
	border-radius:6px;
	background:#f86a22;
	color:#fff;
	font:500 .85em/1 'Myriad Pro',sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	white-space:nowrap;
	transition:all .2s ease-in-out;
}
.cda-blogs-btn:hover,
.cda-blogs-btn:focus-visible{
	background:transparent;
	color:#f86a22;
}
.cda-blogs-btn:focus-visible,
.cda-blogs-submit:focus-visible,
.cda-blogs-field input:focus-visible,
.cda-blogs-field textarea:focus-visible{
	outline:2px solid #12b5cb;
	outline-offset:2px;
}
.cda-blogs-empty{padding:2em 0}
@media (max-width:700px){
	.cda-blogs-head{flex-direction:column;gap:.8em}
	.cda-blogs-head-cta{padding-top:0}
}

/* Formularz zakładania bloga */
.cda-blogs-form-wrap{max-width:760px}
.cda-blogs-panel{
	padding:1.2em 1.4em;
	border-radius:8px;
	background:rgba(255,255,255,.05);
	border-left:4px solid #0a7f93;
	line-height:1.55;
}
.lights-on .cda-blogs-panel{background:rgba(0,0,0,.04)}
.cda-blogs-panel p{margin:0 0 .8em}
.cda-blogs-panel p:last-child{margin-bottom:0}
.cda-blogs-link{margin-left:1em}
.cda-blogs-errors{
	margin:0 0 1.4em;
	padding:1em 1.2em;
	border-radius:8px;
	background:rgba(227,0,15,.12);
	border-left:4px solid #e3000f;
}
.cda-blogs-errors ul{margin:.5em 0 0;padding-left:1.4em;list-style:disc}
.cda-blogs-errors li{margin:0 0 .3em}
.cda-blogs-field{margin:0 0 1.5em}
.cda-blogs-field label{display:block;font-weight:700;margin:0 0 .4em}
.cda-blogs-field input[type=text],
.cda-blogs-field textarea{
	display:block;
	width:100%;
	box-sizing:border-box;
	padding:.7em .8em;
	font:inherit;
	font-size:1em;
	color:#111;
	background:#fff;
	border:1px solid #8a8a93;
	border-radius:6px;
}
.cda-blogs-field textarea{min-height:11em;resize:vertical;line-height:1.5}
.cda-blogs-help{margin:.4em 0 0;font-size:.85em;line-height:1.45;color:#bcbcbc}
.lights-on .cda-blogs-help{color:#555}
.cda-blogs-counter{margin:.2em 0 0;font-size:.8em;text-align:right;color:#bcbcbc}
.cda-blogs-counter.is-over{color:#ff6b6b;font-weight:700}
.lights-on .cda-blogs-counter{color:#555}
.cda-blogs-check{display:flex;align-items:flex-start;gap:.7em}
.cda-blogs-field.cda-blogs-check input[type=checkbox]{
	display:inline-block; /* motyw ukrywa wszystkie checkboxy (display:none) */
	flex:none;
	width:1.3em;
	height:1.3em;
	margin:.1em 0 0;
	accent-color:#f86a22;
	cursor:pointer;
}
.cda-blogs-check label{display:block;margin:0;font-weight:400;line-height:1.45}
.cda-blogs-submit{
	padding:.95em 1.9em;
	font-size:.9em;
	background:#f86a22;
	color:#fff;
}
.cda-blogs-submit:hover{background:#fff;color:#f86a22}

/* Wpis blogowy: dyskretne oznaczenia (styl jak .cda-sponsored-label) */
.cda-blog-label{
	display:inline-block;
	font-family:'Myriad Pro Cond',sans-serif;
	font-size:.72em;
	font-weight:400;
	letter-spacing:.04em;
	text-transform:uppercase;
	color:rgba(255,255,255,.64);
	margin-left:.8em;
	white-space:nowrap;
	vertical-align:middle;
}
.cda-blog-label a{color:inherit;text-decoration:underline}
.lights-on .cda-blog-label{color:rgba(15,23,42,.65)}
.cda-blog-disclaimer{
	margin:2em 0 0;
	padding-top:1em;
	border-top:1px solid rgba(255,255,255,.15);
	font-size:.85em;
	font-style:italic;
	color:rgba(255,255,255,.64);
}
.lights-on .cda-blog-disclaimer{border-top-color:rgba(15,23,42,.15);color:rgba(15,23,42,.65)}