/*
===============================================================
Plik: header_footer_mobile.css
===============================================================
*/
/*
=========================================	*/
/* klasa: ContainerHeaderMain zdefiniowana w main_container.css	*/

.naglowekMenuRozwijane,
.stopkaMenuRozwijane {
	height: 25px;
	margin: 0px 0px;
	padding: 0px 0px;
	border: 0px solid blue;
	position: relative;
}

.naglowekMenuButton,
.stopkaMenuButton {
	background-color: transparent;
	color: #b38b5c;
	padding-left: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	border: 0px solid blue;
	position: relative;
	display: flex;				/* USTAWIA FLEXBOX */
	flex-direction: row;		/* ELEMENTY W LINII */
	align-items: center;		/* WYRÓWNANIE W PIONIE */
}

.naglowekMenuButton:hover,
.stopkaMenuButton:hover {
}

/* ========================== */
/* WSPÓLNE DLA ROZWIJANYCH MENU (narzędziowe i kategorie) */
.naglowekMenuRozwijaneNarzedziowe,
.naglowekMenuRozwijaneMenuKategorie,
.naglowekMenuRozwijaneMenuWyszukiwarka {
	top: 100%;                			/* rozwijaj pod spodem */
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	border: 2px solid #454545;
	text-align: left;
	box-shadow: 0px -8px 24px rgba(0, 0, 0, 0.5);
}

/* POZYCJONOWANIE DLA KONKRETNYCH MENU */
.naglowekMenuRozwijaneNarzedziowe {
	left: -2px;
	min-width: 210px;
}

.naglowekMenuRozwijaneMenuKategorie {
	right: -2px;
	min-width: 230px;
	max-width: 280px;
	max-height: 65vh;
	padding-right: 0px;
	overflow-y: auto; 				 /*  Włącza scroll pionowy tylko gdy potrzebny */
	overflow-x: hidden;				 /*  Wyłącza scroll poziomy  */
}

/* menu wyszukiwarki */
.naglowekMenuRozwijaneMenuWyszukiwarka {
	left: 50%;
	height: 70px;
	transform: translateX(-50%);
	width: 260px;
	padding-top: 14px;
}

.stopkaMenuRozwijaneMenuSpisTresci {
	bottom: 100%;
	right: -2px;
	min-width: 260px;
	max-width: 280px;
	max-height: 75vh;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin: 0px 0px;
	background-color: #101010;
	border: 2px solid #353535;
	border-radius: 4px;
	text-align: right;
	box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.5); 	/* cień z góry w dół */
	z-index: 9999;
	display: none;
	position: absolute;
}

.naglowekMenuRozwijaneNarzedziowe a,
.naglowekMenuRozwijaneMenuKategorie a,
.naglowekMenuRozwijaneMenuWyszukiwarka a,
.stopkaMenuRozwijaneMenuSpisTresci a {
	padding: 1px; 
}

.naglowekMenuRozwijaneNarzedziowe a:hover,
.naglowekMenuRozwijaneMenuKategorie a:hover,
.naglowekMenuRozwijaneMenuWyszukiwarka a:hover,
.stopkaMenuRozwijaneMenuSpisTresci a:hover {
}

.naglowekMenuRozwijane:focus-within,
.stopkaMenuRozwijane:focus-within {
}

.naglowekMenuRozwijane:hover .naglowekMenuButton,
.stopkaMenuRozwijane:hover .stopkaMenuButton {
}

/* Wyłączamy pokaz menu na :focus-within i :hover na mobilkach */
.naglowekMenuRozwijane:hover .naglowekMenuRozwijaneNarzedziowe,
.naglowekMenuRozwijane:focus-within .naglowekMenuRozwijaneNarzedziowe,
.naglowekMenuRozwijane:hover .naglowekMenuRozwijaneMenuKategorie,
.naglowekMenuRozwijane:focus-within .naglowekMenuRozwijaneMenuKategorie,
.naglowekMenuRozwijane:hover .naglowekMenuRozwijaneMenuWyszukiwarka,
.naglowekMenuRozwijane:focus-within .naglowekMenuRozwijaneMenuWyszukiwarka,
.stopkaMenuRozwijane:hover .stopkaMenuRozwijaneMenuSpisTresci,
.stopkaMenuRozwijane:focus-within .stopkaMenuRozwijaneMenuSpisTresci {
	display: none !important;
}

/* Pokaż menu tylko gdy jest klasa otwarte */
.naglowekMenuRozwijane.otwarte .naglowekMenuRozwijaneNarzedziowe,
.naglowekMenuRozwijane.otwarte .naglowekMenuRozwijaneMenuKategorie,
.naglowekMenuRozwijane.otwarte .naglowekMenuRozwijaneMenuWyszukiwarka,
.stopkaMenuRozwijane.otwarte .stopkaMenuRozwijaneMenuSpisTresci {
	display: block !important;
}

.imgSzczaukiNaglowekMenuLewa,
.imgSzczaukiNaglowekMenuPrawa,
.imgNaglowekSzukaj {
	border: 0px solid red;
	margin-bottom: 2px;
	margin-top: 0px;
	height: 10px;
	width: 16px;
}

.imgSzczaukiNaglowekMenuLewa {
	margin-left: 5px;
	margin-right: 7px;
	padding-left: 0px;
}

.imgSzczaukiNaglowekMenuPrawa {
	margin-left: 7px;
	margin-right: 5px;
	padding-right: 0px;
}

.imgNaglowekSzukaj {
	height: 20px;
	width: 20px;
	margin-right: 3px;
}
	
/*
 kontener dla odliczania sesji
*/
.naglowekTimer {
	font-size: 12px;
	float: right;
	margin-top: 0px;
	padding-right: 10px;
	padding-left: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
}