/*!
Theme Name: krodart_theme
Theme URI: http://underscores.me/
Author: ignorancik
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: krodart-theme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

krodart_theme is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/* Import Inter font from local files */
@font-face {
    font-family: 'Inter';
    src: url('./font/Inter-VariableFont_opsz,wght.ttf') format('truetype-variations');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('./font/Inter-Italic-VariableFont_opsz,wght.ttf') format('truetype-variations');
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}

/* Specific Inter font weights */
@font-face {
    font-family: 'Inter Light';
    src: url('./font/Inter_24pt-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter Medium';
    src: url('./font/Inter_24pt-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter ExtraBold';
    src: url('./font/Inter_24pt-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Wyrównanie obiektów multimedialnych względem tekstu - tylko w treści */
.entry-content audio,
.entry-content canvas,
.entry-content embed,
.entry-content iframe,
.entry-content img,
.entry-content object,
.entry-content svg,
.entry-content video {
	vertical-align: middle;
}

/* Dodatkowe marginesy dla obrazków w treści */
.entry-content img {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: block;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

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

figure {
	margin: 1em 0;
}

table {
	width: 100%;
}

/* Links
--------------------------------------------- */
a {
	color: #4169e1;
}

a:visited {
	color: #800080;
}

a:hover,
a:focus,
a:active {
	color: #191970;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/* Czcionki Inter */
@font-face {
	font-family: 'Inter';
	src: url('font/Inter-VariableFont_opsz,wght.ttf') format('truetype-variations');
	font-weight: 100 900;
	font-style: normal;
}

@font-face {
	font-family: 'Inter';
	src: url('font/Inter-Italic-VariableFont_opsz,wght.ttf') format('truetype-variations');
	font-weight: 100 900;
	font-style: italic;
}

/* Reset podstawowy */
* {
	box-sizing: border-box;
}

body {
	margin: 0;
	padding: 0;
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
	background-color: #212844;
}

/* Główny kontener strony z tłem */
.site {
	display: flex;
	min-height: 100vh;
	background-image: url('img/background.jpg');
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: center;
}

/* Lewy sidebar z menu */
.left-sidebar {
	width: 300px;
	background-color: #F0E7D4;
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	overflow-y: auto;
	padding: 20px;
	z-index: 1000;
	display: flex;
	flex-direction: column;
}

/* Prawy sidebar z widżetami - teraz jako część contentu */
.right-sidebar {
	width: 100%;
	max-width: 400px;
	margin: 40px auto 0 auto;
	background: transparent;
	padding: 0;
	box-sizing: border-box;
	z-index: 999;
}

/* Style widżetów */
.right-sidebar .widget {
	margin-bottom: 30px;
	background: transparent;
	border-radius: 0;
	overflow: visible;
	max-width: 400px;
}

.right-sidebar .widget-title {
	background: transparent;
	color: #F0E7D4;
	padding: 10px 0;
	margin: 0 0 2px 0;
	font-size: 1.1em;
	font-weight: 600;
	border: none;
}

.right-sidebar .widget-content,
.right-sidebar .widget > *:not(.widget-title) {
	background: #191F38;
	border-top: 2px solid #F0E7D4;
	border-radius: 0;
	padding: 15px 20px;
	color: #ffffff;
	margin: 0;
}

.right-sidebar .widget-content,
.right-sidebar .widget > *:not(.widget-title) {
	padding: 15px 20px;
	color: #ffffff;
}

.right-sidebar .widget ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.right-sidebar .widget li {
	padding: 8px 0;
	border-bottom: 1px solid rgba(240, 231, 212, 0.1);
}

.right-sidebar .widget li:last-child {
	border-bottom: none;
}

.right-sidebar .widget a {
	color: #F0E7D4;
	text-decoration: none;
}

.right-sidebar .widget a:hover {
	color: #F0E5D2;
	text-decoration: underline;
}

/* Dodatkowe sidebary */
.additional-sidebar {
	background: transparent;
	padding: 20px 0;
	margin: 20px 0;
}

.additional-sidebar .widget {
	background: rgba(25, 31, 56, 0.8);
	border-radius: 8px;
	padding: 20px;
	margin-bottom: 20px;
	border-top: 2px solid #F0E7D4;
}

.additional-sidebar .widget-title {
	color: #F0E5D2;
	background: #191F38;
	margin: -20px -20px 15px -20px;
	padding: 15px 20px;
	border-radius: 8px 8px 0 0;
	border-top: 2px solid #F0E7D4;
	font-size: 18px;
	font-weight: bold;
}

.additional-sidebar .widget p,
.additional-sidebar .widget li,
.additional-sidebar .widget span {
	color: #ffffff;
	line-height: 1.6;
}

.additional-sidebar .widget a {
	color: #F0E7D4;
	text-decoration: none;
}

.additional-sidebar .widget a:hover {
	color: #ffffff;
	text-decoration: underline;
}

/* Shortcode sidebary */
.shortcode-sidebar {
	background: transparent;
	padding: 20px;
	margin: 20px 0;
	border-radius: 8px;
}

.shortcode-sidebar .widget {
	background: rgba(25, 31, 56, 0.8);
	border-radius: 8px;
	padding: 20px;
	margin-bottom: 20px;
	border-top: 2px solid #F0E7D4;
}

.shortcode-sidebar .widget-title {
	color: #F0E5D2;
	background: #191F38;
	margin: -20px -20px 15px -20px;
	padding: 15px 20px;
	border-radius: 8px 8px 0 0;
	border-top: 2px solid #F0E7D4;
	font-size: 18px;
	font-weight: bold;
}

.shortcode-sidebar .widget p,
.shortcode-sidebar .widget li,
.shortcode-sidebar .widget span {
	color: #ffffff;
	line-height: 1.6;
}

.shortcode-sidebar .widget a {
	color: #F0E7D4;
	text-decoration: none;
}

.shortcode-sidebar .widget a:hover {
	color: #ffffff;
	text-decoration: underline;
}

/* Główna zawartość strony */
.site-content {
	margin-left: 310px; /* Zmniejszone z 320px do 310px */
	margin-right: 10px; /* Zmniejszone z 20px do 10px */
	background: transparent;
	width: 100%;
	min-height: 100vh;
	color: #ffffff;
	padding-top: 40px; /* Stała wartość */
	position: relative;
	box-sizing: border-box;
}

/* Sekcje sidebarów */
.sidebar-section {
	margin-bottom: 30px;
	background: transparent;
}

.sidebar-section .widget {
	margin-bottom: 30px; /* Stały margines */
	background: transparent;
	border-radius: 0;
	overflow: visible;
	max-width: 400px; /* Stały rozmiar */
}

.sidebar-section .widget-title {
	background: transparent;
	color: #F0E7D4;
	padding: 0;
	margin: 0;
	font-size: 1.1em;
	font-weight: 600;
	border: none;
}

.sidebar-section .widget-content,
.sidebar-section .widget > *:not(.widget-title) {
	background: #191F38;
	border-top: 2px solid #F0E7D4;
	border-radius: 0;
	padding: 15px 20px; /* Stały padding */
	color: #ffffff;
	margin: 0;
}

.sidebar-section .widget ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.sidebar-section .widget li {
	padding: 8px 0;
	border-bottom: 1px solid rgba(240, 231, 212, 0.1);
}

.sidebar-section .widget li:last-child {
	border-bottom: none;
}

.sidebar-section .widget a {
	color: #F0E7D4;
	text-decoration: none;
}

.sidebar-section .widget a:hover {
	color: #F0E5D2;
	text-decoration: underline;
}

/* Informacja nawigacyjna */
/* Breadcrumb - dwa osobne elementy w jednej linii */
.breadcrumb-info {
	position: relative;
	top: 0;
	left: 0;
	width: 87%; /* Dopasowane do content-area */
	color: #F0E7D4;
	font-size: 14px;
	font-weight: extrabold;
	padding: 10px 0;
	display: flex;
	align-items: center;
	gap: 8px;
    margin: 0 auto 10px auto; /* Wyśrodkowanie i odstęp od dołu */
	box-sizing: border-box;
}

/* Breadcrumb text - zawsze przy lewej krawędzi */
.breadcrumb-text {
	display: flex;
	align-items: center;
	gap: 8px;
	padding-left: 20px; /* Bez padding - zawsze przy lewej krawędzi */
}

.breadcrumb-text::before {
	content: '';
	width: 16px;
	height: 16px;
	background-image: url('img/icon1.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

/* Sekcja wyróżnionych wpisów */
.featured-posts {
	margin-bottom: 40px; /* Stały margines */
}

.featured-posts-grid {
    display: flex;
    gap: 30px; /* Stały gap */
    justify-content: space-between;
}

.featured-post {
    flex: 1;
    max-width: 420px; /* Zwiększone z 350px do 420px */
}

/* Gdy jest tylko jeden wyróżniony post — zajmij całą szerokość */
.featured-posts-grid .featured-post:only-child {
    max-width: none;
    width: 100%;
}

.featured-posts-grid .featured-post:only-child .featured-post-link,
.featured-posts-grid .featured-post:only-child .featured-post-image {
    width: 100%;
}

.featured-post-link {
	display: block;
	text-decoration: none;
	color: inherit;
}

.featured-post-image {
	position: relative;
	width: 100%;
	height: 500px; /* Stała wysokość */
	overflow: hidden;
	border-radius: 8px;
}

.featured-post-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	image-rendering: optimize-quality;
	-ms-interpolation-mode: bicubic;
}

.featured-post-link:hover .featured-post-image img {
	transform: scale(1.05);
}

.no-image-placeholder {
	width: 100%;
	height: 100%;
	background: #333;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #666;
}

.featured-post-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(33, 40, 68, 0.75);
	padding: 20px; /* Stały padding */
	transition: background 0.3s ease;
}

.featured-post-link:hover .featured-post-overlay {
	background: rgba(33, 40, 68, 0.9);
}

.featured-post-title {
	color: #F0E7D4;
	font-size: 18px; /* Stały rozmiar */
	font-weight: 600;
	margin: 0;
	line-height: 1.4;
}

/* Sekcja Blog */
.blog-section {
	margin-top: 40px; /* Stały margines */
}

.blog-header {
	display: flex;
	align-items: center;
	gap: 15px; /* Stały gap */
	margin-bottom: 30px; /* Stały margines */
}

.blog-title-line {
	width: 50px; /* Stała szerokość */
	height: 2px;
	background: #F0E7D4;
}

.blog-title {
	color: #F0E7D4;
	font-family: 'Inter', sans-serif;
	font-weight: 800;
	font-size: 28px; /* Stały rozmiar */
	margin: 0;
}

.blog-posts {
	display: flex;
	flex-direction: column;
	gap: 30px; /* Stały gap */
}

.blog-post {
	display: flex;
	gap: 20px; /* Stały gap */
	align-items: center;
	padding: 15px; /* Stały padding */
	border-radius: 8px;
	border: 1px solid transparent;
	transition: all 0.3s ease;
	cursor: pointer;
}

.blog-post:hover {
	background-color: #1a1f35bf;
	border: 1px solid #F0E7D4;
}

.blog-post-image {
	flex-shrink: 0;
	width: 300px; /* Stała szerokość */
	height: 200px; /* Stała wysokość */
	overflow: hidden;
	border-radius: 8px;
}

.blog-post-image a {
	display: block;
	width: 100%;
	height: 100%;
}

.blog-post-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	image-rendering: optimize-quality;
	-ms-interpolation-mode: bicubic;
}

.no-image-placeholder-blog {
	width: 100%;
	height: 100%;
	background: #333;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #666;
}

.blog-post-content {
	flex: 1;
	padding-left: 20px; /* Stały padding */
	height: 100px; /* Stała wysokość */
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.blog-post-title {
	margin: 0 0 3px 0;
}

.blog-post-title a {
	color: #F0E7D4;
	font-family: 'Inter', sans-serif;
	font-weight: 800;
	font-size: 24px; /* Stały rozmiar */
	text-decoration: none;
	transition: color 0.3s ease;
}

.blog-post-title a:hover {
	color: #F0E5D2;
}

.blog-post-excerpt {
	color: #F0E7D4;
	font-family: 'Inter', sans-serif;
	font-weight: 400;
	font-size: 16px; /* Stały rozmiar */
	line-height: 1.2;
	margin-bottom: 6px;
}

.blog-post-separator {
	width: 150px; /* Stała szerokość */
	height: 0;
	border-top: 1px solid #F0E7D4;
	margin: 4px 0 6px 0;
	display: block;
	clear: both;
}

.blog-post-meta {
	display: flex;
	gap: 10px;
	align-items: center;
	margin-top: 2px;
}

.blog-post-date,
.blog-post-author,
.blog-post-separator-meta {
	color: #EE385E;
	font-family: 'Inter', sans-serif;
	font-weight: 400;
	font-size: 12px;
}

/* Główna treść - wyśrodkowana z responsywnymi odstępami */
.content-area {
	background: transparent;
	width: 87%; /* Zwiększone z 85% do 87% */
	margin: 0 auto;
	box-sizing: border-box;
	display: flex;
	padding: 0 20px 20px 20px; /* Dodany padding po bokach */
	gap: 50px; /* Zmniejszone z 60px do 50px */
	align-items: flex-start;
}

/* Prawy sidebar - teraz jako część contentu */
.widget-area {
	width: 100%;
	max-width: 400px; /* Stały rozmiar */
	margin: 0 auto 0 auto;
	background: transparent;
}

/* Główna treść */
.site-main {
	flex: 2;
	background: transparent; /* Usunięte tło */
	color: #ffffff;
}

/* Sidebar z widgetami */
.widget-area {
	flex: 1;
	background: transparent; /* Usunięte tło */
	padding: 0; /* Usunięty padding żeby pierwszy widżet zaczynał się na równi */
	border-radius: 8px;
	margin-top: 0; /* Wyrównanie z wyróżnionymi postami */
}

/* Pierwszy widżet zaczyna się na równi z wyróżnionymi postami */
.widget-area .sidebar-section:first-child {
	margin-top: 0;
	padding-top: 0;
}

/* Footer - ukryty */
.site-footer {
	display: none; /* Ukryty footer */
}

/* Footer widżety */
.footer-widgets {
	background: transparent;
	padding: 40px 0 20px 0;
	margin-left: 400px; /* 300px sidebar + 100px odstęp */
	margin-right: 500px; /* 100px odstęp + 300px sidebar + 100px od prawej */
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-widget-area {
	display: flex;
	gap: 40px;
	justify-content: space-between;
}

.footer-widget-column {
	flex: 1;
	min-width: 0;
}

.footer-widget-column .widget {
	background: rgba(25, 31, 56, 0.8);
	border-radius: 8px;
	padding: 20px;
	margin-bottom: 20px;
	border-top: 2px solid #F0E7D4;
}

.footer-widget-column .widget-title {
	color: #F0E5D2;
	background: transparent; /* Usunięte tło */
	margin: -20px -20px 15px -20px;
	padding: 15px 20px;
	border-radius: 8px 8px 0 0;
	border-top: 2px solid #F0E7D4;
	font-size: 16px;
	font-weight: bold;
}

.footer-widget-column .widget p,
.footer-widget-column .widget li,
.footer-widget-column .widget span {
	color: #ffffff;
	line-height: 1.6;
}

.footer-widget-column .widget a {
	color: #F0E7D4;
	text-decoration: none;
}

.footer-widget-column .widget a:hover {
	color: #ffffff;
	text-decoration: underline;
}

/* Branding w sidebarze */
.left-sidebar .site-branding {
	margin-bottom: 30px;
	margin-top: 15px; /* Dodany górny margines żeby nie najeżdżał pasek WordPress */
	text-align: center;
	flex-shrink: 0;
}

/* Logo ograniczenie do 150x150px */
.left-sidebar .custom-logo,
.left-sidebar .site-branding img {
	max-width: 150px;
	max-height: 150px;
	width: auto;
	height: auto;
	object-fit: contain;
}

.left-sidebar .site-title a {
	color: #212844;
	text-decoration: none;
	font-size: 1.5em;
	font-weight: 600;
}

.left-sidebar .site-description {
	color: #666;
	font-size: 0.9em;
	margin-top: 5px;
}

/* Nawigacja - flex-grow aby zajmowała dostępne miejsce */
.left-sidebar .main-navigation {
	flex-grow: 1;
	margin-bottom: 20px;
}

/* Ikona Facebook w sidebarze */
.sidebar-social {
	text-align: center;
	margin: 15px 0;
	padding: 10px 0;
}

.sidebar-facebook-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	color: #212844;
	text-decoration: none;
	transition: color 0.3s ease, transform 0.2s ease;
	border-radius: 50%;
	background: rgba(33, 40, 68, 0.1);
}

.sidebar-facebook-icon:hover {
	color: #1F2640;
	transform: scale(1.1);
	background: rgba(33, 40, 68, 0.2);
}

.sidebar-facebook-icon svg {
	width: 20px;
	height: 20px;
	fill: currentColor;
}

.sidebar-youtube-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	color: #212844;
	text-decoration: none;
	transition: color 0.3s ease, transform 0.2s ease;
	border-radius: 50%;
	background: rgba(33, 40, 68, 0.1);
	margin-left: 8px;
}

.sidebar-youtube-icon:hover {
	color: #1F2640;
	transform: scale(1.1);
	background: rgba(33, 40, 68, 0.2);
}

.sidebar-youtube-icon svg {
	width: 20px;
	height: 20px;
	fill: currentColor;
}

/* Stopka w menu */
.sidebar-footer {
	border-top: 1px solid #212844;
	padding-top: 10px;
	margin: auto 20px 0 20px;
	text-align: center;
	flex-shrink: 0;
}

.sidebar-footer-content {
	color: #1F2640;
	font-family: 'Inter Light', sans-serif;
	font-size: 12px;
	line-height: 1.4;
}

.sidebar-footer-content p {
	margin: 0 0 10px 0;
}

.sidebar-footer-content a {
	color: #212844;
	text-decoration: none;
}

.sidebar-footer-content a:hover {
	text-decoration: underline;
}

/*--------------------------------------------------------------
# SYSTEM RESPONSYWNOŚCI - PŁYNNE SKALOWANIE JAK ZOOM W PRZEGLĄDARCE
--------------------------------------------------------------*/

/* STANDARDOWA WIELKOŚĆ: 1600px i więcej - bez zmian */

/* PŁYNNE SKALOWANIE: 1600px do 1200px - co piksel jak zoom w przeglądarce */
@media (max-width: 1600px) {
	/* Lewy sidebar - zmniejszanie szerokości */
	.left-sidebar {
		width: clamp(250px, calc(300px - (1600px - 100vw) * 0.125), 300px);
	}
	
	/* Główna treść - dostosowanie marginesów */
	.site-content {
		margin-left: clamp(260px, calc(310px - (1600px - 100vw) * 0.125), 310px);
		margin-right: clamp(5px, calc(10px - (1600px - 100vw) * 0.0125), 10px);
	}
	
	/* Content area - zmniejszanie szerokości i gap */
	.content-area {
		width: clamp(80%, calc(87% - (1600px - 100vw) * 0.0175), 87%);
		gap: clamp(30px, calc(50px - (1600px - 100vw) * 0.05), 50px);
		padding: clamp(15px, calc(20px - (1600px - 100vw) * 0.0125), 20px) clamp(15px, calc(20px - (1600px - 100vw) * 0.0125), 20px) clamp(15px, calc(20px - (1600px - 100vw) * 0.0125), 20px) clamp(15px, calc(20px - (1600px - 100vw) * 0.0125), 20px);
	}
	
	/* Breadcrumb info */
	.breadcrumb-info {
		width: clamp(80%, calc(87% - (1600px - 100vw) * 0.0175), 87%);
		padding: clamp(8px, calc(10px - (1600px - 100vw) * 0.005), 10px) 0;
		margin: 0 auto clamp(15px, calc(20px - (1600px - 100vw) * 0.0125), 20px) auto;
		gap: clamp(6px, calc(8px - (1600px - 100vw) * 0.005), 8px);
		font-size: clamp(12px, calc(14px - (1600px - 100vw) * 0.005), 14px);
	}
	
	/* Widget area */
	.widget-area {
		max-width: clamp(420px, calc(400px - (1600px - 100vw) * 0.25), 400px);
	}
	
	/* Featured posts */
	.featured-posts {
		margin-bottom: clamp(30px, calc(40px - (1600px - 100vw) * 0.025), 40px);
	}
	
	.featured-posts-grid {
		gap: clamp(20px, calc(30px - (1600px - 100vw) * 0.025), 30px);
	}
	
	.featured-post {
		max-width: clamp(360px, calc(420px - (1600px - 100vw) * 0.25), 420px);
	}
	
	.featured-post-image {
		height: clamp(400px, calc(500px - (1600px - 100vw) * 0.25), 500px);
	}
	
	.featured-post-overlay {
		padding: clamp(15px, calc(20px - (1600px - 100vw) * 0.0125), 20px);
	}
	
	/* Blog section */
	.blog-section {
		margin-bottom: clamp(30px, calc(40px - (1600px - 100vw) * 0.025), 40px);
	}
	
	.blog-post-image {
		width: clamp(240px, calc(300px - (1600px - 100vw) * 0.15), 300px);
		height: clamp(160px, calc(200px - (1600px - 100vw) * 0.1), 200px);
	}
	
	/* Post thumbnail scaling */
	.post-thumbnail {
		max-height: clamp(350px, calc(450px - (1600px - 100vw) * 0.2), 450px);
		margin: 0 0 clamp(15px, calc(20px - (1600px - 100vw) * 0.0125), 20px) 0;
	}
	
	.post-thumbnail img {
		max-height: clamp(350px, calc(450px - (1600px - 100vw) * 0.2), 450px);
	}
	
	/* Sidebar sections */
	.sidebar-section {
		margin-bottom: clamp(25px, calc(30px - (1600px - 100vw) * 0.0125), 30px);
	}
	
	.sidebar-section .widget {
		margin-bottom: clamp(25px, calc(30px - (1600px - 100vw) * 0.0125), 30px);
		max-width: clamp(420px, calc(400px - (1600px - 100vw) * 0.25), 400px);
	}
	
	.sidebar-section .widget-content,
	.sidebar-section .widget > *:not(.widget-title) {
		padding: clamp(12px, calc(15px - (1600px - 100vw) * 0.0075), 15px) clamp(16px, calc(20px - (1600px - 100vw) * 0.01), 20px);
	}
	
	.sidebar-section .widget li {
		padding: clamp(6px, calc(8px - (1600px - 100vw) * 0.005), 8px) 0;
	}
	
	/* Typography scaling */
	.site-title a {
		font-size: clamp(20px, calc(24px - (1600px - 100vw) * 0.01), 24px);
	}
	
	.site-description {
		font-size: clamp(12px, calc(14px - (1600px - 100vw) * 0.005), 14px);
	}
	
	.main-navigation a {
		font-size: clamp(14px, calc(16px - (1600px - 100vw) * 0.005), 16px);
		padding: clamp(8px, calc(10px - (1600px - 100vw) * 0.005), 10px) clamp(12px, calc(15px - (1600px - 100vw) * 0.0075), 15px);
	}
	
	.featured-post-title {
		font-size: clamp(16px, calc(20px - (1600px - 100vw) * 0.01), 20px);
	}
	
	.blog-title {
		font-size: clamp(24px, calc(32px - (1600px - 100vw) * 0.02), 32px);
	}
	
	.blog-post-title a {
		font-size: clamp(18px, calc(24px - (1600px - 100vw) * 0.015), 24px);
	}
	
	.widget-title {
		font-size: clamp(16px, calc(20px - (1600px - 100vw) * 0.01), 20px);
	}
	
	.entry-title {
		font-size: clamp(24px, calc(32px - (1600px - 100vw) * 0.02), 32px);
	}
	
	.entry-content {
		font-size: clamp(14px, calc(16px - (1600px - 100vw) * 0.005), 16px);
		line-height: clamp(1.5, calc(1.6 - (1600px - 100vw) * 0.00025), 1.6);
	}
	
	/* Blog pagination */
	.blog-pagination {
		margin: clamp(30px, calc(40px - (1600px - 100vw) * 0.025), 40px) 0;
		padding: clamp(15px, calc(20px - (1600px - 100vw) * 0.0125), 20px) 0;
		gap: clamp(8px, calc(10px - (1600px - 100vw) * 0.005), 10px);
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	
	.blog-pagination a,
	.blog-pagination span {
		padding: clamp(8px, calc(10px - (1600px - 100vw) * 0.005), 10px) clamp(12px, calc(15px - (1600px - 100vw) * 0.0075), 15px);
		font-size: clamp(14px, calc(16px - (1600px - 100vw) * 0.005), 16px);
	}
	
	.blog-pagination .page-numbers.dots {
		background: none;
		border: none;
		color: #8a9ba8;
		cursor: default;
	}
	
	.blog-pagination .page-numbers.dots:hover {
		background: none;
		transform: none;
	}
	
	/* Slide menu scaling */
	.slide-menu {
		width: clamp(280px, calc(320px - (1600px - 100vw) * 0.1), 320px);
	}
	
	.slide-menu .sidebar-footer-content {
		padding: clamp(15px, calc(20px - (1600px - 100vw) * 0.0125), 20px);
	}
	
	.slide-menu .sidebar-footer-content p {
		font-size: clamp(12px, calc(14px - (1600px - 100vw) * 0.005), 14px);
		margin: 0 0 clamp(8px, calc(10px - (1600px - 100vw) * 0.005), 10px) 0;
	}
	
	.slide-menu .sidebar-footer-content a {
		font-size: clamp(12px, calc(14px - (1600px - 100vw) * 0.005), 14px);
	}
	
	/* Sidebar toggle: nie przesuwaj przycisku przy aktywacji */
	.sidebar-toggle.active {
		right: 20px;
	}
}

/* UKRYWANIE MENU I SIDEBARA: poniżej 1200px */
@media (max-width: 1200px) {
	/* Pokazywanie hamburger menu */
	.hamburger-menu {
		display: flex;
	}
	
	/* Ukrywanie lewego menu i prawego sidebara */
	.left-sidebar {
		display: none;
	}
	
	.right-sidebar {
		display: none;
	}
	
	/* Widget-area jako slide-sidebar na małych ekranach */
	.widget-area {
		position: fixed;
		top: 0;
		right: -360px;
		width: 360px;
		height: 100vh;
		background-color: #212844;
		background-repeat: repeat;
		background-attachment: fixed;
		background-position: center;
		z-index: 9999;
		transition: right 0.3s ease;
		padding: 20px;
		overflow-y: auto;
		display: flex !important;
		flex-direction: column;
	}
	
	/* Gdy sidebar jest aktywny */
	.widget-area.active {
		right: 0;
	}
	
	/* Style dla widgetów w widget-area na małych ekranach */
	.widget-area .widget {
		margin-bottom: 30px;
		background: transparent;
		border-radius: 0;
		overflow: visible;
		max-width: 350px;
	}

	.widget-area .widget-title {
		background: transparent;
		color: #F0E7D4;
		padding: 10px 0;
		margin: 0 0 2px 0;
		font-size: 1.1em;
		font-weight: 600;
		border: none;
	}

	.widget-area .widget-content,
	.widget-area .widget > *:not(.widget-title) {
		background: #191F38;
		border-top: 2px solid #F0E7D4;
		border-radius: 0;
		padding: 15px 20px;
		color: #ffffff;
		margin: 0;
	}

	.widget-area .widget ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}

	.widget-area .widget li {
		padding: 8px 0;
		border-bottom: 1px solid rgba(240, 231, 212, 0.1);
	}

	.widget-area .widget li:last-child {
		border-bottom: none;
	}

	.widget-area .widget a {
		color: #F0E7D4;
		text-decoration: none;
	}

	.widget-area .widget a:hover {
		color: #F0E5D2;
		text-decoration: underline;
	}
	
	/* Dostosowanie głównej treści - zajmuje całą szerokość */
	.site-content {
		margin-left: 0;
		margin-right: 0;
		padding: 20px;
		width: 100%;
		max-width: none;
	}
	
	.content-area {
		width: 100%;
		max-width: none;
		margin: 0;
		padding: 0;
		gap: 30px;
	}

	/* Wyróżnione posty: pokazuj tylko jeden */
	.featured-posts-grid .featured-post:nth-child(n+2) {
		display: none;
	}

	/* Miniatura bloga: przywrócona i zmniejszona o połowę na mobilu/<1200px */
	.blog-post-image {
		display: block;
		width: 150px;
		height: 100px;
	}

	/* Zmniejszone fonty o połowę przy miniaturze */
	.blog-post-title a {
		font-size: 12px;
	}

	.blog-post-excerpt {
		font-size: 8px;
		line-height: 1.2;
	}

	.blog-post-date,
	.blog-post-author,
	.blog-post-separator-meta {
		font-size: 6px;
	}

	/* Blog: siatka miniaturek + tytuł pod miniaturą */
	.blog-posts {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 16px;
	}

	.blog-post {
		display: flex;
		flex-direction: column;
		gap: 8px;
		align-items: stretch;
		padding: 0;
		border: none;
	}

	.blog-post-image {
		width: 100%;
		height: auto;
		aspect-ratio: 3 / 2;
		border-radius: 8px;
		overflow: hidden;
	}

	.blog-post-image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.blog-post-content {
		padding-left: 0;
		height: auto;
		display: block;
	}

	.blog-post-excerpt,
	.blog-post-meta,
	.blog-post-separator {
		display: none;
	}

	.blog-post-title {
		margin: 0;
	}

	.blog-post-title a {
		display: block;
		text-align: center;
		font-size: 14px;
	}
	
	.site-main {
		width: 100%;
		max-width: none;
		margin: 0;
		padding: 0;
	}
	
	/* Breadcrumb na małych ekranach */
    .breadcrumb-info {
        width: 100%;
        margin: 0 0 10px 0;
        padding: 10px 0;
    }
	
	/* Hamburger menu dla głównej nawigacji */
	.menu-toggle {
		display: block;
	}
	
	.main-navigation ul {
		display: none;
	}
	
	.main-navigation.toggled ul {
		display: block;
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		background: #191F38;
		z-index: 999;
		border-top: 2px solid #F0E7D4;
	}
	
	.main-navigation.toggled ul .sub-menu {
		display: none !important;
	}
	
	.main-navigation.toggled ul li {
		width: 100%;
		border-bottom: 1px solid rgba(240, 231, 212, 0.1);
	}
	
	.main-navigation.toggled ul a {
		display: block;
		padding: 15px 20px;
		width: 100%;
		box-sizing: border-box;
	}

	/* Paginacja: kontener 100% szerokości i wyśrodkowana grupa */
	.blog-pagination {
		width: 100%;
		display: block;
		text-align: center;
		padding: 0;
		grid-column: 1 / -1; /* rozciągnij na całą szerokość siatki */
	}

	/* Elementy paginacji: w jednym rzędzie, auto szerokość */
	.blog-pagination .page-numbers {
		display: inline-block;
		width: auto;
		max-width: none;
		margin: 6px 5px;
		text-align: center;
	}
	
	/* Hamburger menu dla sidebara - pokazywane od 1200px w dół */
	.sidebar-toggle {
		display: block;
	}
}

/* Hamburger menu dla sidebara */
.sidebar-toggle {
	display: flex;
	position: fixed;
	top: 80px; /* Ta sama wysokość co hamburger-menu */
	right: 20px;
	z-index: 10000;
	background-color: #f0e7d4;
	color: #212844;
	border: none;
	padding: 12px;
	border-radius: 5px;
	cursor: pointer;
	width: 50px;
	height: 50px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 4px;
	transition: all 0.3s ease;
}

.sidebar-toggle:hover {
	transform: scale(1.1);
}

.sidebar-toggle img {
	width: 32px;
	height: 32px;
	transform: rotate(225deg); /* Odwrócenie w lewą stronę */
	transition: all 0.3s ease;
}

.sidebar-toggle.active {
	right: 20px; /* nie przesuwaj przycisku w lewo po aktywacji */
}

.sidebar-toggle.active img {
	transform: rotate(45deg); /* Powrót do normalnej pozycji - grot w prawą stronę */
}

/* Ogólne ustawienia jakości obrazków */
img {
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	image-rendering: optimize-quality;
	-ms-interpolation-mode: bicubic;
	max-width: 100%;
	height: auto;
}

/* Wyłącz rozmycie obrazków podczas ładowania */
img[loading] {
	image-rendering: auto;
}

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.main-navigation {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: #212844 rgba(33, 40, 68, 0.1);
}

.main-navigation::-webkit-scrollbar {
    width: 8px;
}
.main-navigation::-webkit-scrollbar-track {
    background: rgba(33, 40, 68, 0.1);
    border-radius: 6px;
}
.main-navigation::-webkit-scrollbar-thumb {
    background-color: #212844;
    border-radius: 6px;
    border: 2px solid #F0E7D4;
}

.main-navigation ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

.main-navigation li {
	margin-bottom: 8px;
}

.main-navigation a {
    display: block;
    text-decoration: none;
    color: #72727A;
    font-family: 'Inter Medium', sans-serif;
    padding: 10px 15px 10px 45px;
    border-radius: 5px;
    transition: all 0.3s ease;
    background-image: url('img/icon3.png');
    background-repeat: no-repeat;
    background-position: 15px center;
    background-size: 20px 20px;
    position: relative;
    border: 1px solid transparent;
}

/* Panel podmenu: nagłówek i kontener */
.main-navigation .submenu-header {
    display: none;
    background: #F0E7D4;
    border: 1px solid #212844;
    color: #212844;
    cursor: pointer;
    font-size: 13px;
    padding: 10px 15px;
    border-radius: 4px;
    line-height: 1.2;
    transition: all 0.3s ease;
    width: 100%;
    text-align: left;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    margin: 0;
    box-shadow: 0 1px 3px rgba(33, 40, 68, 0.2);
}

.main-navigation .submenu-header::before {
    content: "< ";
    font-size: 13px;
    font-weight: bold;
    margin-right: 5px;
}

.main-navigation .submenu-header:hover {
    background-color: rgba(33, 40, 66, 0.1);
    border: 1px solid #212842;
}

.main-navigation .submenu-header:active {
    background-color: rgba(33, 40, 66, 0.2);
}

.main-navigation.submenu-open .submenu-header {
    display: block;
}



.main-navigation .submenu-title {
    color: #212844;
    font-family: 'Inter ExtraBold', sans-serif;
    font-weight: bold;
    font-size: 13px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
}

.main-navigation .submenu-panel {
    display: none;
    overflow-y: auto;
    position: absolute;
    top: 52px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    transform: translateX(0);
    background: #F0E7D4;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: #212844 rgba(33, 40, 68, 0.1);
}

.main-navigation .submenu-panel::-webkit-scrollbar {
    width: 8px;
}
.main-navigation .submenu-panel::-webkit-scrollbar-track {
    background: rgba(33, 40, 68, 0.1);
    border-radius: 6px;
}
.main-navigation .submenu-panel::-webkit-scrollbar-thumb {
    background-color: #212844;
    border-radius: 6px;
    border: 2px solid #F0E7D4;
}

.main-navigation.submenu-open .submenu-header {
    display: block;
}

.main-navigation.submenu-open .submenu-title {
}

.main-navigation.submenu-open .submenu-panel {
    display: block;
}

/* Schowanie/przesunięcie głównego menu przy aktywnym podmenu */
.main-navigation .nav-menu {
    transform: translateX(0);
}

.main-navigation.submenu-open .nav-menu {
    transform: translateX(-100%);
    opacity: 0;
    pointer-events: none;
}

.main-navigation.submenu-open .submenu-panel ul {
    list-style: none;
    margin: 0;
    padding: 0 0 0 0;
}

.main-navigation.submenu-open .submenu-panel a {
    display: block;
    text-decoration: none;
    color: #72727A;
    font-family: 'Inter Medium', sans-serif;
    padding: 10px 15px 10px 45px;
    border-radius: 5px;
    transition: all 0.3s ease;
    background-image: url('img/icon3.png');
    background-repeat: no-repeat;
    background-position: 15px center;
    background-size: 20px 20px;
    position: relative;
    border: 1px solid transparent;
}

.main-navigation.submenu-open .submenu-panel a:hover,
.main-navigation.submenu-open .submenu-panel a:focus {
    background-color: rgba(33, 40, 66, 0.1);
    color: #212842;
    font-family: 'Inter ExtraBold', sans-serif;
    border: 1px solid #212842;
    background-image: url('img/icon2.png');
}

/* STRZAŁKI dla każdego li który ma klasę WordPress */
.main-navigation.submenu-open .submenu-panel li > a {
    position: relative;
}

.main-navigation.submenu-open .submenu-panel .menu-item-has-children > a {
    padding-right: 35px;
}

.main-navigation.submenu-open .submenu-panel .menu-item-has-children > a::after {
    content: '›';
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #72727A;
    font-size: 16px;
}

.main-navigation.submenu-open .submenu-panel .menu-item-has-children > a:hover::after {
    color: #212842;
}

/* Aktywne pozycje w panelu podmenu - wszystkie poziomy */
.main-navigation.submenu-open .submenu-panel .current-menu-item > a,
.main-navigation.submenu-open .submenu-panel .current_page_item > a {
    background-color: #212844;
    color: #F0E7D4;
    font-family: 'Inter ExtraBold', sans-serif;
    background-image: url('img/icon1.png');
    border: 1px solid #212844;
}

.main-navigation a:hover,
.main-navigation a:focus {
    background-color: rgba(33, 40, 66, 0.1);
    color: #212842;
    font-family: 'Inter ExtraBold', sans-serif;
    border: 1px solid #212842;
    background-image: url('img/icon2.png');
}

/* Strzałka dla pozycji z podmenu w głównym menu - wszystkie poziomy */
.main-navigation .menu-item-has-children > a,
.main-navigation .page_item_has_children > a {
    position: relative;
    padding-right: 35px;
}

.main-navigation .menu-item-has-children > a::after,
.main-navigation .page_item_has_children > a::after {
    content: '›';
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #72727A;
    font-size: 16px;
    transition: color 0.3s ease;
}

.main-navigation .menu-item-has-children > a:hover::after,
.main-navigation .menu-item-has-children > a:focus::after,
.main-navigation .page_item_has_children > a:hover::after,
.main-navigation .page_item_has_children > a:focus::after {
    color: #212842;
}

.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a {
	background-color: #212844; /* Przywrócone tło */
	color: #F0E7D4;
	font-family: 'Inter ExtraBold', sans-serif;
	background-image: url('img/icon1.png');
	border: 1px solid #212844;
}

/* Submenu */
.main-navigation ul ul {
    padding-left: 20px;
    margin-top: 5px;
}

/* Ukryj domyślne podmenu w głównym menu do czasu kliknięcia */
.main-navigation .nav-menu .sub-menu {
    display: none;
}

/* W panelu podmenu pokaż tylko aktualny poziom - zagnieżdżone ukryte do kliknięcia */
.main-navigation.submenu-open .submenu-panel > ul.sub-menu {
    display: block;
}

/* Ukryj zagnieżdżone podmenu w panelu - pokażą się dopiero po kliknięciu */
.main-navigation.submenu-open .submenu-panel .sub-menu {
    display: none;
}

.main-navigation ul ul a {
	font-size: 0.9em;
	padding: 8px 15px 8px 40px;
	background-position: 12px center;
	background-size: 16px 16px;
	border: 1px solid transparent;
}

/* Style dla trzeciego poziomu i głębszych */
.main-navigation ul ul ul a {
	font-size: 0.85em;
	padding: 8px 15px 8px 60px;
	background-position: 32px center;
	background-size: 14px 14px;
}

.main-navigation ul ul ul ul a {
	font-size: 0.8em;
	padding: 8px 15px 8px 80px;
	background-position: 52px center;
	background-size: 12px 12px;
}

/* Style dla panelu podmenu - wszystkie poziomy */
.main-navigation.submenu-open .submenu-panel ul ul a {
	font-size: 0.9em;
	padding: 8px 15px 8px 40px;
	background-position: 12px center;
	background-size: 16px 16px;
}

.main-navigation.submenu-open .submenu-panel ul ul ul a {
	font-size: 0.85em;
	padding: 8px 15px 8px 60px;
	background-position: 32px center;
	background-size: 14px 14px;
}

.main-navigation.submenu-open .submenu-panel ul ul ul ul a {
	font-size: 0.8em;
	padding: 8px 15px 8px 80px;
	background-position: 52px center;
	background-size: 12px 12px;
}

/* Menu hamburger - pokazywane od 1280px w dół */
@media (max-width: 1280px) {
	.hamburger-menu {
		display: flex;
	}
}

/* Menu hamburger dla szerokości mniejszej niż 1280px */
.hamburger-menu {
	display: flex;
	position: fixed;
	top: 80px; /* Wyżej żeby było widoczne */
	left: 20px; /* Przy lewej krawędzi */
	z-index: 10000;
	background-color: #f0e7D4;
	color: #212844;
	border: none;
	padding: 12px;
	border-radius: 5px;
	cursor: pointer;
	width: 50px;
	height: 50px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 4px;
}

.hamburger-menu span {
	display: block;
	width: 25px;
	height: 3px;
	background-color: #212844;
	transition: all 0.3s ease;
}

.hamburger-menu.active span:nth-child(1) {
	transform: rotate(45deg) translate(6px, 6px);
}

.hamburger-menu.active span:nth-child(2) {
	opacity: 0;
}

.hamburger-menu.active span:nth-child(3) {
	transform: rotate(-45deg) translate(6px, -6px);
}

/* Overlay dla ściemnienia treści */
.menu-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 9998;
	opacity: 0;
	transition: opacity 0.3s ease;
}

.menu-overlay.active {
	opacity: 1;
}

/* Overlay dla ściemnienia treści przy widget-area */
.sidebar-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 9998;
	opacity: 0;
	transition: opacity 0.3s ease;
}

.sidebar-overlay.active {
	opacity: 1;
}

/* Wysuwane menu z lewej strony - dokładna kalka głównego menu */
.slide-menu {
	position: fixed;
	top: 0;
	left: -300px;
	width: 300px;
	height: 100%;
	background-color: #F0E7D4;
	z-index: 9999;
	transition: left 0.3s ease;
	padding: 20px;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
}

.slide-menu.active {
	left: 0;
}

/* Logo w slide menu - kopiujemy style z głównego sidebara */
.slide-menu .site-branding {
	margin-bottom: 30px;
	margin-top: 15px;
	text-align: center;
	flex-shrink: 0;
}

.slide-menu .custom-logo,
.slide-menu .site-branding img {
	max-width: 150px;
	max-height: 150px;
	width: auto;
	height: auto;
	object-fit: contain;
}

.slide-menu .site-title a {
	color: #212844;
	text-decoration: none;
	font-size: 1.5em;
	font-weight: 600;
}

.slide-menu .site-description {
	color: #666;
	font-size: 0.9em;
	margin-top: 5px;
}

/* Nawigacja w slide menu - flex-grow aby zajmowała dostępne miejsce */
.slide-menu .main-navigation {
	flex-grow: 1;
	margin-bottom: 20px;
	width: 100%;
	display: block;
	position: relative;
}

/* Ukryj główne menu gdy podmenu jest otwarte */
.slide-menu .main-navigation.submenu-open #slide-primary-menu {
	display: none !important;
}

.slide-menu .main-navigation ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

.slide-menu .main-navigation li {
	margin-bottom: 8px;
}

.slide-menu .main-navigation a {
	display: block;
	text-decoration: none;
	color: #72727A;
	font-family: 'Inter Medium', sans-serif;
	padding: 10px 15px 10px 45px;
	border-radius: 5px;
	transition: all 0.3s ease;
	background-image: url('img/icon3.png');
	background-repeat: no-repeat;
	background-position: 15px center;
	background-size: 20px 20px;
	position: relative;
	border: 1px solid transparent;
}

.slide-menu .main-navigation a:hover,
.slide-menu .main-navigation a:focus {
	background-color: rgba(33, 40, 66, 0.1);
	color: #212842;
	font-family: 'Inter ExtraBold', sans-serif;
	border: 1px solid #212842;
	background-image: url('img/icon2.png');
}

.slide-menu .main-navigation .current-menu-item > a,
.slide-menu .main-navigation .current_page_item > a {
	background-color: #212844;
	color: #F0E7D4;
	font-family: 'Inter ExtraBold', sans-serif;
	background-image: url('img/icon1.png');
	border: 1px solid #212844;
}

/* Submenu w slide menu - UKRYTE domyślnie, tak samo jak w left-sidebar */
.slide-menu .main-navigation ul ul {
	display: none;
}

.slide-menu .main-navigation ul ul a {
	font-size: 0.9em;
	padding: 8px 15px 8px 40px;
	background-position: 12px center;
	background-size: 16px 16px;
}

.slide-menu .main-navigation ul ul ul a {
	font-size: 0.85em;
	padding: 8px 15px 8px 60px;
	background-position: 32px center;
	background-size: 14px 14px;
}

.slide-menu .main-navigation ul ul ul ul a {
	font-size: 0.8em;
	padding: 8px 15px 8px 80px;
	background-position: 52px center;
	background-size: 12px 12px;
}

/* Ikona Facebook w slide menu */
.slide-menu .sidebar-social {
	text-align: center;
	margin: 15px 0;
	padding: 10px 0;
}

.slide-menu .sidebar-facebook-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	color: #212844;
	text-decoration: none;
	transition: color 0.3s ease, transform 0.2s ease;
	border-radius: 50%;
	background: rgba(33, 40, 68, 0.1);
}

.slide-menu .sidebar-facebook-icon:hover {
	color: #1F2640;
	transform: scale(1.1);
	background: rgba(33, 40, 68, 0.2);
}

.slide-menu .sidebar-facebook-icon svg {
	width: 20px;
	height: 20px;
	fill: currentColor;
}

.slide-menu .sidebar-youtube-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	color: #212844;
	text-decoration: none;
	transition: color 0.3s ease, transform 0.2s ease;
	border-radius: 50%;
	background: rgba(33, 40, 68, 0.1);
	margin-left: 8px;
}

