/* ==========================================================================
   Smart Business Concept — style responsywne (mobile-first uzupełnienia)
   Podstawowa responsywność realizowana jest klasami Tailwind (md:, lg:, sm:).
   Poniżej dodatkowe reguły dla elementów spoza siatki Tailwind.
   ========================================================================== */

/* Menu mobilne — pozycje listy */
.sbc-mobile-menu li { list-style: none; }
.sbc-mobile-menu a {
	display: block;
	padding: 12px 4px;
	font-size: 15px;
	font-weight: 500;
	color: #344054;
	text-decoration: none;
	border-bottom: 1px solid #F0F2F5;
	transition: color .2s ease;
}
.sbc-mobile-menu a:hover,
.sbc-mobile-menu .current-menu-item > a { color: #1B3A6B; }

/* Menu w stopce */
.sbc-footer-menu li { list-style: none; }
.sbc-footer-menu a {
	display: block;
	color: rgba(255,255,255,.6);
	text-decoration: none;
	transition: color .2s ease;
}
.sbc-footer-menu a:hover { color: #D4AF37; }

/* Formularz wyszukiwania na 404 (kontrast na ciemnym tle) */
.sbc-404-search input[type="search"] { background: #fff; }

/* Kategorie / tagi we wpisie */
.sbc-cat-links a { color: #E6CB7A; text-decoration: none; }
.sbc-cat-links a:hover { text-decoration: underline; }

.sbc-entry-content .tag-links a,
article .tag-links a {
	display: inline-block;
	padding: 6px 14px;
	margin: 0 6px 6px 0;
	background: #F7F8FA;
	border: 1px solid #E3E6EB;
	font-size: 12px;
	color: #1B3A6B;
	text-decoration: none;
}

/* Dostosowania dla bardzo małych ekranów */
@media (max-width: 768px) {
	.sbc-header .sbc-nav-menu { display: none; }
	.sbc-entry-content { font-size: 16px; }
	.sbc-entry-content h2 { font-size: 26px; }
	.sbc-entry-content h3 { font-size: 20px; }
}

/* Zapewnia poprawne wyświetlanie menu desktop od breakpointu md */
@media (min-width: 769px) {
	#sbc-mobile-panel { display: none !important; }
}

/* Komentarze */
.comment-list { list-style: none; padding: 0; }
.comment-list .comment { border-bottom: 1px solid #E3E6EB; padding: 20px 0; }
.comment-respond input[type="text"],
.comment-respond input[type="email"],
.comment-respond input[type="url"],
.comment-respond textarea {
	width: 100%;
	border: 1px solid #D4D9E1;
	padding: 12px 14px;
	margin-top: 6px;
	font-size: 14px;
	outline: none;
}
.comment-respond input:focus,
.comment-respond textarea:focus { border-color: #D4AF37; }
.comment-respond .submit {
	background: #D4AF37;
	color: #102747;
	border: none;
	padding: 14px 28px;
	font-weight: 700;
	cursor: pointer;
	margin-top: 12px;
}