/*
Theme Name: Wydawnictwo Podziemne
Theme URI: https://wydawnictwopodziemne.com
Author: Dorota
Description: Motyw dla Wydawnictwa Podziemnego - trójkolumnowy layout, oparty na oryginalnym 3K2.
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: wydawnictwo-podziemne
*/

/* =============================================
   RESET I PODSTAWY
   ============================================= */

*, *::before, *::after {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

img {
	border: 0;
	max-width: 100%;
	height: auto;
}

body {
	font: 62.5% 'Lucida Grande', Verdana, Arial, sans-serif;
	color: #444;
	background: #EDEDED;
	text-align: center;
	margin: 0;
}

/* =============================================
   STRUKTURA STRONY - 900px wycentrowane
   ============================================= */

#page {
	background: #fff;
	text-align: left;
	margin: 10px auto 0;
	width: 900px;
	border: 1px solid #ddd;
	position: relative;
}

.site-content {
	display: flex;
	align-items: flex-start;
	padding: 10px 0 0;
}

.leftbar {
	font: 1em/1.5em 'Lucida Grande', Verdana, Arial, sans-serif;
	margin: 0 15px 5px 5px;
	width: 190px;
	flex: 0 0 190px;
}

#primary {
	width: 500px;
	flex: 0 0 500px;
	min-width: 0;
	padding: 0;
	margin-top: 0;
	box-sizing: border-box;
}

.secondary {
	font: 1em/1.5em 'Lucida Grande', Verdana, Arial, sans-serif;
	width: 160px;
	flex: 0 0 160px;
	margin: 0 5px 5px 15px;
}

/* Nagłówki widżetów czarne jak w oryginale */
.secondary h2 a,
.secondary h2 a:visited,
.secondary h3 a,
.secondary h3 a:visited,
.leftbar h2 a,
.leftbar h2 a:visited {
	color: #444;
	text-decoration: none;
}

/* =============================================
   NAGŁÓWEK
   ============================================= */

#masthead {
	padding: 0;
	margin: 0;
	position: relative;
	height: 165px;
	background: url('images/bg_top.jpg') no-repeat center center;
	text-align: center;
	border-bottom: 1px solid #bbb;
}

#masthead .site-branding {
	display: block;
	text-align: center;
	padding-top: 10px;
}

#masthead .site-branding img {
	max-height: 130px;
	width: auto;
}

/* English version logo — 20% smaller than Polish */
.lang-en #masthead .site-branding img {
	max-height: 104px;
}

/* English version — adjust header height and logo padding to match original */
.lang-en #masthead {
	height: 140px;
}

.lang-en #masthead .site-branding {
	padding-top: 10px;
}

/* Nav wewnątrz headera */
#site-navigation {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
}

/* =============================================
   MENU GŁÓWNE
   ============================================= */

#site-navigation {
	position: relative;
	height: 32px;
}

#site-navigation,
#site-navigation ul,
#site-navigation ul li,
#site-navigation li,
ul.main-navigation,
ul.main-navigation li,
ul.main-navigation ul,
ul.main-navigation ul li {
	list-style: none !important;
	list-style-type: none !important;
	list-style-image: none !important;
}

ul.main-navigation {
	margin: 0;
	padding: 0;
	position: relative;
	left: 20px;
	width: 90%;
	font-size: 13px;
	display: flex;
	flex-wrap: wrap;
	z-index: 10;
}

ul.main-navigation > li {
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
}

ul.main-navigation li a {
	display: block;
	padding: 5px 10px 6px;
	font: 1em Verdana, Helvetica, Arial, sans-serif;
	color: #333;
	text-decoration: none;
	white-space: nowrap;
	margin: 0;
}

ul.main-navigation li a:hover {
	background: #333;
	color: #eee !important;
	text-decoration: none;
}

ul.main-navigation li.current-menu-item > a,
ul.main-navigation li.current-menu-item > a:hover,
ul.main-navigation li.current-menu-ancestor > a {
	color: #333 !important;
	background: white;
	text-decoration: none;
}

/* Podmenu dropdown */
ul.main-navigation ul,
ul.main-navigation ul.sub-menu {
	list-style: none !important;
	position: absolute;
	top: 100%;
	left: 0;
	display: none;
	background-color: #e7e7e7;
	z-index: 999;
	min-width: 180px;
	margin: 0;
	padding: 0;
}