.slide-menu .sidebar-youtube-icon:hover {
	color: #1F2640;
	transform: scale(1.1);
	background: rgba(33, 40, 68, 0.2);
}

.slide-menu .sidebar-youtube-icon svg {
	width: 20px;
	height: 20px;
	fill: currentColor;
}

/* Stopka w slide menu */
.slide-menu .sidebar-footer {
	border-top: 1px solid #212844;
	padding-top: 10px;
	margin: auto 20px 0 20px;
	text-align: center;
	flex-shrink: 0;
}

.slide-menu .sidebar-footer-content {
	color: #1F2640;
	font-family: 'Inter Light', sans-serif;
	font-size: 12px;
	line-height: 1.4;
}

.slide-menu .sidebar-footer-content p {
	margin: 0 0 10px 0;
}

.slide-menu .sidebar-footer-content a {
	color: #212844;
	text-decoration: none;
}

.slide-menu .sidebar-footer-content a:hover {
	text-decoration: underline;
}

/* Wysuwany sidebar z prawej strony */
	/* Responsywność dla stron (pages) - mobilny layout */
	.page {
		padding: 20px;
		box-sizing: border-box;
		width: 100%;
		min-height: calc(100vh - 200px);
	}
	
	.page .entry-title {
		font-size: 20px;
		margin-bottom: 15px;
		text-align: left;
	}
	
	.page .entry-content {
		font-size: 14px;
		line-height: 1.6;
		padding: 0;
	}
	
	.page .post-thumbnail {
		max-height: 450px;
		margin: 0 0 20px 0;
	}
	
	.page .post-thumbnail img {
		max-height: 450px;
		width: 100%;
		object-fit: cover;
	}


