/* ROLL — menu główne na komputerze wg wzorca `menu-projekt-01-nowe-menu.html`
   (notatka właściciela 2026-10-10, sekcja A). Nadpisuje wygląd menu motywu OceanWP
   własnym plikiem wtyczki (Dodatkowego CSS w Customizerze nie ruszamy).
   Menu na telefonie (panel „sidr”) — styl motywu bez zmian. */

#site-navigation-wrap .dropdown-menu > li > a.menu-link {
	font-size: 15px;
	font-weight: 600;
	color: #333;
	transition: color 0.15s;
}

#site-navigation-wrap .dropdown-menu > li:hover > a.menu-link,
#site-navigation-wrap .dropdown-menu > li.sfHover > a.menu-link {
	color: #c60000;
}

/* Bieżąca strona: czerwony tekst + kreska pod spodem. */
#site-navigation-wrap .dropdown-menu > li.current-menu-item > a.menu-link,
#site-navigation-wrap .dropdown-menu > li.current-menu-ancestor > a.menu-link,
#site-navigation-wrap .dropdown-menu > li.current-menu-parent > a.menu-link,
#site-navigation-wrap .dropdown-menu > li.current_page_item > a.menu-link,
#site-navigation-wrap .dropdown-menu > li.current_page_parent > a.menu-link {
	color: #c60000;
	box-shadow: inset 0 -3px 0 #c60000;
}

/* Rozwijane listy: biały panel, ramka, zaokrąglenie 14 px, cień. */
#site-navigation-wrap .dropdown-menu ul.sub-menu {
	min-width: 300px;
	padding: 8px;
	border: 1px solid #e6e6e6 !important;
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 18px 40px rgba(0, 0, 0, 0.14);
}

#site-navigation-wrap .dropdown-menu ul.sub-menu li {
	border: 0;
}

#site-navigation-wrap .dropdown-menu ul.sub-menu li a.menu-link {
	padding: 10px 14px;
	border: 0;
	border-radius: 9px;
	background: transparent;
	color: #333;
	font-size: 14.5px;
	font-weight: 600;
	line-height: 1.4;
	white-space: nowrap;
}

#site-navigation-wrap .dropdown-menu ul.sub-menu li a.menu-link:hover,
#site-navigation-wrap .dropdown-menu ul.sub-menu li a.menu-link:focus-visible {
	background: #fdecec;
	color: #c60000;
}

/* Dwie ostatnie pozycje (blisko prawej krawędzi) — lista rozwija się w lewo. */
#site-navigation-wrap .dropdown-menu > li:nth-last-child(-n+2) > ul.sub-menu {
	left: auto;
	right: 0;
}

/* Pozycje-kotwice na tej samej stronie (np. „O nas” → sekcje) WordPress oznacza wszystkie
   jako „bieżące” — w rozwijanej liście nie wyróżniamy ich, żeby nie świeciły się wszystkie naraz. */
#site-navigation-wrap .dropdown-menu ul.sub-menu li.current-menu-item > a.menu-link:not(:hover) {
	background: transparent;
	color: #333;
}

/* Pisownia jak we wzorcu (motyw wymusza „Wielkie Litery” w każdym słowie). */
#site-navigation-wrap .dropdown-menu > li > a.menu-link,
#site-navigation-wrap .dropdown-menu ul.sub-menu li a.menu-link {
	text-transform: none;
}

/* Efekt menu motywu „effect-four” dorysowuje przy bieżącej/najechanej pozycji niebieskie
   nawiasy [ ] — wzorzec ma zamiast tego czerwony kolor i kreskę pod spodem. */
#site-navigation-wrap .dropdown-menu > li > a.menu-link > span.text-wrap::before,
#site-navigation-wrap .dropdown-menu > li > a.menu-link > span.text-wrap::after {
	content: none !important;
	display: none !important;
}


/* 8 pozycji menu (od 2026-10-12: „Strona główna” i „Media/filmy”) — na węższych komputerach
   mniejsze odstępy, żeby menu mieściło się w jednym rzędzie obok logo. */
@media (min-width: 960px) and (max-width: 1279px) {
	#site-navigation-wrap .dropdown-menu > li > a.menu-link {
		padding-left: 8px !important;
		padding-right: 8px !important;
		font-size: 14.5px;
	}
}