ul.main-navigation ul li,
ul.main-navigation ul.sub-menu li {
	white-space: nowrap !important;
	padding: 5px 1px;
	list-style: none !important;
	float: none;
	position: relative;
}

ul.main-navigation ul li a,
ul.main-navigation ul.sub-menu li a {
	padding: 4px 12px;
	font-size: 12px;
	display: block;
	color: #333;
}

ul.main-navigation ul li a:hover,
ul.main-navigation ul.sub-menu li a:hover {
	background: #333;
	color: #eee !important;
}

ul.main-navigation li:hover > ul,
ul.main-navigation li:hover > ul.sub-menu {
	display: block;
}

/* Wielokolumnowe podmenu — dla kategorii z wieloma pozycjami (np. Cykle) */
ul.main-navigation li.has-submenu-columns:hover > ul.sub-menu {
	display: block !important;
	column-count: 2 !important;
	column-gap: 0 !important;
	width: 500px !important;
	padding: 4px 0;
}

ul.main-navigation li.has-submenu-columns > ul.sub-menu li {
	width: 100% !important;
	box-sizing: border-box !important;
	white-space: normal !important;
	float: none !important;
	break-inside: avoid !important;
}

ul.main-navigation li.has-submenu-columns > ul.sub-menu li a {
	white-space: normal !important;
	line-height: 1.3em !important;
	padding: 4px 10px !important;
}

/* =============================================
   HAMBURGER MENU (mobile)
   ============================================= */

.menu-toggle {
	display: none;
	background: none;
	border: 1px solid #333;
	padding: 6px 12px;
	cursor: pointer;
	font: 1.2em Verdana, sans-serif;
	margin: 5px;
}

/* =============================================
   SEPARATOR
   ============================================= */

.site-content-separator {
	border: none;
	border-top: 1px solid #ddd;
	margin: 0;
}

/* =============================================
   PĘTLA WPISÓW - LISTA
   ============================================= */

#primary .item {
	margin: 0;
	padding: 0 0 15px;
	position: relative;
	border-bottom: 1px solid #f0f0f0;
}

#primary .item:last-child {
	border-bottom: none;
}

.itemhead {
	margin-top: 10px;
}

/* Kategoria-autor nad tytułem */
.item-author-cat {
	font-size: 1.1em;
	color: #27d;
	margin-bottom: 0;
	margin-top: 0;
	display: block;
	line-height: 1.3em;
}

.item-author-cat a {
	color: #27d;
	text-decoration: none;
}

.item-author-cat a:hover {
	text-decoration: underline;
}

/* Tytuł wpisu */
#primary h1.entry-title {
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 2.2em;
	font-weight: normal;
	letter-spacing: -1px;
	display: block;
	margin-top: 2px;
	margin-bottom: 4px;
	line-height: 1.2em;
}

#primary h1.entry-title a {
	color: #444;
	text-decoration: none;
}

#primary h1.entry-title a:hover {
	text-decoration: underline;
}

/* Meta: komentarze + data + drukowanie */
.entry-meta {
	font-size: 1em;
	display: block;
	margin-top: 2px;
	color: #bbb;
}

.entry-meta .comments-link a {
	color: #777;
	padding-left: 20px;
	background: url('images/comment.png') left center no-repeat;
	margin-right: 10px;
}

.entry-meta .posted-on {
	padding-left: 20px;
	background: url('images/time.png') left center no-repeat;
}

.entry-meta .print-link {
	margin-left: 10px;
	color: #555;
	text-decoration: none;
	cursor: pointer;
	font-size: 1.3em;
	vertical-align: middle;
}

.entry-meta .print-link:hover {
	color: #000;
}

/* Treść wpisu */
#primary .item .itemtext {
	margin: 5px 0 5px;
	padding: 0;
}

div.itemtext p {
	font-family: Verdana, sans-serif !important;
	font-size: 10pt !important;
	line-height: 120% !important;
	color: #000 !important;
	text-align: justify !important;
	margin: 13px 0 !important;
}

div.itemtext {
	font: 1.1em/1.5em Verdana, sans-serif;
	color: #000;
	text-align: justify;
}