/* Zapobieganie poziomemu scrollowaniu */
html, body {
	overflow-x: hidden;
	max-width: 100%;
}

* {
	box-sizing: border-box;
}

.site {
	max-width: 100%;
	overflow-x: hidden;
}

/* Ukryj przycisk Primary Menu zawsze */
.menu-toggle {
	display: none !important;
}

@media (min-width: 1281px) {
	body:not(.is-mobile) .hamburger-menu {
		display: none;
	}
	
	body:not(.is-mobile) .menu-overlay {
		display: none;
	}
	
	body:not(.is-mobile) .slide-menu {
		left: -300px;
	}
}

@media (min-width: 1201px) {
	body:not(.is-mobile) .sidebar-toggle {
		display: none;
	}
	
	body:not(.is-mobile) .sidebar-overlay {
		display: none;
	}
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	background: transparent; /* Usunięte tło */
	padding: 0; /* Usunięty padding żeby szerokość była taka sama jak na stronie głównej */
}

.post {
	border-radius: 8px; /* Zaokrąglenie tylko dla postów */
}

.page {
	border-radius: 0; /* Brak zaokrąglenia dla stron */
	min-height: calc(100vh - 100px); /* Minimalna wysokość żeby nie było białego paska */
	width: 100%;
}

.entry-title {
	color: #ffffff;
	margin-bottom: 10px;
}

