/* Mikola — nagłówek i stopka (odwzorowanie szablonów Elementor Pro „Header/Footer Mikola”, stan 10.11.2026).
   Progi jak w Elementorze: komputer ≥1025 px, tablet 768–1024 px, telefon ≤767 px. */

:root {
	--mikola-niebieski: #004997;
	--mikola-przycisk: #024a93;
	--mikola-przycisk-hover: #247bd6;
	--mikola-szary: #777;
	--mikola-tlo-hover: rgba(0, 73, 150, .06);
	--mikola-font: "Sora", sans-serif;
}

.mikola-kontener { max-width: 1400px; margin: 0 auto; }
.mikola-ikona { display: block; width: 1em; height: 1em; }

/* ---------- Pasek z social media ---------- */
.mikola-pasek { background: var(--mikola-niebieski); padding: 10px 0; }
.mikola-pasek__wnetrze { display: flex; justify-content: flex-end; align-items: flex-start; height: 30px; }
.mikola-pasek__ikona { display: block; line-height: 1.65; }
.mikola-pasek__ikona img { display: inline-block; vertical-align: middle; width: 25px; height: 25px; }
.mikola-pasek__ikona--1 { margin: 0 10px; }
.mikola-pasek__ikona--1 img { width: 30px; height: 30px; }

/* ---------- Przyklejony pasek: logo, menu, przycisk ---------- */
.mikola-naglowek { position: sticky; top: var(--wp-admin--admin-bar--height, 0px); z-index: 99; background: rgba(255, 255, 255, .88); padding: 15px 0; }
.mikola-naglowek__wnetrze { display: flex; align-items: center; }
.mikola-naglowek__wnetrze > div { padding: 10px; box-sizing: border-box; }
.mikola-naglowek__logo { flex: 0 0 36.37%; }
.mikola-naglowek__logo a { display: block; line-height: 0; }
.mikola-naglowek__logo img { display: block; width: 40%; height: auto; max-width: 100%; }
.mikola-naglowek__menu { flex: 0 0 40.56%; display: flex; justify-content: flex-end; }
.mikola-naglowek__przycisk { flex: 0 0 23.07%; text-align: right; }