#primary .itemtext,
#primary .itemtext p,
#primary .itemtext div {
	text-align: justify;
}

/* Lists inside article content — same font as body text */
#primary .itemtext ol,
#primary .itemtext ul {
	margin: 0.5em 0 0.5em 1.5em;
	padding: 0;
	font: 1.1em/1.5em Verdana, sans-serif;
	color: #000;
	text-align: justify;
}

#primary .itemtext ol li,
#primary .itemtext ul li {
	margin-bottom: 0.3em;
}

/* Override for comment list (no bullets) */
#primary .comment-list,
#primary .comment-list li {
	list-style: none;
	margin-left: 0;
	font: inherit;
}

/* "Czytaj więcej" */
.more-link {
	color: #27d;
	text-decoration: none;
}

.more-link:hover {
	text-decoration: underline;
}

/* "Prześlij znajomemu" */
.send-to-friend {
	display: block;
	margin-top: 10px;
	font-size: 0.9em;
	color: #777;
}

.send-to-friend a {
	color: #777;
}

.send-to-friend a:hover {
	text-decoration: underline;
}

/* =============================================
   PAGINACJA
   ============================================= */

.navigation.posts-navigation,
.nav-links {
	text-align: center;
	margin: 10px 0;
	padding: 0;
	width: 100%;
	font-size: 1.2em;
}

.nav-links a {
	color: #999;
}

.wp-pagenavi {
	text-align: center;
	margin: 15px 0;
	font-size: 1.2em;
}

.wp-pagenavi a,
.wp-pagenavi span {
	padding: 3px 8px;
	margin: 0 2px;
	color: #777;
	text-decoration: none;
}

.wp-pagenavi a:hover {
	text-decoration: underline;
}

.wp-pagenavi span.current {
	font-weight: bold;
	color: #333;
}

/* Numbered pagination — wydawnictwo_pagination() */
.wydawnictwo-pagination {
	text-align: center;
	margin: 15px 0;
	font-size: 1.2em;
	max-width: 100%;
	overflow: hidden;
}

.wydawnictwo-pagination .pagination-info {
	display: block;
	font-size: 0.8em;
	color: #999;
	margin-bottom: 6px;
}

.wydawnictwo-pagination .pagination {
	display: inline;
}

.wydawnictwo-pagination .page-numbers {
	padding: 3px 7px;
	margin: 0 1px;
	color: #777;
	text-decoration: none;
	border: 1px solid #ccc;
	font-size: 0.9em;
}

.wydawnictwo-pagination a.page-numbers:hover {
	background: #f5f5f5;
	text-decoration: none;
}

.wydawnictwo-pagination span.current {
	font-weight: bold;
	color: #333;
	border-color: #888;
	background: #f0f0f0;
}

.wydawnictwo-pagination .page-numbers.dots {
	border: none;
	padding: 5px 2px;
}

/* =============================================
   POJEDYNCZY WPIS
   ============================================= */

/* Navigation prev/next between posts */
.post-navigation {
	display: flex;
	justify-content: space-between;
	padding: 4px 0 8px;
	margin-bottom: 8px;
	font-size: 0.95em;
}

.post-navigation a {
	color: #999;
	text-decoration: none;
}

.post-navigation a:visited {
	color: #999;
}

.post-navigation a:hover {
	color: #27d;
	text-decoration: none;
}

.post-navigation .nav-next {
	text-align: right;
	margin-left: auto;
}

.single #primary .item {
	border-bottom: none;
}

/* =============================================
   KOMENTARZE
   ============================================= */

.comments-area {
	text-align: left;
	padding: 20px 0 0;
	position: relative;
	border-top: 1px solid #ddd;
	margin-top: 10px;
}

.comments-area h2 {
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 1.8em;
	font-weight: normal;
	margin-bottom: 10px;
}

.comment-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.comment-list li {
	padding: 6px 0 6px 0;
	border-bottom: 1px solid #f3f3f3;
	margin-bottom: 6px;
	font-size: 1.2em;
	line-height: 1.3em;
}

.comment-list li .comment-author {
	font-weight: bold;
	color: #333;
	display: block;
	margin-bottom: 2px;
	font-size: 15px;
	letter-spacing: 0;
}