.entry-title a {
	color: #ffffff;
	text-decoration: none;
}

.entry-title a:hover {
	color: #F0E7D4;
}

.entry-meta {
	color: rgba(255, 255, 255, 0.7);
	font-size: 0.9em;
	margin-bottom: 15px;
}

.entry-meta a {
	color: #F0E7D4;
	text-decoration: none;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
	color: #F0E7D4;
	line-height: 1.6;
}

.entry-content p {
	margin-bottom: 1em;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	color: #F0E7D4;
	margin-top: 1.5em;
	margin-bottom: 0.5em;
}

.entry-content a {
	color: #F0E7D4;
	text-decoration: underline;
}

.entry-content a:hover {
	color: #ffffff;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Featured image (post-thumbnail) - szerokość jak content-area */
.post-thumbnail {
	width: 100%; /* Szerokość jak content-area */
	max-height: 450px;
	overflow: hidden;
	margin: 0 0 20px 0;
	border-radius: 8px;
	box-sizing: border-box; /* Zapobiega rozciąganiu kontenera */
}

.post-thumbnail img {
	width: 100%;
	height: auto;
	max-height: 450px;
	object-fit: cover; /* Skalowanie z zachowaniem proporcji */
	display: block;
	box-sizing: border-box; /* Zapobiega rozciąganiu kontenera */
}

/* Tytuł posta z kreską jak BLOG - tytuł obok kreski - GLOBALNIE */
.single .entry-title,
.page .entry-title,
.archive .entry-title,
.home .entry-title,
.search .entry-title,
.category .entry-title,
.tag .entry-title,
.author .entry-title,
.entry-title,
.page-title {
	color: #F0E7D4;
	font-family: 'Inter', sans-serif;
	font-weight: 800;
	font-size: 28px;
	margin: 0 0 5px 0; /* Zmniejszony odstęp z 20px na 5px */
	position: relative;
	padding-left: 70px; /* Miejsce na kreskę */
}

/* Linki w tytułach - takie same kolory */
.single .entry-title a,
.page .entry-title a,
.archive .entry-title a,
.home .entry-title a,
.search .entry-title a,
.category .entry-title a,
.tag .entry-title a,
.author .entry-title a,
.entry-title a {
	color: #F0E7D4;
	text-decoration: none;
	font-weight: 800;
}

.single .entry-title a:hover,
.page .entry-title a:hover,
.archive .entry-title a:hover,
.home .entry-title a:hover,
.search .entry-title a:hover,
.category .entry-title a:hover,
.tag .entry-title a:hover,
.author .entry-title a:hover,
.entry-title a:hover {
	color: #ffffff;
	text-decoration: none;
}

.single .entry-title::before,
.page .entry-title::before,
.archive .entry-title::before,
.home .entry-title::before,
.search .entry-title::before,
.category .entry-title::before,
.tag .entry-title::before,
.author .entry-title::before,
.entry-title::before,
.page-title::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%; /* Środek wysokości tytułu */
	transform: translateY(-50%);
	width: 50px;
	height: 2px;
	background: #F0E7D4;
}