.mikola-przycisk { display: inline-flex; align-items: center; justify-content: center; padding: 15px; border-radius: 10px; background: var(--mikola-przycisk); color: #fff; font: 600 15px/15px var(--mikola-font); text-decoration: none; transition: background-color .3s; }
.mikola-przycisk:hover, .mikola-przycisk:focus { background: var(--mikola-przycisk-hover); color: #fff; }

/* Menu na komputerze */
.mikola-menu, .mikola-menu ul { list-style: none; margin: 0; padding: 0; }
.mikola-nawigacja .mikola-menu { display: flex; flex-wrap: wrap; justify-content: flex-end; }
.mikola-menu li { position: relative; }
.mikola-menu a { display: flex; align-items: center; padding: 13px 20px; border-radius: 10px; color: #000; font: 400 16px/20px var(--mikola-font); text-decoration: none; transition: background-color .3s, color .3s; }
.mikola-menu > li > a:hover, .mikola-menu > li > a:focus, .mikola-menu > li.current-menu-item > a, .mikola-menu > li:hover > a { background: var(--mikola-tlo-hover); color: #000; }
.mikola-menu .menu-item-has-children > a::after { content: ""; width: 16px; height: 16px; margin-left: 10px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 8l9 9 9-9' stroke='black' stroke-width='1.2' fill='none'/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 8l9 9 9-9' stroke='black' stroke-width='1.2' fill='none'/%3E%3C/svg%3E") center/contain no-repeat; }
.mikola-menu .sub-menu { position: absolute; top: 100%; left: 0; z-index: 100; min-width: 130px; background: #fff; border-radius: 10px; opacity: 0; visibility: hidden; transition: opacity .2s, visibility .2s; }
.mikola-menu .sub-menu .sub-menu { top: 0; left: 100%; }
.mikola-nawigacja .mikola-menu > li > .sub-menu { border-top-left-radius: 0; border-top-right-radius: 0; }
.mikola-menu > li > .sub-menu > li:first-child > a { border-radius: 0; }
.mikola-menu li:hover > .sub-menu, .mikola-menu li:focus-within > .sub-menu { opacity: 1; visibility: visible; }
.mikola-menu .sub-menu a { padding: 13px 20px; white-space: nowrap; border-radius: 0; }
.mikola-menu .sub-menu li:first-child > a { border-radius: 10px 10px 0 0; }
.mikola-menu .sub-menu li:last-child > a { border-radius: 0 0 10px 10px; }
.mikola-menu .sub-menu a:hover, .mikola-menu .sub-menu a:focus, .mikola-menu .sub-menu li:hover > a { background: var(--mikola-tlo-hover); color: #000; }
.mikola-menu .sub-menu .menu-item-has-children > a::after { transform: rotate(-90deg); }

.mikola-menu-przelacznik { display: none; }

/* ---------- Stopka ---------- */
.mikola-stopka { font-family: var(--mikola-font); }
.mikola-stopka__wnetrze { display: flex; flex-wrap: wrap; max-width: 1410px; padding: 50px 0; }
.mikola-stopka__kolumna { flex: 0 0 25%; box-sizing: border-box; padding: 10px; }
.mikola-stopka__kolumna > * { margin: 0 0 20px; }
.mikola-stopka__kolumna > *:last-child { margin-bottom: 0; }
.mikola-stopka__logo { display: block; line-height: 1.65; margin-bottom: 50px !important; }
.mikola-stopka__logo img { display: inline-block; vertical-align: middle; }
.mikola-stopka__logo img { width: 70%; height: auto; }
.mikola-stopka__salony { display: flow-root; }
.mikola-stopka__salony p { margin: 0 0 20px; color: var(--mikola-szary); font: 400 14px/1.65 var(--mikola-font); }
.mikola-stopka__social { display: flex; align-items: flex-start; }
.mikola-stopka__ikona { display: block; line-height: 1.65; }
.mikola-stopka__ikona img { display: inline-block; vertical-align: middle; }
.mikola-stopka__ikona img { width: 25px; height: 25px; }
.mikola-stopka__ikona--1 { margin: 0 20px; }
.mikola-stopka__ikona--1 img { width: 30px; height: 30px; }
.mikola-stopka__tytul { margin-left: 17px !important; line-height: 1.65; }
.mikola-stopka__tytul span { color: #000; font: 700 22px/22px var(--mikola-font); }
.mikola-stopka__menu { list-style: none; margin: 0; padding: 0; }
.mikola-stopka__menu a { display: block; padding: 5px 20px; color: var(--mikola-szary); font: 400 14px/20px var(--mikola-font); text-decoration: none; }
.mikola-stopka__menu a:hover, .mikola-stopka__menu .current-menu-item > a { color: #000; }
.mikola-stopka__kontakt-tekst { color: #000; font: 700 20px/1.65 var(--mikola-font); }
.mikola-lista-ikon { list-style: none; margin: 0 0 20px; padding: 0; }
.mikola-lista-ikon li { display: flex; margin: 0; }
.mikola-lista-ikon li + li { margin-top: 10px; }
.mikola-lista-ikon a { display: inline-flex; align-items: center; color: #54595f; font-family: "Roboto", sans-serif; font-weight: 400; line-height: 1.65; text-decoration: none; }
.mikola-lista-ikon .mikola-ikona { flex: 0 0 auto; width: 20px; height: 20px; margin-right: 5px; color: var(--mikola-niebieski); }
.mikola-lista-ikon span { padding-left: 5px; }
.mikola-stopka__autor { background: var(--mikola-niebieski); padding: 15px 0; color: #fff; font: 400 16px/1.65 var(--mikola-font); text-align: center; }
.mikola-stopka__autor a { color: #fff; }

/* ---------- Komputer, węższy niż kontener (1025–1439 px) ---------- */
@media (max-width: 1439px) {
	.mikola-kontener { max-width: none; }
	.mikola-stopka__wnetrze { padding-left: 0; padding-right: 0; }
}

/* ---------- Tablet i telefon: menu pod przyciskiem ---------- */
@media (max-width: 1024px) {
	.mikola-naglowek__logo, .mikola-naglowek__menu { flex: 0 0 50%; }
	.mikola-naglowek__przycisk { display: none; }
	.mikola-naglowek__menu { position: static; }
	.mikola-naglowek__wnetrze { position: relative; }

	.mikola-menu-przelacznik, .mikola-menu-przelacznik:hover, .mikola-menu-przelacznik:focus { box-shadow: none; outline-offset: 2px; }
	.mikola-menu-przelacznik { display: flex; align-items: center; justify-content: center; width: 33px; height: 33px; padding: 5.5px; margin: 0; border: 0; border-radius: 3px; background: transparent; color: #004996; font-size: 22px; cursor: pointer; }
	.mikola-menu-przelacznik:hover, .mikola-menu-przelacznik:focus { background: transparent; color: #004996; }
	.mikola-menu-przelacznik__zamknij, .mikola-menu-otwarte .mikola-menu-przelacznik__otworz { display: none; }
	.mikola-menu-otwarte .mikola-menu-przelacznik__zamknij { display: block; }

	.mikola-nawigacja { position: absolute; left: 0; right: 0; top: 100%; margin-top: 0; z-index: 9997; background: #fff; border-radius: 10px; overflow: hidden; display: none; }
	.mikola-menu-otwarte .mikola-nawigacja { display: block; }
	.mikola-nawigacja .mikola-menu { display: block; }
	.mikola-nawigacja .mikola-menu a { justify-content: center; padding: 10px 20px; border-radius: 0; white-space: normal; }
	.mikola-nawigacja .mikola-menu .sub-menu { position: static; display: none; min-width: 0; border: 0; border-radius: 0; opacity: 1; visibility: visible; background: transparent; }
	.mikola-nawigacja .mikola-menu .sub-menu a { padding: 10px 20px; }
	.mikola-nawigacja .mikola-menu li.mikola-rozwiniete > .sub-menu { display: block; }
	.mikola-nawigacja .menu-item-has-children > a::after { transform: none !important; }
	.mikola-nawigacja .mikola-rozwiniete > a { background: var(--mikola-tlo-hover); }
}
@media (max-width: 767px) {
	.mikola-naglowek__logo img { width: 80%; }
	.mikola-menu-przelacznik { border-radius: 10px; }
	.mikola-stopka__kolumna { flex-basis: 100%; }
}