.comment-list li .comment-metadata {
	font-size: 0.9em;
	color: #999;
}

.comment-list li .comment-metadata::before {
	content: '| ';
	color: #ccc;
}

.comment-list li .comment-metadata a {
	color: #999;
	text-decoration: none;
}

.comment-list li .comment-metadata a:visited {
	color: #999;
}

.comment-list li .comment-metadata a:hover {
	color: #666;
	text-decoration: underline;
}

/* Remove comment-header-link styles (no longer used) */
a.comment-header-link,
a.comment-header-link:visited,
a.comment-header-link:hover,
a.comment-header-link .counter,
a.comment-header-link .comment-author,
a.comment-header-link .comment-metadata {
	all: unset;
}

.comment-list li .comment-metadata {
	font-size: 0.9em;
	color: #999;
	margin-left: 5px;
}

.comment-list li .comment-body p {
	margin-top: 10px;
	font-family: Verdana, sans-serif;
	font-size: 10pt;
	line-height: 135%;
	color: #000;
	text-align: justify;
}

/* Lists inside comment body — stay within bounds */
.comment-list li .comment-body ol,
.comment-list li .comment-body ul {
	margin: 5px 0 5px 20px;
	padding: 0;
	font-family: Verdana, sans-serif;
	font-size: 10pt;
	line-height: 140%;
	color: #000;
}

.comment-awaiting-moderation {
	background: #FFF6BF;
	padding: 3px 8px;
	font-size: 0.9em;
}

/* Formularz komentarza */
.comment-respond {
	margin-top: 20px;
	padding-top: 15px;
	border-top: 1px solid #ddd;
}

.comment-respond h3 {
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 1.6em;
	font-weight: normal;
	margin-bottom: 10px;
}

/* Comment form — fields (Imię/Mail/WWW) stacked vertically above textarea */
.comment-form-fields-row {
	margin-bottom: 6px;
}

.comment-form-fields-row p {
	margin: 0 0 4px 0;
	display: flex;
	align-items: center;
	gap: 8px;
}

.comment-form-fields-row input[type="text"],
.comment-form-fields-row input[type="email"],
.comment-form-fields-row input[type="url"] {
	width: 220px;
	padding: 3px 5px;
	border: 1px solid #ccc;
	color: #444;
	font-size: 1.1em;
}

/* Textarea */
.comment-form-comment textarea {
	width: 100%;
	padding: 5px;
	border: 1px solid #ccc;
	color: #444;
	font-family: Verdana, sans-serif;
	font-size: 10pt;
	min-height: 160px;
}

/* Bottom row — submit right, checkboxes below */
.comment-form-bottom {
	margin-top: 5px;
}

.comment-form-bottom .form-submit {
	text-align: right;
	margin: 0 0 6px;
}

.comment-form-bottom .form-submit input[type="submit"] {
	padding: 4px 15px;
	background: #eee;
	border: 1px solid #ccc;
	cursor: pointer;
	font: 1.2em Verdana, sans-serif;
}

.comment-form-bottom .form-submit input[type="submit"]:hover {
	background: #ddd;
}

.comment-form-notify p {
	margin: 3px 0;
	font-size: 1.1em;
}

.comment-form-notify label {
	margin-left: 4px;
	color: #444;
}

/* =============================================
   LEWA KOLUMNA
   ============================================= */

.leftbar h2 {
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 1.5em;
	font-weight: normal;
	padding: 0;
	display: inline;
}

.leftbar div {
	margin: 20px 0 0;
	padding: 0;
}

.leftbar ul {
	list-style: none;
	margin: 5px 0 0;
	padding: 0;
}

.leftbar ul li {
	margin: 0;
	padding: 1px 0;
	font-size: 1em;
	line-height: 1.4em;
}

.leftbar ul li a {
	color: #27d;
}

.leftbar ul li a:hover {
	text-decoration: underline;
}

/* =============================================
   PRZEŁĄCZNIK JĘZYKA
   ============================================= */

.language-switcher ul.qtrans_language_chooser,
.language-switcher ul {
	list-style: none;
	margin: 5px 0 10px;
	padding: 0;
}

.language-switcher ul li {
	margin: 4px 0;
	padding: 0;
}