/* Meta informacje posta - data i autor w jednej linii - GLOBALNIE */
.single .entry-meta,
.page .entry-meta,
.archive .entry-meta,
.home .entry-meta,
.search .entry-meta,
.category .entry-meta,
.tag .entry-meta,
.author .entry-meta,
.entry-meta {
	color: #EE385E;
	margin-bottom: 20px;
	margin-top: 5px;
	font-size: 14px;
	padding-left: 70px;
}

.single .entry-header,
.page .entry-header,
.archive .entry-header,
.home .entry-header,
.search .entry-header,
.category .entry-header,
.tag .entry-header,
.author .entry-header,
.entry-header {
	margin-bottom: 20px;
}

.single .entry-meta .posted-on,
.single .entry-meta .byline,
.page .entry-meta .posted-on,
.page .entry-meta .byline,
.archive .entry-meta .posted-on,
.archive .entry-meta .byline,
.home .entry-meta .posted-on,
.home .entry-meta .byline,
.search .entry-meta .posted-on,
.search .entry-meta .byline,
.category .entry-meta .posted-on,
.category .entry-meta .byline,
.tag .entry-meta .posted-on,
.tag .entry-meta .byline,
.author .entry-meta .posted-on,
.author .entry-meta .byline,
.entry-meta .posted-on,
.entry-meta .byline {
	color: #EE385E;
	font-family: 'Inter', sans-serif;
	font-weight: 400;
	font-size: 12px;
	display: inline;
}

