/* =========================================================
   RODOradar – dropdown „Usługi RODO” (wariant A)
   Działa tylko w pozycji menu z klasą CSS: rr-menu
   ========================================================= */

.rr-menu {
	--rr-red: #D81F26;
	--rr-tint: #FCEBEA;
	--rr-hover: #FAF1F0;
	--rr-text: #151515;
	--rr-muted: #5A5A5A;
}

/* Panel – pełne tło, cień, czerwony pasek łączący z headerem */
li.rr-menu > ul.sub-menu {
	width: 452px;
	padding: 12px !important;
	background-color: #fff !important;
	border: 0 !important;
	border-top: 3px solid var(--rr-red) !important;
	border-radius: 0 0 14px 14px;
	box-shadow: 0 22px 56px rgba(0, 0, 0, .2);
	z-index: 9999;
}

li.rr-menu > ul.sub-menu > li {
	width: 100%;
	border: 0 !important;
}

/* Pozycja: ikona | tytuł + opis */
li.rr-menu > ul.sub-menu > li > a {
	display: grid !important;
	grid-template-columns: 42px 1fr;
	column-gap: 14px;
	row-gap: 3px;
	align-items: center;
	padding: 12px 14px !important;
	border-radius: 10px;
	background: transparent !important;
	color: var(--rr-text) !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
	letter-spacing: normal !important;
	text-transform: none !important;
	white-space: normal !important;
	transition: background-color .15s ease, color .15s ease;
}

li.rr-menu > ul.sub-menu > li > a::before {
	content: "";
	grid-column: 1;
	grid-row: 1 / span 2;
	width: 42px;
	height: 42px;
	border-radius: 10px;
	background: var(--rr-tint) var(--rr-ico, none) center / 21px no-repeat;
	transition: background-color .15s ease;
}

li.rr-menu .rr-desc {
	grid-column: 2;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.4;
	color: var(--rr-muted);
}

li.rr-menu > ul.sub-menu > li:not(.rr-cta) > a:hover,
li.rr-menu > ul.sub-menu > li:not(.rr-cta) > a:focus-visible,
li.rr-menu > ul.sub-menu > li.current-menu-item:not(.rr-cta) > a {
	background: var(--rr-hover) !important;
	color: var(--rr-red) !important;
}

li.rr-menu > ul.sub-menu > li:not(.rr-cta) > a:hover::before {
	background-color: #F9DCDA;
}

li.rr-menu > ul.sub-menu a:focus-visible {
	outline: 2px solid var(--rr-red);
	outline-offset: 2px;
}

