/* == DEFAULTS :: START == */

:root {
	--w-page-width:							min(1500px, 100%);
	--h-header:								10rem;
	--h-carousel:							40rem;
	--w-carousel-text:						min(45rem, 100%);
	--f-default:							
	
	--c-button-bg: 							linear-gradient(hsla(107, 81%, 39%, 1), hsla(107, 100%, 33%, 1));
	}
	/* == DEFAULTS :: END == */
	
	/* == MAIN MENU == */
	
	:root{
	
	/* == DEFAULT THEME == */
	
	--c-mainmenu-light-txt: 				hsla(0, 0%, 10%, 1);		/* Základní barva textu a generovaných grafických prvků v menu					*/
	--c-mainmenu-light-txt_h: 				hsla(0, 0%, 10%, 1);		/* Barva textu v menu ve stavu :hover											*/
	--c-mainmenu-light-txt_a: 				hsla(0, 0%, 10%, 1);		/* Barva textu aktivnĂ­ poloĹľky (.active) v menu 								*/
	--c-mainmenu-light-txt_a_h: 			hsla(0, 0%, 10%, 1);		/* Barva textu aktivnĂ­ poloĹľky v menu ve stavu :hover							*/
	--c-mainmenu-light-dropdown-txt:		hsla(0, 0%, 10%, 1);		/* Barva textu položky menu obsahující druhou úroveň							*/
	--c-mainmenu-light-bg: 					linear-gradient(hsla(0, 0%, 98%, 1), hsla(188, 9%, 93%, 1));		/* Základní barva pozadí menu (může se použít také gradient)					*/
	--c-mainmenu-light-bg_h: 				hsla(207, 23%, 68%, 0.3);		/* Barva pozadĂ­ menu ve stavu :hover											*/
	--c-mainmenu-light-bg_a: 				hsla(200, 50%, 70%, 1);		/* Barva pozadĂ­ aktivnĂ­ poloĹľky (.active) v menu								*/
	--c-mainmenu-light-bg_a_h: 				hsla(200, 50%, 60%, 1);		/* Barva pozadĂ­ aktivnĂ­ poloĹľky (.active) v menu ve stavu :hover				*/
	--c-mainmenu-light-dropdown-bg:			hsla(0, 0%, 80%, 1);		/* Barva pozadí položky menu obsahující druhou úroveň (pouze v mobilní verzi)	*/
	
	--c-mainmenu-light-submenu-txt: 		hsla(0, 0%, 100%, 1);		/* Základní barva textu a generovaných grafických prvků v menu 2. úrovně		*/
	--c-mainmenu-light-submenu-txt_h:		yellow;		/* Barva textu v menu 2. ĂşrovnÄ› ve stavu :hover									*/
	--c-mainmenu-light-submenu-txt_a:		hsla(0, 0%, 100%, 1);		/* Barva textu aktivnĂ­ poloĹľky (.active) v menu 2. ĂşrovnÄ› 						*/
	--c-mainmenu-light-submenu-txt_a_h:		hsla(50, 100%, 60%, 1);		/* Barva textu aktivnĂ­ poloĹľky v menu 2. ĂşrovnÄ› ve stavu :hover					*/
	--c-mainmenu-light-submenu-bg: 			hsla(207, 23%, 90%, 1);		/* Základní barva pozadí menu 2. úrovně (může se použít také gradient)			*/
	--c-mainmenu-light-submenu-bg_h: 		linear-gradient(hsla(107, 81%, 39%, 1), hsla(107, 100%, 33%, 1));		/* Barva pozadĂ­ menu 2. ĂşrovnÄ› ve stavu :hover									*/
	
	/* Nastavení levého okraje položky v horizontálním menu (pro žádný okraj použít parametr "none") 													*/
	--mainmenu-light-border-left: 			1px solid hsla(0, 100%, 100%, 1);
	
	/* Nastavení pravého okraje položky v horizontálním menu (pro žádný okraj použít parametr "none") 													*/
	--mainmenu-light-border-right: 			1px solid hsla(190, 11%, 88%, 1);
	
	/* Nastavení horního okraje položky v rozbalovacím menu (pro žádný okraj použít parametr "none") 													*/
	--mainmenu-light-border-top: 			1px solid #FFFFFF;
	
	/* Nastavení spodního okraje položky v horizontálním menu (pro žádný okraj použít parametr "none") 													*/
	--mainmenu-light-border-bottom: 		1px solid #DDE2E4;
	
	/* Nastavení horního okraje položky v menu 2. úrovně (pro žádný okraj použít parametr "none")														*/
	--mainmenu-light-drpmenu-border-top:	1px solid #DDE2E4;			/* Horizontální menu															*/
	--mainmenu-light-submenu-border-top:	1px solid #DDE2E4;			/* RozbalovacĂ­ menu																*/
	
	/* Nastavení spodního okraje položky v menu 2. úrovně (pro žádný okraj použít parametr "none")														*/
	--mainmenu-light-drpmenu-border-bottom:	1px solid #DDE2E4;			/* Horizontální menu															*/
	--mainmenu-light-submenu-border-bottom:	1px solid #DDE2E4;			/* RozbalovacĂ­ menu																*/
	
	
	/* == DARK THEME == */
	
	--c-mainmenu-dark-txt: 					hsla(220, 0%, 20%, 1);		/* Základní barva textu a generovaných grafických prvků v menu					*/
	--c-mainmenu-dark-txt_h: 				hsla(50, 100%, 60%, 1);		/* Barva textu v menu ve stavu :hover											*/
	--c-mainmenu-dark-txt_a: 				hsla(0, 0%, 90%, 1);		/* Barva textu aktivnĂ­ poloĹľky (.active) v menu 								*/
	--c-mainmenu-dark-txt_a_h: 				hsla(50, 100%, 60%, 1);		/* Barva textu aktivnĂ­ poloĹľky v menu ve stavu :hover							*/
	--c-mainmenu-dark-dropdown-txt:			hsla(0, 0%, 90%, 1);		/* Barva textu položky menu obsahující druhou úroveň							*/
	--c-mainmenu-dark-bg: 					hsla(200, 50%, 10%, 1);		/* Základní barva pozadí menu (může se použít také gradient)					*/
	--c-mainmenu-dark-bg_h: 				hsla(200, 50%, 20%, 1);		/* Barva pozadĂ­ menu ve stavu :hover											*/
	--c-mainmenu-dark-bg_a: 				hsla(200, 50%, 30%, 1);		/* Barva pozadĂ­ aktivnĂ­ poloĹľky (.active) v menu								*/
	--c-mainmenu-dark-bg_a_h: 				hsla(200, 50%, 40%, 1);		/* Barva pozadĂ­ aktivnĂ­ poloĹľky (.active) v menu ve stavu :hover				*/
	--c-mainmenu-dark-dropdown-bg:			hsla(200, 50%, 20%, 1);		/* Barva pozadí položky menu obsahující druhou úroveň (pouze v mobilní verzi)	*/
	
	--c-mainmenu-dark-submenu-txt: 			hsla(0, 0%, 100%, 1);		/* Základní barva textu a generovaných grafických prvků v menu 2. úrovně		*/
	--c-mainmenu-dark-submenu-txt_h:		hsla(50, 100%, 60%, 1);		/* Barva textu v menu 2. ĂşrovnÄ› ve stavu :hover									*/
	--c-mainmenu-dark-submenu-txt_a:		hsla(0, 0%, 100%, 1);		/* Barva textu aktivnĂ­ poloĹľky (.active) v menu 2. ĂşrovnÄ› 						*/
	--c-mainmenu-dark-submenu-txt_a_h:		hsla(50, 100%, 60%, 1);		/* Barva textu aktivnĂ­ poloĹľky v menu 2. ĂşrovnÄ› ve stavu :hover					*/
	--c-mainmenu-dark-submenu-bg: 			hsla(200, 50%, 30%, 1);		/* Základní barva pozadí menu 2. úrovně (může se použít také gradient)			*/
	--c-mainmenu-dark-submenu-bg_h: 		hsla(200, 50%, 50%, 1);		/* Barva pozadĂ­ menu 2. ĂşrovnÄ› ve stavu :hover									*/
	
	/* Nastavení levého okraje položky v horizontálním menu (pro žádný okraj použít parametr "none") 													*/
	--mainmenu-dark-border-left: 			1px solid hsla(0, 0%, 90%, 1);	
	
	/* Nastavení pravého okraje položky v horizontálním menu (pro žádný okraj použít parametr "none") 													*/
	--mainmenu-dark-border-right: 			1px solid #DDE2E4;
	
	/* Nastavení horního okraje položky v rozbalovacím menu (pro žádný okraj použít parametr "none") 													*/
	--mainmenu-dark-border-top: 			1px solid #FFFFFF;
	
	/* Nastavení spodního okraje položky v horizontálním menu (pro žádný okraj použít parametr "none") 													*/
	--mainmenu-dark-border-bottom: 		1px solid #DDE2E4;
	
	/* Nastavení horního okraje položky v menu 2. úrovně (pro žádný okraj použít parametr "none")														*/
	--mainmenu-dark-drpmenu-border-top:	1px solid #DDE2E4;				/* Horizontální menu															*/
	--mainmenu-dark-submenu-border-top:	1px solid #DDE2E4;				/* RozbalovacĂ­ menu																*/
	
	/* Nastavení spodního okraje položky v menu 2. úrovně (pro žádný okraj použít parametr "none")														*/
	--mainmenu-dark-drpmenu-border-bottom:	1px solid #DDE2E4;			/* Horizontální menu															*/
	--mainmenu-dark-submenu-border-bottom:	1px solid #DDE2E4;			/* RozbalovacĂ­ menu																*/
	
	
	/* == APPEARANCE == */
	
	/* Minimální výška menu */
	--h-mainmenu: 4rem;
	
	}
	
	/* Nastavení pozice odkud se bude mobilní verze rozbalovacího menu rozbalovat na stránce	*/
	nav.main_menu {
		/*left: 0;*/					/* Pozice vůči levému okraji (pro fullscreen nechat na 0) */
		top: 0;					/* Pozice vůči hornímu okraji stránky (Zakomentovat, pokud se má menu otevírat ze stejného místa, jako je desktopová varianta */
	}
	
	label.main_menu_nav_close_label {
	/*	display: none !important;	/* Pokud je nastavená pevná poloha menu vůči hornímu okraji (hodnota hned nad touto) je nutné tuto položku zakomentovat */
	}
	
	:root {
	
	/* == TOGGLES == */	
	
	--wh-mainmenu-toggle-label: 3rem;									/* Velikost tlačítka, strana u čtverce, průměr u kruhu */
	--wh-mainmenu-close-label: var(--wh-mainmenu-toggle-label);
	
	--c-mainmenu-toggle-label-txt: 			hsla(0, 0%, 10%, 1);		/* Základní barva generovaných grafických prvků tlačitka hamburger					*/		
	--c-mainmenu-toggle-label-bg: 			transparent;				/* Barva pozadí tlačítka hamburger (může být použit gradient)							*/
	--c-mainmenu-toggle-label-txt_h: 		hsla(0, 0%, 10%, 1);		/* Barva generovaných grafických prvků tlačitka hamburger ve stavu :hover 			*/
	--c-mainmenu-toggle-label-bg_h: 		hsla(50, 100%, 60%, 1);	/* Barva pozadí tlačítka hamburger ve stavu :hover (může být použit gradient) 		*/
	
	
	--c-mainmenu-close-label-txt: 			hsla(0, 0%, 10%, 1);		/* Základní barva generovaných grafických prvků tlačitka zavřít					*/		
	--c-mainmenu-close-label-bg: 			hsla(0, 100%, 50%, .2);		/* Barva pozadí tlačítka zavřít (může být použit gradient)							*/
	--c-mainmenu-close-label-txt_h: 		hsla(0, 100%, 100%, 1);	/* Barva generovaných grafických prvků tlačitka zavřít ve stavu :hover 			*/
	--c-mainmenu-close-label-bg_h: 			hsla(0, 100%, 50%, 1);		/* Barva pozadí tlačítka zavřít ve stavu :hover (může být použit gradient) 		*/
	
	}