/* Hover effect for clickable articles on archive pages */
.archive article[id^="post-"],
.home article[id^="post-"],
.search article[id^="post-"],
.category article[id^="post-"],
.tag article[id^="post-"],
.author article[id^="post-"] {
	cursor: pointer;
	transition: all 0.3s ease;
}

.archive article[id^="post-"]:hover,
.home article[id^="post-"]:hover,
.search article[id^="post-"]:hover,
.category article[id^="post-"]:hover,
.tag article[id^="post-"]:hover,
.author article[id^="post-"]:hover {
	background-color: rgba(26, 31, 53, 0.3);
	border-radius: 8px;
	padding: 15px;
}

/* Informacje o autorze - bez tła, z borderem w kolorze menu */
.author-info-box {
	background: none; /* Usunięto tło */
	border: 2px solid #F0E7D4; /* Border w kolorze menu */
	border-radius: 15px;
	padding: 20px;
	margin: 30px 0;
	display: flex;
	align-items: center;
	gap: 20px;
	pointer-events: none; /* Nie klikalne */
	cursor: default;
}

.author-avatar {
	flex-shrink: 0;
}

.author-avatar img {
	border-radius: 50%;
	width: 60px; /* Stały rozmiar */
	height: 60px; /* Stały rozmiar */
	object-fit: cover;
}

.author-details {
	flex: 1;
}