.language-switcher ul li a.qtranxs_flag {
	display: inline-block;
	padding-left: 24px;
	color: #444;
	text-decoration: none;
	font-size: 1.1em;
	line-height: 16px;
	min-height: 16px;
}

.language-switcher ul li a.qtranxs_flag:hover {
	text-decoration: underline;
}

.language-switcher ul li a.qtranxs_flag span {
	display: inline;
}

/* =============================================
   PRAWA KOLUMNA
   ============================================= */

.secondary h2 {
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 1.5em;
	font-weight: normal;
	padding: 0;
	display: inline;
}

.secondary div {
	margin: 20px 0 0;
	padding: 0;
}

.secondary ul {
	list-style: none;
	margin: 5px 0 0;
	padding: 0;
}

.secondary ul li {
	margin: 0;
	padding: 1px 0;
	font-size: 1.1em;
	line-height: 1.4em;
}

.secondary ul li a {
	color: #444;
}

.secondary ul li a:hover {
	text-decoration: underline;
}

/* Wyszukiwarka */
#searchform {
	margin-top: 5px;
}

#searchinput {
	width: 75%;
	padding: 2px;
	border: 1px solid #ccc;
	color: #444;
	font-size: 1.1em;
}

#searchsubmit {
	padding: 2px 6px;
	font-size: 1.1em;
	cursor: pointer;
}

/* =============================================
   STRONY STATYCZNE
   ============================================= */

.page #primary .itemtext h1 {
	font-size: 1.7em;
	display: block;
	padding: 15px 0 0;
}

/* =============================================
   STOPKA
   ============================================= */

#colophon {
	clear: both;
	text-align: center;
	border-top: 1px solid #ddd;
	padding: 10px 0;
	background: #fff;
}

#colophon img {
	max-width: 100%;
}

/* =============================================
   TYPOGRAFIA OGÓLNA
   ============================================= */

a {
	color: #27d;
	text-decoration: none;
}

a:visited {
	color: #b41;
}

a:hover {
	text-decoration: underline;
}

p {
	margin: 0.5em 0;
}

blockquote {
	margin: 20px 0;
	padding: 0 20px 0 50px;
	color: #333;
	border: none;
}

code {
	font: 1.1em 'Courier New', Courier, monospace;
}

hr {
	display: none;
}

.clear {
	clear: both;
}

/* =============================================
   TYTUŁ ARCHIWUM/KATEGORII
   ============================================= */

.pagetitle {
	text-align: center;
	margin: 15px 0;
}

.pagetitle h2 {
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 2.4em;
	font-weight: bold;
	letter-spacing: -1px;
	text-align: center;
	display: inline;
}

/* =============================================
   WYNIKI WYSZUKIWANIA - "nic nie znaleziono"
   ============================================= */

.no-results {
	padding: 20px 0;
	text-align: center;
	font-size: 1.3em;
}

/* =============================================
   404
   ============================================= */

.error404 #primary {
	padding: 20px 0;
}

/* =============================================
   DRUKOWANIE
   ============================================= */

@media print {
	body {
		background: #fff;
		color: #000;
	}

	#page {
		width: 100%;
		border: none;
	}

	.leftbar,
	.secondary,
	#site-navigation,
	#masthead,
	.comments-area,
	.send-to-friend,
	.print-link,
	.nav-links,
	.wp-pagenavi,
	.wydawnictwo-pagination,
	#colophon {
		display: none !important;
	}

	#primary {
		width: 100%;
		float: none;
	}

	.site-content {
		display: block;
	}

	a[href]:after {
		content: " (" attr(href) ")";
		font-size: 0.8em;
		color: #666;
	}

	div.itemtext p {
		font-size: 11pt;
		line-height: 150%;
	}
}

/* =============================================
   RESPONSYWNOŚĆ
   ============================================= */

@media screen and (max-width: 920px) {
	#page {
		width: 100%;
	}

	.secondary {
		width: 150px;
		flex: 0 0 150px;
	}

	#primary {
		flex: 1 1 auto;
		width: auto;
		min-width: 0;
		max-width: 500px;
	}

	.leftbar {
		width: 170px;
		flex: 0 0 170px;
	}
}