/* Ikony (czerwona kreska) */
li.rr-menu .rr-ico-audyt > a { --rr-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D81F26' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4-4'/%3E%3C/svg%3E"); }
li.rr-menu .rr-ico-wdrozenie > a { --rr-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D81F26' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 3v6c0 4.5-3.4 8-8 9-4.6-1-8-4.5-8-9V6z'/%3E%3Cpath d='M8.5 12l2.5 2.5 4.5-5'/%3E%3C/svg%3E"); }
li.rr-menu .rr-ico-iod > a { --rr-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D81F26' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4 3.6-7 8-7s8 3 8 7'/%3E%3C/svg%3E"); }
li.rr-menu .rr-ico-koordynator > a { --rr-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D81F26' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.5'/%3E%3Ccircle cx='17' cy='10' r='2.5'/%3E%3Cpath d='M3 20c0-3.3 2.7-6 6-6s6 2.7 6 6'/%3E%3Cpath d='M15.5 15c2.9 0 5.5 1.9 5.5 5'/%3E%3C/svg%3E"); }
li.rr-menu .rr-ico-sygnalisci > a { --rr-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D81F26' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10v4h4l6 4V6l-6 4z'/%3E%3Cpath d='M17 8.5a5 5 0 0 1 0 7'/%3E%3C/svg%3E"); }

/* CTA „Szybka pomoc” – ciemny box na dole */
li.rr-menu > ul.sub-menu > li.rr-cta {
	margin-top: 8px;
	padding-top: 8px;
	border-top: 1px solid #ECECEC !important;
}

li.rr-menu > ul.sub-menu > li.rr-cta > a {
	grid-template-columns: 42px 1fr auto;
	padding: 16px !important;
	background: #121212 !important;
	color: #fff !important;
}

li.rr-menu > ul.sub-menu > li.rr-cta > a::before {
	border-radius: 50%;
	background: var(--rr-red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2L4 14h7l-1 8 9-12h-7z'/%3E%3C/svg%3E") center / 20px no-repeat;
}

li.rr-menu > ul.sub-menu > li.rr-cta > a::after {
	content: "Zapytaj";
	grid-column: 3;
	grid-row: 1 / span 2;
	padding: 11px 16px;
	border-radius: 8px;
	background: var(--rr-red);
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	transition: filter .15s ease;
}

li.rr-menu > ul.sub-menu > li.rr-cta > a:hover {
	background: #000 !important;
}

li.rr-menu > ul.sub-menu > li.rr-cta > a:hover::after {
	filter: brightness(1.1);
}

li.rr-menu > ul.sub-menu > li.rr-cta .rr-desc {
	color: #C4C4C4;
}

/* Mobile – w menu hamburgerowym bez panelu i cienia.
   GeneratePress: domyslnie 768px - zmien, jesli w Customizerze jest inny breakpoint menu mobilnego. */
@media (max-width: 768px) {
	li.rr-menu > ul.sub-menu {
		width: auto;
		padding: 4px 0 !important;
		border-top: 0 !important;
		border-radius: 0;
		box-shadow: none;
	}
	li.rr-menu > ul.sub-menu > li > a {
		padding: 10px 12px !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	li.rr-menu * { transition: none !important; }
}

/* =========================================================
   POZOSTALE MENU: CYBER, Compliance, Szkolenia, Wiedza
   ========================================================= */

/* Ikony */
li.rr-menu .rr-ico-it-rodo > a { --rr-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D81F26' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='12' rx='2'/%3E%3Cpath d='M8 20h8M12 16v4'/%3E%3Cpath d='M9 10l2 2 4-4'/%3E%3C/svg%3E"); }
li.rr-menu .rr-ico-pentest > a { --rr-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D81F26' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M12 2v4M12 18v4M2 12h4M18 12h4'/%3E%3C/svg%3E"); }
li.rr-menu .rr-ico-ciaglosc > a { --rr-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D81F26' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12a8 8 0 0 1-14 5.3'/%3E%3Cpath d='M4 12a8 8 0 0 1 14-5.3'/%3E%3Cpath d='M18 3v4h-4'/%3E%3Cpath d='M6 21v-4h4'/%3E%3C/svg%3E"); }
li.rr-menu .rr-ico-socjotechnika > a { --rr-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D81F26' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 7l9 6 9-6'/%3E%3C/svg%3E"); }
li.rr-menu .rr-ico-ryzyko > a { --rr-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D81F26' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l10 18H2z'/%3E%3Cpath d='M12 10v5M12 18h.01'/%3E%3C/svg%3E"); }
li.rr-menu .rr-ico-bia > a { --rr-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D81F26' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 20V11M11 20V5M17 20v-7M3 20h18'/%3E%3C/svg%3E"); }
li.rr-menu .rr-ico-cra > a { --rr-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D81F26' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='7' width='10' height='10' rx='1.5'/%3E%3Cpath d='M10 3v4M14 3v4M10 17v4M14 17v4M3 10h4M3 14h4M17 10h4M17 14h4'/%3E%3C/svg%3E"); }
li.rr-menu .rr-ico-nis2 > a { --rr-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D81F26' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='5' r='2.5'/%3E%3Ccircle cx='5' cy='19' r='2.5'/%3E%3Ccircle cx='19' cy='19' r='2.5'/%3E%3Cpath d='M12 7.5v4M12 11.5l-5.2 5.4M12 11.5l5.2 5.4'/%3E%3C/svg%3E"); }
li.rr-menu .rr-ico-iso27001 > a { --rr-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D81F26' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E"); }
li.rr-menu .rr-ico-dora > a { --rr-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D81F26' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10l9-6 9 6'/%3E%3Cpath d='M5 10v8M10 10v8M14 10v8M19 10v8M3 21h18'/%3E%3C/svg%3E"); }
li.rr-menu .rr-ico-doradztwo > a { --rr-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D81F26' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v11H9l-5 4z'/%3E%3C/svg%3E"); }
li.rr-menu .rr-ico-system-compliance > a { --rr-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D81F26' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l9 5-9 5-9-5z'/%3E%3Cpath d='M3 13l9 5 9-5'/%3E%3C/svg%3E"); }
li.rr-menu .rr-ico-aml > a { --rr-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D81F26' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='6' rx='7' ry='3'/%3E%3Cpath d='M5 6v6c0 1.7 3.1 3 7 3s7-1.3 7-3V6'/%3E%3Cpath d='M5 12v6c0 1.7 3.1 3 7 3s7-1.3 7-3v-6'/%3E%3C/svg%3E"); }
li.rr-menu .rr-ico-szkolenie > a { --rr-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D81F26' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 9l10-5 10 5-10 5z'/%3E%3Cpath d='M6 11v5c0 1.5 2.7 3 6 3s6-1.5 6-3v-5'/%3E%3C/svg%3E"); }
li.rr-menu .rr-ico-elearning > a { --rr-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D81F26' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5' width='16' height='11' rx='1.5'/%3E%3Cpath d='M2 19h20'/%3E%3C/svg%3E"); }
li.rr-menu .rr-ico-aktualnosci > a { --rr-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D81F26' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='16' height='16' rx='2'/%3E%3Cpath d='M8 9h8M8 13h8M8 17h5'/%3E%3C/svg%3E"); }
li.rr-menu .rr-ico-wydarzenia > a { --rr-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D81F26' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E"); }

/* Dwie kolumny - dla dlugich list (Uslugi CYBER): klasa rr-menu-2kol */
li.rr-menu.rr-menu-2kol > ul.sub-menu {
	width: 700px;
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 4px;
	row-gap: 2px;
}

li.rr-menu.rr-menu-2kol > ul.sub-menu > li.rr-cta {
	grid-column: 1 / -1;
}

/* Menu przy prawej krawedzi (Wiedza): panel wyrownany do prawej - klasa rr-menu-prawo */
li.rr-menu.rr-menu-prawo > ul.sub-menu {
	right: 0;
}

@media (max-width: 768px) {
	li.rr-menu.rr-menu-2kol > ul.sub-menu {
		width: auto;
		grid-template-columns: 1fr;
	}
	li.rr-menu.rr-menu-prawo > ul.sub-menu {
		right: auto;
	}
}

/* =========================================================
   PRZELACZNIK JEZYKA: zamiast listy jeden link z drugim jezykiem
   (na polskiej stronie "EN", na angielskiej "PL").
   Dziala na przelaczniku GTranslate (menu-item-gtranslate).
   GTranslate oznacza biezacy jezyk klasa gt-current-lang - ten link
   jest ukrywany, zostaje tylko drugi jezyk.
   ========================================================= */

/* ukryj etykiete rodzica ("PL" ze strzalka) */
li.menu-item-gtranslate > a {
	display: none !important;
}

/* lista jezykow zawsze widoczna, w linii, bez panelu */
.main-navigation li.menu-item-gtranslate > ul.sub-menu {
	position: static !important;
	left: auto !important;
	opacity: 1 !important;
	visibility: visible !important;
	height: auto !important;
	overflow: visible !important;
	pointer-events: auto !important;
	display: flex !important;
	width: auto !important;
	padding: 0 !important;
	margin: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	transform: none !important;
}

li.menu-item-gtranslate > ul.sub-menu > li {
	width: auto !important;
	border: 0 !important;
	background: transparent !important;
}

/* biezacy jezyk znika */
li.menu-item-gtranslate > ul.sub-menu > li:has(> a.gt-current-lang) {
	display: none !important;
}

/* zanim skrypt GTranslate oznaczy jezyk: zakladamy polski, pokazujemy EN */
li.menu-item-gtranslate:not(:has(a.gt-current-lang)) > ul.sub-menu > li:has(> a[data-gt-lang="pl"]) {
	display: none !important;
}

/* wyglad linku: maly obrys w stylu marki */
.main-navigation li.menu-item-gtranslate > ul.sub-menu > li > a {
	display: inline-flex !important;
	align-items: center;
	margin: 0 0 0 8px;
	padding: 6px 12px !important;
	line-height: 1.2 !important;
	border: 1px solid rgba(255, 255, 255, .45);
	border-radius: 6px;
	background: transparent !important;
	color: #fff !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	letter-spacing: .8px !important;
	transition: border-color .15s ease, background-color .15s ease;
}

.main-navigation li.menu-item-gtranslate > ul.sub-menu > li > a:hover,
.main-navigation li.menu-item-gtranslate > ul.sub-menu > li > a:focus-visible {
	border-color: #D81F26;
	background: #D81F26 !important;
}

.main-navigation li.menu-item-gtranslate > ul.sub-menu > li > a:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 2px;
}

@media (max-width: 768px) {
	.main-navigation li.menu-item-gtranslate > ul.sub-menu > li > a {
		margin: 8px 0 8px 16px;
	}
}

/* =========================================================
   GLOWNE MENU: odstep miedzy pozycjami o 1px mniejszy
   (zeby przelacznik jezyka nie spadal do drugiej linii w wersji EN).
   Ujemny margines dziala niezaleznie od paddingu z Customizera.
   Wieksze zmniejszenie: zmien -1px na -2px.
   ========================================================= */
@media (min-width: 769px) {
	.main-navigation .main-nav > ul > li + li {
		margin-left: -6px;
	}
}