/*-----------------------------------------------------------
	MENU DESKTOP - ROZWIJANE SUBMENU

	Plik dodany 2026-07-29.
	Problem: .menu-desktop ul.menu li ul nie mialo zadnego tla,
	wiec nad zdjeciem hero pozycje submenu byly nieczytelne.

	Ladowany jako ostatni w header.php.
-------------------------------------------------------------*/


/* Biale tlo panelu.

   left/width sa przesuniete o wartosc paddingu poziomego,
   zeby tekst submenu zostal w tej samej osi co pozycja
   nadrzedna w menu - inaczej padding zepchnalby go w prawo.
   Bazowo bylo: left: 0; width: 16.00vw; min-width: 190px. */

.menu-desktop ul.menu li ul {
	background-color: #FFFFFF;
	left: -20px;
	width: calc(16.00vw + 40px);
	min-width: 230px;
	box-shadow: 0 12px 32px rgba(0, 0, 0, .08);
}


/* Padding panelu.

   UWAGA: ta regula MUSI siedziec na selektorze z :hover.
   style-size.css ustawia tutaj skrot
   "padding: clamp(10-35px) 0px 0px 0px", ktory ma wyzsza
   specyficznosc niz regula bazowa powyzej i skasowalby
   padding-left/right/bottom niezaleznie od kolejnosci plikow.

   Pierwsza wartosc to ten sam clamp co w style-size.css -
   przy zmianie odstepu gornego trzeba poprawic w obu miejscach
   albo usunac wpis ze style-size.css. */

.menu-desktop ul.menu li:hover ul {
	padding: clamp(10px, calc(10px + (25) * ((100vw - 320px) / (1680))), 35px) 20px 20px 20px;
}