@media screen and (max-width: 768px) {

	/* Reset position na #page żeby menu mogło być nad treścią */
	#page {
		position: static !important;
		width: 100% !important;
	}

	/* Layout jednokolumnowy */
	.site-content {
		flex-direction: column;
	}

	.leftbar,
	#primary,
	.secondary {
		width: 100% !important;
		flex: none !important;
		margin: 0 !important;
		padding: 5px 12px !important;
		box-sizing: border-box;
	}

	/* Kolejność: treść → prawa kolumna (bez lewej — ukryta na mobile) */
	#primary   { order: 1; }
	.secondary { order: 2; border-top: 1px solid #ddd; padding-top: 10px !important; }

	/* Lewa kolumna (najnowsze komentarze) ukryta na mobile — mało przydatna */
	.leftbar { display: none; }

	/* Header — auto height żeby menu odpychało treść */
	#masthead {
		height: auto !important;
		overflow: visible !important;
		padding-bottom: 0 !important;
	}

	#masthead .site-branding {
		padding-top: 8px;
	}

	#masthead .site-branding img {
		max-height: 80px;
	}

	/* Hamburger button */
	.menu-toggle {
		display: block;
		width: 100%;
		text-align: left;
		background: #d0d0d0;
		border: none;
		border-top: 1px solid #bbb;
		padding: 8px 15px;
		font-size: 1em;
		cursor: pointer;
	}

	/* Nav — relative żeby hamburger był w headerze */
	#site-navigation {
		position: relative !important;
		width: 100%;
	}

	/* Menu — fixed overlay nad całą stroną */
	ul.main-navigation {
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		width: 100% !important;
		max-height: 0 !important;
		overflow: hidden !important;
		background: #e7e7e7 !important;
		opacity: 1 !important;
		z-index: 99999 !important;
		flex-direction: column !important;
		margin: 0 !important;
		padding: 0 !important;
		box-shadow: 0 4px 8px rgba(0,0,0,0.3) !important;
	}

	ul.main-navigation.toggled {
		max-height: 80vh !important;
		overflow-y: auto !important;
	}

	ul.main-navigation li {
		float: none !important;
		width: 100% !important;
		position: relative !important;
		white-space: normal !important;
	}

	ul.main-navigation li a {
		display: block !important;
		padding: 9px 15px !important;
		border-bottom: 1px solid #ccc !important;
		color: #222 !important;
		font-size: 13px !important;
		background: transparent !important;
		white-space: normal !important;
	}

	ul.main-navigation li a:hover,
	ul.main-navigation li a:active {
		background: #333 !important;
		color: #fff !important;
	}

	/* Strzałka przy pozycjach z podmenu */
	ul.main-navigation li.has-children > a::after,
	ul.main-navigation li.menu-item-has-children > a::after,
	ul.main-navigation li.has-submenu-columns > a::after {
		content: ' ▸';
		float: right;
		color: #666;
	}

	ul.main-navigation li.submenu-open > a::after {
		content: ' ▾' !important;
	}

	/* Podmenu na mobile — statyczne, wcięte */
	ul.main-navigation ul.sub-menu,
	ul.main-navigation ul {
		position: static !important;
		display: none !important;
		width: 100% !important;
		min-width: 0 !important;
		background: #f0f0f0 !important;
		opacity: 1 !important;
		box-shadow: none !important;
		padding: 0 !important;
		margin: 0 !important;
	}

	ul.main-navigation li.submenu-open > ul.sub-menu,
	ul.main-navigation li.submenu-open > ul {
		display: block !important;
	}

	ul.main-navigation ul li a,
	ul.main-navigation ul.sub-menu li a {
		padding-left: 30px !important;
		font-size: 12px !important;
		border-bottom: 1px solid #ddd !important;
		color: #333 !important;
	}

	/* Wyłącz dwukolumnowe podmenu na mobile */
	ul.main-navigation li.has-submenu-columns > ul.sub-menu li {
		width: 100% !important;
	}

	/* Formularz komentarzy */
	#commentform input[type="text"],
	#commentform input[type="email"],
	#commentform input[type="url"],
	#commentform textarea {
		width: 100%;
		box-sizing: border-box;
	}

	/* Stopka */
	#colophon img {
		max-width: 100%;
		height: auto;
	}
}