.author-name {
	font-size: 18px; /* Stały rozmiar */
	font-weight: bold;
	color: #F0E7D4; /* Zmieniono kolor na kolor menu */
	margin-bottom: 5px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.author-description {
	font-size: 14px; /* Stały rozmiar */
	color: #F0E7D4; /* Zmieniono kolor na kolor menu */
	font-style: italic; /* Opis na stałe kursywą */
	line-height: 1.4;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 2em;
	padding: 0;
	background: transparent;
	border-radius: 0;
	overflow: visible;
	max-width: 400px; /* Stały rozmiar */
}

.widget-title {
	color: #F0E7D4;
	background: transparent;
	font-size: 16px; /* Stały rozmiar */
	margin: 0 0 1px 0;
	padding: 8px 0; /* Stały padding */
	font-weight: 600;
	border: none;
}

.widget-content,
.widget > *:not(.widget-title) {
	background: #191F38;
	border-top: 2px solid #F0E7D4;
	border-radius: 0;
	padding: 10px 15px; /* Stały padding */
	color: #ffffff;
	margin: 0;
}

.widget ul {
	list-style: none;
	padding: 0;
	margin: 0;
	background: #191F38;
	border-top: 2px solid #F0E7D4;
	border-radius: 0;
}

.widget li {
	margin: 0;
	padding: 6px 15px; /* Stały padding */
	border-bottom: 1px solid rgba(240, 231, 212, 0.1);
}

.widget li:first-child {
	padding-top: 10px; /* Stały padding */
}

.widget li:last-child {
	border-bottom: none;
	padding-bottom: 10px; /* Stały padding */
}

.widget a {
	color: #F0E7D4;
	text-decoration: none;
	transition: color 0.3s ease;
}

.widget a:hover {
	color: #F0E5D2;
	text-decoration: underline;
}

/* Specjalne style dla różnych typów treści widżetu */
.widget > div,
.widget > p,
.widget > form {
	background: #191F38;
	border-top: 2px solid #F0E7D4;
	border-radius: 0;
	padding: 10px 15px;
	color: #ffffff;
	margin: 0;
}

.widget select {
	max-width: 100%;
	background: transparent; /* Usunięte tło */
	color: #ffffff;
	border: 1px solid rgba(255, 255, 255, 0.2);
	padding: 5px;
	border-radius: 4px;
}

.widget input[type="text"],
.widget input[type="email"],
.widget input[type="search"] {
	background: transparent; /* Usunięte tło */
	color: #ffffff;
	border: 1px solid rgba(255, 255, 255, 0.2);
	padding: 8px;
	border-radius: 4px;
	width: 100%;
}

.widget input[type="submit"] {
	background-color: #F0E7D4;
	color: #212844;
	border: none;
	padding: 8px 15px;
	border-radius: 4px;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

.widget input[type="submit"]:hover {
	background-color: #ffffff;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

/* Ekran ładowania */
.loading-screen {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('img/background2.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9999;
	opacity: 1;
	visibility: visible;
	pointer-events: all;
	transition: opacity 0.5s ease-out, visibility 0.5s ease-out;
}

.loading-screen.fade-out {
	opacity: 0;
	pointer-events: none;
	visibility: hidden;
}

.loading-content {
	text-align: center;
}

.loading-icon {
	width: 80px;
	height: 80px;
	animation: pulse 1.5s ease-in-out infinite;
}

@keyframes pulse {
	0% {
		transform: scale(1);
		opacity: 1;
	}
	50% {
		transform: scale(1.2);
		opacity: 0.7;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}

/* Paginacja */
.blog-pagination {
    margin: 40px 0;
    text-align: center;
    padding: 20px 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.blog-pagination .page-numbers {
	display: inline-block;
	padding: 12px 16px;
	margin: 0 5px;
	background-color: #1a1f2e;
	color: #F0E7D4;
	text-decoration: none;
	border: 1px solid #2a3142;
	border-radius: 5px;
	font-family: 'Inter Medium', sans-serif;
	font-size: 14px;
	transition: all 0.3s ease;
}

.blog-pagination .page-numbers:hover {
	background-color: #2a3142;
	border-color: #3a4152;
	color: #ffffff;
	transform: translateY(-2px);
}

.blog-pagination .page-numbers.current {
	background-color: #F0E7D4;
	border-color: #F0E7D4;
	color: #1a1f2e;
	cursor: default;
}

.blog-pagination .page-numbers.prev,
.blog-pagination .page-numbers.next {
	padding: 12px 20px;
	font-weight: bold;
}

.blog-pagination .page-numbers.dots {
	background: none;
	border: none;
	color: #8a9ba8;
	cursor: default;
}

.blog-pagination .page-numbers.dots:hover {
	background: none;
	transform: none;
}

/* Ogólne ustawienia jakości obrazków */
img {
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	image-rendering: optimize-quality;
	-ms-interpolation-mode: bicubic;
	max-width: 100%;
	height: auto;
}

/* Wyłącz rozmycie obrazków podczas ładowania */
img[loading="lazy"] {
	image-rendering: auto;
}
/* Tryb mobilny wymuszony na telefonie/tablecie */
body.is-mobile .hamburger-menu {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    width: 50%;
    height: 50px;
    z-index: 10000;
    background-color: #f0e7d4;
    color: #212844;
    border: none;
    border-radius: 0;
    justify-content: center;
    align-items: center;
    font-family: 'Inter ExtraBold', sans-serif;
    font-size: 14px;
    margin: 0;
    padding: 0;
    transition: none;
    box-sizing: border-box;
}
body.is-mobile .hamburger-menu:hover { transform: none; }
body.is-mobile .left-sidebar,
body.is-mobile .right-sidebar {
    display: none;
}

body.is-mobile .widget-area {
    position: fixed;
    top: 50px;
    right: -360px;
    width: 360px;
    height: calc(100vh - 50px);
	background-color: #212844;
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: center;
	z-index: 9999;
	transition: right 0.3s ease;
	padding: 20px;
	overflow-y: auto;
	display: flex !important;
	flex-direction: column;
}

body.is-mobile .widget-area.active {
	right: 0;
}

body.is-mobile .sidebar-toggle {
    display: flex;
    position: fixed;
    top: 0;
    right: 0;
    width: 50%;
    height: 50px;
    z-index: 10000;
    background-color: #f0e7d4;
    color: #212844;
    border: none;
    border-radius: 0;
    justify-content: center;
    align-items: center;
    font-family: 'Inter ExtraBold', sans-serif;
    font-size: 14px;
    margin: 0;
    padding: 0;
    transition: none;
    box-sizing: border-box;
}
body.is-mobile .sidebar-toggle:hover { transform: none; }

body.is-mobile .site-content {
    margin-left: 0;
    margin-right: 0;
    padding: 50px 20px 20px;
    width: 100%;
    max-width: none;
}

body.is-mobile .content-area,
body.is-mobile .site-main {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}
body.is-mobile .menu-overlay { display: none; }
body.is-mobile .menu-overlay.active { display: block; }
body.is-mobile .slide-menu { 
    position: fixed;
    top: 50px;
    left: -300px;
    width: 300px;
    height: calc(100vh - 50px);
    background-color: #F0E7D4;
    z-index: 9999;
    transition: left 0.3s ease;
    padding: 20px;
    overflow-y: auto;
    display: flex !important;
    flex-direction: column;
}
body.is-mobile .slide-menu .main-navigation {
    overflow: visible;
    flex-grow: 1;
    position: relative;
}
body.is-mobile .slide-menu .main-navigation .submenu-header {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
}
body.is-mobile .slide-menu .main-navigation .submenu-panel {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    padding-top: 10px;
}
body.is-mobile .slide-menu .sidebar-footer {
    margin-top: auto;
    flex-shrink: 0;
}
body.is-mobile .slide-menu.active { left: 0; }

body.is-mobile .sidebar-overlay { display: none; }
body.is-mobile .sidebar-overlay.active { display: block; }
body.is-mobile .breadcrumb-info { width: 100%; margin: 0 0 10px 0; padding: 16px 0; }
body.is-mobile .menu-overlay,
body.is-mobile .sidebar-overlay { top: 50px; height: calc(100% - 50px); }

@media (hover: hover) and (pointer: fine) {
  .hamburger-menu { display: none; }
  .sidebar-toggle { display: none; }
  .menu-overlay { display: none; }
  .slide-menu { left: -300px; }
}

body.is-mobile .blog-section { margin-top: 10px; }
body.is-mobile .blog-header { margin-bottom: 15px; }

/* Wyróżnione posty: pokazuj tylko jeden na mobilu */
body.is-mobile .featured-posts-grid .featured-post:nth-child(n+2) {
	display: none;
}

/* Miniatura bloga: połowa rozmiaru na mobilu */
body.is-mobile .blog-post-image {
    display: block;
    width: 150px;
    height: 100px;
}

/* Zmniejszone fonty o połowę przy miniaturze na mobilu */
body.is-mobile .blog-post-title a {
    font-size: 12px;
}

body.is-mobile .blog-post-excerpt {
    font-size: 8px;
    line-height: 1.2;
}

body.is-mobile .blog-post-date,
body.is-mobile .blog-post-author,
body.is-mobile .blog-post-separator-meta {
    font-size: 6px;
}

/* Paginacja na mobilu: kontener 100% szerokości, wyśrodkowana grupa */
body.is-mobile .blog-pagination {
    width: 100%;
    display: block;
    text-align: center;
    padding: 0;
    grid-column: 1 / -1; /* rozciągnij na całą szerokość siatki */
}

/* Elementy paginacji na mobilu: w jednym rzędzie, auto szerokość */
body.is-mobile .blog-pagination .page-numbers {
    display: inline-block;
    width: auto;
    max-width: none;
    margin: 6px 5px;
    text-align: center;
}

/* Blog na mobilu: siatka miniaturek + tytuł pod miniaturą */
body.is-mobile .blog-posts {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

body.is-mobile .blog-post {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: stretch;
    padding: 0;
    border: none;
}

body.is-mobile .blog-post-image {
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 2;
    border-radius: 8px;
    overflow: hidden;
}

body.is-mobile .blog-post-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body.is-mobile .blog-post-content {
    padding-left: 0;
    height: auto;
    display: block;
}

body.is-mobile .blog-post-excerpt,
body.is-mobile .blog-post-meta,
body.is-mobile .blog-post-separator {
    display: none;
}

body.is-mobile .blog-post-title a {
    text-align: center;
    font-size: 14px;
}
body.is-mobile .entry-title { font-size: 22px; padding-left: 70px; }
body.is-mobile .entry-title a { font-size: inherit; }
body.is-mobile .page-title { padding-left: 70px; }
body.is-mobile .entry-meta { padding-left: 70px; }

.single .entry-title,
.page .entry-title,
.archive .entry-title,
.home .entry-title,
.search .entry-title,
.category .entry-title,
.tag .entry-title,
.author .entry-title,
.entry-title,
.page-title { padding-left: 70px; }

.single .entry-meta,
.page .entry-meta,
.archive .entry-meta,
.home .entry-meta,
.search .entry-meta,
.category .entry-meta,
.tag .entry-meta,
.author .entry-meta,
.entry-meta { padding-left: 70px; }
body.is-mobile .entry-meta { font-size: 12px; }
body.is-mobile .post-thumbnail { max-height: 250px; }
body.is-mobile .post-thumbnail img { max-height: 250px; width: 100%; object-fit: cover; }
body.is-mobile.archive article[id^="post-"],
body.is-mobile.search article[id^="post-"],
body.is-mobile.category article[id^="post-"],
body.is-mobile.tag article[id^="post-"],
body.is-mobile.author article[id^="post-"] { width: 100%; }

/* Animacje submenu */
@keyframes slideInFromTop {
    0% {
        transform: translateY(-20px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

/*--------------------------------------------------------------
# Tournament Template Styles
--------------------------------------------------------------*/

.tournament-page {
    background: transparent;
    color: #ffffff;
}

.tournament-container {
    max-width: none;
    width: 100%;
    margin: 0;
    text-align: center;
    padding: 0;
}

.tournament-header {
    margin-bottom: 30px;
}

.tournament-title {
    color: #F0E7D4;
    font-family: 'Inter', sans-serif;
    font-weight: 800;
    font-size: 2.5em;
    margin: 0;
    text-align: center;
}

.tournament-info {
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 0;
    margin: 20px 0;
}

.tournament-date,
.tournament-players,
.tournament-link {
    color: #ffffff;
    font-family: 'Inter', sans-serif;
    font-size: 1.1em;
    margin: 10px 0;
    line-height: 1.6;
}

.tournament-date strong,
.tournament-players strong,
.tournament-link strong {
    color: #F0E7D4;
}

.tournament-link a {
    color: #F0E7D4;
    text-decoration: underline;
}

.tournament-link a:hover {
    color: #ffffff;
}

.tournament-separator {
    border: none;
    height: 2px;
    background: #F0E7D4;
    margin: 30px auto;
    width: 200px;
}

.tournament-content {
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 0;
    margin: 20px 0;
    text-align: left;
    max-width: none;
    width: 100%;
}

.tournament-content p {
    color: #ffffff;
    font-family: 'Inter', sans-serif;
    font-size: 1em;
    line-height: 1.6;
    margin-bottom: 1.5em;
}

.tournament-content h1,
.tournament-content h2,
.tournament-content h3,
.tournament-content h4,
.tournament-content h5,
.tournament-content h6 {
    color: #F0E7D4;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    margin: 1.5em 0 1em 0;
}

.tournament-content ul,
.tournament-content ol {
    color: #ffffff;
    margin: 1em 0 1.5em 2em;
}

.tournament-content li {
    margin-bottom: 0.5em;
}

/* Tournament Buttons Section - nowy frontend */
.tournament-buttons-section {
    margin: 30px 0;
    text-align: center;
    width: 100%;
}

.tournament-buttons-row {
    display: flex;
    justify-content: stretch;
    gap: 10px;
    margin-bottom: 30px;
    flex-wrap: wrap;
    width: 100%;
}

.tournament-tab-btn {
    background: #F0E7D4;
    color: #212844;
    padding: 12px 25px;
    border: 2px solid #F0E7D4;
    border-radius: 8px;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 1.1em;
    cursor: pointer;
    transition: all 0.3s ease;
    flex: 1;
    min-width: 0;
}

.tournament-tab-btn:hover {
    background: transparent;
    color: #F0E7D4;
}

.tournament-tab-btn.active {
    background: transparent;
    color: #F0E7D4;
}

.tournament-buttons-content {
    text-align: left;
    max-width: none;
    width: 100%;
    margin: 0;
}

.tournament-tab-content {
    display: none;
    color: #ffffff;
    font-family: 'Inter', sans-serif;
    line-height: 1.6;
}

.tournament-tab-content.active {
    display: block;
}

.tournament-tab-content p {
    color: #ffffff;
    margin-bottom: 1.5em;
}

.tournament-tab-content h1,
.tournament-tab-content h2,
.tournament-tab-content h3,
.tournament-tab-content h4,
.tournament-tab-content h5,
.tournament-tab-content h6 {
    color: #F0E7D4;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    margin: 1.5em 0 1em 0;
}

.tournament-tab-content ul,
.tournament-tab-content ol {
    color: #ffffff;
    margin: 1em 0 1.5em 2em;
}

.tournament-tab-content li {
    margin-bottom: 0.5em;
    color: #ffffff;
}

.tournament-tab-content strong {
    color: #F0E7D4;
}

.tournament-tab-content em {
    color: #F0E7D4;
}

.tournament-tab-content a {
    color: #F0E7D4;
    text-decoration: underline;
}

.tournament-tab-content a:hover {
    color: #ffffff;
}

/* Responsywność dla template turnieju */
@media (max-width: 1200px) {
    .tournament-container {
        padding: 15px;
    }
    
    .tournament-title {
        font-size: 2em;
    }
    
    .tournament-info,
    .tournament-content {
        padding: 20px;
        margin: 15px 0;
    }
    
    .tournament-date,
    .tournament-players {
        font-size: 1em;
    }
    
    .tournament-tab-btn {
        padding: 10px 20px;
        font-size: 1em;
        margin: 5px 0;
        flex: 1;
    }
    
    .tournament-buttons-content {
        padding: 0;
    }
    
    .tournament-separator {
        width: 150px;
        margin: 20px auto;
    }
}

@media (max-width: 768px) {
    .tournament-title {
        font-size: 1.8em;
    }
    
    .tournament-info,
    .tournament-content {
        padding: 15px;
    }
    
    .tournament-buttons-row {
        flex-direction: column;
        gap: 8px;
    }
    
    .tournament-tab-btn {
        width: 100%;
        padding: 12px 20px;
        flex: none;
    }
    
    .tournament-buttons-content {
        padding: 0;
    }
}


/*--------------------------------------------------------------
# Strona 404
--------------------------------------------------------------*/
.error-404-page .entry-header {
	margin-bottom: 20px;
}

.error-404-page .entry-title {
	font-family: 'Inter', sans-serif;
	font-weight: 800;
	font-size: 72px;
	color: #F0E7D4;
	margin: 0;
}

.error-404-message {
	font-family: 'Inter', sans-serif;
	font-weight: 400;
	font-size: 18px;
	color: #F0E7D4;
	margin: 0;
}

/*--------------------------------------------------------------
# Sitemap
--------------------------------------------------------------*/
.sitemap-page .entry-header {
	margin-bottom: 40px;
}

.sitemap-page .entry-title {
	font-family: 'Inter', sans-serif;
	font-weight: 800;
	font-size: 36px;
	color: #F0E7D4;
	margin: 0;
}

.sitemap-content {
	color: #F0E7D4;
}

.sitemap-section {
	margin-bottom: 40px;
}

.sitemap-section-title {
	font-family: 'Inter', sans-serif;
	font-weight: 600;
	font-size: 24px;
	color: #F0E7D4;
	margin: 0 0 20px 0;
	padding-bottom: 10px;
	border-bottom: 2px solid #F0E7D4;
}

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

.sitemap-list li {
	padding: 12px 0;
	border-bottom: 1px solid rgba(240, 231, 212, 0.2);
}

.sitemap-list li:last-child {
	border-bottom: none;
}

.sitemap-list a {
	color: #F0E7D4;
	text-decoration: none;
	font-family: 'Inter', sans-serif;
	font-weight: 500;
	font-size: 16px;
	transition: color 0.3s ease;
}

.sitemap-list a:hover {
	color: #ffffff;
	text-decoration: underline;
}

.sitemap-date,
.sitemap-count {
	color: rgba(240, 231, 212, 0.6);
	font-size: 14px;
	margin-left: 10px;
}


/* ==========================================================================
   Social Icons - Krodart Theme
   ========================================================================== */

.krodart-socials {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.krodart-socials .krodart-social-link {
    margin-right: var(--krodart-social-icons-spacing, 10px);
    text-decoration: none;
}

.krodart-socials .krodart-social-link:last-of-type {
    margin-right: 0;
}

.krodart-socials .krodart-social-link .krodart-social-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all ease 0.2s, opacity ease 0.2s;
    font-size: var(--krodart-social-icons-size, 16px);
    color: var(--krodart-official-color);
}

.krodart-socials .krodart-social-link:hover .krodart-social-icon {
    opacity: 0.7;
}

/* Custom colors */
.krodart-socials.krodart-socials-custom .krodart-social-link .krodart-social-icon {
    color: var(--krodart-social-icon-initial-color, #333);
}

.krodart-socials.krodart-socials-custom .krodart-social-link:hover .krodart-social-icon {
    color: var(--krodart-social-icon-hover-color, #000);
}

/* Rounded & Square styles */
.krodart-socials.krodart-socials-rounded .krodart-social-icon,
.krodart-socials.krodart-socials-square .krodart-social-icon {
    width: calc(var(--krodart-social-icons-size, 16px) * 2.5);
    height: calc(var(--krodart-social-icons-size, 16px) * 2.5);
    background-color: var(--krodart-official-color);
    color: #fff;
}

.krodart-socials.krodart-socials-rounded .krodart-social-icon {
    border-radius: 50%;
}

.krodart-socials.krodart-socials-square .krodart-social-icon {
    border-radius: 4px;
}

.krodart-socials.krodart-socials-rounded .krodart-social-link:hover .krodart-social-icon,
.krodart-socials.krodart-socials-square .krodart-social-link:hover .krodart-social-icon {
    opacity: 0.85;
    transform: scale(1.1);
}