2 Course categories
2 Course categories
2 Course categories
2 Course categories
2 Course categories
2 Course categories
/* 01. NAWIGACJA — kolory podstawowe
Białe tło górnego paska oraz ciemny kolor linków. */
.edmo-nav {
background-color: #FFFFFF;
}
.edmo-nav .navbar .navbar-nav .nav-item a {
color: #18254b;
}
/* 02. KATALOG KURSÓW — ukrywanie zbędnych informacji
Usunięcie etykiet cen, liczników i metadanych z kart kategorii oraz kursów. */
.price.shadow {
display: none !important;
}
#frontpage-category-names .single-courses-box .price.shadow {
display: none !important;
}
#frontpage-category-names .single-courses-box .course-author {
display: none !important;
}
.courses.frontpage-course-list-all .price.shadow {
display: none !important;
}
.courses.frontpage-course-list-all .courses-box-footer {
display: none !important;
}
/* 03. STRONA LOGOWANIA — kolejność metod dostępu
CAS jest prezentowany przed formularzem kont lokalnych. */
.loginform {
display: flex;
flex-direction: column;
}
/* Logo w formularzu logowania
Logo jest pierwszym elementem układu logowania. */
.loginform #loginlogo {
order: 1;
}
/* Logowanie centralne CAS
Wyrównanie sekcji, odstępy, rozmiar opisu i wyróżnienie przycisku. */
.loginform .login-identityproviders {
order: 2;
padding: 20px 0 25px;
text-align: center;
}
.loginform .login-identityproviders .login-heading {
font-size: 1.25rem;
font-weight: 600;
margin-bottom: 15px;
}
.loginform .login-identityprovider-btn {
font-size: 1.15rem;
font-weight: 600;
background-color: #003c82;
color: #ffffff;
padding: 14px 20px;
min-height: 55px;
}
/* Separator po przycisku CAS
Oddzielenie uwierzytelniania CAS od logowania lokalnego. */
.loginform .login-identityproviders + .login-divider {
order: 3;
display: block;
margin: 20px 0 !important;
}
/* Logowanie kontem lokalnym
Formularz poniżej CAS, z mniejszymi polami i własnym nagłówkiem. */
.loginform .login-form {
order: 4;
margin-top: 5px;
}
.loginform .login-form::before {
content: "Inni użytkownicy";
display: block;
text-align: center;
font-size: 1.05rem;
font-weight: 600;
margin-bottom: 15px;
}
.loginform .login-form .form-control {
font-size: 0.9rem;
min-height: 42px;
}
.loginform .login-form .login-form-submit .btn {
font-size: 0.9rem;
padding: 8px 16px;
}
.loginform .login-form .mb-3 {
margin-bottom: 0.5rem !important;
}
/* Zbędny separator pod formularzem lokalnym
Ukrycie drugiego separatora. */
.loginform .login-form + .login-divider {
display: none;
}
/* Wybór języka i komunikat o plikach cookie
Elementy pomocnicze umieszczone pod formularzem. */
.loginform > .d-flex {
order: 5;
justify-content: center;
align-items: center;
margin-top: 15px;
}
.loginform > .d-flex button {
font-size: 0.8rem;
padding: 5px 10px;
}
/* 04. STOPKA — bazowe odstępy
Ograniczenie pustej przestrzeni i ukrycie dolnego paska motywu. */
.footer-area {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.footer-area .footer-bottom-area {
display: none !important;
}
.footer-area .footer-bottom-area {
margin-top: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
border-top: none !important;
}
.footer-area > .container {
padding-bottom: 0 !important;
margin-bottom: 0 !important;
}
/* 05. NAWIGACJA — minimalna wysokość paska
Podstawowy wymiar nagłówka, uszczegółowiony dalej dla ekranów. */
.edmo-nav .navbar {
min-height: 60px;
}
/* 06. OBRAZ INFORMACYJNY — podstawowe skalowanie
Reguły dla obrazów umieszczonych w kontenerze .prz-banner. */
.prz-banner {
width: 100%;
margin: 0;
padding: 0;
line-height: 0;
}
.prz-banner img {
display: block;
width: 100%;
height: 150px;
object-fit: cover;
object-position: center;
}
/* 07. STOPKA — układ kolumn i identyfikacja uczelni
Granatowe tło, cztery kolumny, logo PRz, dane kontaktowe i linki. */
body .footer-area .lines {display:none!important}
body .footer-area {background:#003C82!important;padding:27px 0 24px!important;}
body .footer-area>.container {max-width:1440px!important;padding:0 28px!important}
body .footer-area>.container>.row {
display:grid!important;
grid-template-columns:minmax(135px,.83fr) repeat(3,minmax(0,1fr))!important;
align-items:start!important;column-gap:clamp(20px,2vw,34px)!important;
row-gap:18px!important;margin:0!important;
}
body .footer-area>.container>.row>div:not(.prz-v6-footer-social) {
max-width:none!important;min-width:0!important;width:100%!important;
padding:0!important;margin:0!important;
}
/* Pasek ikon społecznościowych
Wspólne style ikon i ich obszaru nad kolumnami. */
body .footer-area .prz-v6-footer-social {
grid-column:1 / -1!important;
border-bottom:1px solid rgba(255,255,255,.36)!important;
padding:0 0 17px!important;margin:0 0 4px!important;
}
body .footer-area .prz-v6-footer-social .social-link {
list-style:none!important;display:flex!important;flex-wrap:wrap!important;
align-items:center!important;gap:16px!important;
margin:0!important;padding:0!important;border:0!important;
}
body .footer-area .social-link li {margin:0!important}
body .footer-area .social-link li a {color:#fff!important;background:transparent!important;font-size:23px!important}
body .footer-area .social-link li a svg {fill:#fff!important;width:23px!important}
body .footer-area .prz-v6-footer-godlo {display:none!important}
body .footer-area .prz-v6-footer-brand {
display:flex!important;align-items:flex-start!important;justify-content:flex-start!important;
padding:0 10px 0 0!important;
}
body .footer-area .prz-v6-footer-brand a {display:inline-flex!important;max-width:100%!important;}
body .footer-area .prz-v6-footer-brand img {
display:block!important;width:auto!important;max-width:100%!important;
height:auto!important;object-fit:contain!important;
}
body .footer-area .prz-v6-footer-prz img {max-height:62px!important;max-width:180px!important}
body .footer-area .single-footer-widget,
body .footer-area .single-footer-widget p {
color:#fff!important;font-size:13.5px!important;line-height:1.68!important;
padding:0!important;margin:0!important;overflow-wrap:anywhere!important;
}
body .footer-area .single-footer-widget h3:empty,
body .footer-area .single-footer-widget p>br:first-child {display:none!important}
body .footer-area a {color:#fff!important}
body .footer-area a:hover {text-decoration:underline!important}
body .footer-area .single-footer-widget>li {list-style:none!important;margin-bottom:6px!important}
body .footer-area .single-footer-widget>li::before {content:'›';margin-right:8px}
body .footer-area .footer-bottom-area {display:none!important}
/* Stopka — ekrany średnie
Dwie kolumny na urządzeniach o mniejszej szerokości. */
@media(max-width:1199px){
body .footer-area>.container>.row {grid-template-columns:repeat(2,minmax(0,1fr))!important}
body .footer-area .prz-v6-footer-prz img {max-height:58px!important;max-width:168px!important}
}
/* Stopka — podstawowy układ mobilny
Jedna kolumna oraz mniejsze odstępy boczne. */
@media(max-width:767px){
body .footer-area>.container {padding:0 18px!important}
body .footer-area>.container>.row {grid-template-columns:minmax(0,1fr)!important;gap:18px!important}
body .footer-area .prz-v6-footer-prz img {max-height:48px!important;max-width:142px!important}
body .footer-area .prz-v6-footer-content {grid-column:1 / -1!important}
}
/* 08. KATEGORIE GŁÓWNE — kafelki wydziałów
Siatka kart z oryginalnymi logotypami i bez powielania nazwy wydziału. */
#frontpage-category-names .courses_container {
display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
grid-auto-rows:1fr!important;gap:15px!important;margin:0!important;
}
#frontpage-category-names .courses_container>div {
min-width:0!important;max-width:none!important;width:100%!important;margin:0!important;padding:0!important;
}
#frontpage-category-names .courses_list_content {height:100%!important}
#frontpage-category-names .single-courses-box.prz-v6-category-card {
position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;
flex-direction:column!important;min-height:150px!important;height:100%!important;
padding:16px 18px!important;margin:0!important;
border:1px solid #dce5ee!important;border-radius:14px!important;
background:#fff!important;box-shadow:0 4px 14px rgba(0,60,130,.055)!important;
transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
#frontpage-category-names .prz-v6-category-card:hover {
transform:translateY(-3px)!important;border-color:#003c82!important;
box-shadow:0 12px 26px rgba(0,60,130,.13)!important;
}
#frontpage-category-names .prz-v6-category-card:focus-within {
outline:3px solid #006ac4!important;outline-offset:3px!important;
}
#frontpage-category-names .prz-v6-category-card .courses-image,
#frontpage-category-names .prz-v6-category-card .courses-image .image {
display:flex!important;align-items:center!important;justify-content:center!important;
width:100%!important;height:auto!important;min-height:94px!important;
max-height:none!important;margin:0!important;padding:0!important;background:transparent!important;
position:static!important;overflow:visible!important;
}
#frontpage-category-names .prz-v6-category-card .courses-image img {
display:block!important;max-width:100%!important;width:100%!important;
height:108px!important;object-fit:contain!important;object-position:center!important;
padding:0!important;margin:0 auto!important;filter:none!important;border-radius:0!important;
}
#frontpage-category-names .prz-v6-category-card.prz-v6-logo-only .courses-content {display:none!important}
#frontpage-category-names .prz-v6-category-card .courses-content {
text-align:center!important;padding:7px 0 0!important;margin:0!important;
}
#frontpage-category-names .prz-v6-category-card .courses-content h3 {margin:0!important;font-size:16px!important;line-height:1.4!important}
#frontpage-category-names .prz-v6-category-card .course-author,
#frontpage-category-names .prz-v6-category-card .price.shadow,
#frontpage-category-names .prz-v6-category-card .courses-box-footer {display:none!important}
/* Klikalna powierzchnia kafelka
Odnośnik obejmuje cały kafelek; ramka reaguje na fokus i najechanie. */
#frontpage-category-names .prz-v6-category-card .prz-v6-full-link {
position:absolute!important;inset:0!important;z-index:5!important;display:block!important;
border-radius:inherit!important;background:transparent!important;color:transparent!important;
font-size:0!important;outline:none!important;
}
#frontpage-category-names .prz-v6-category-card::after {
content:'›';position:absolute;right:11px;bottom:6px;z-index:3;
color:#003c82;font-size:22px;line-height:1;opacity:0;
transition:opacity .18s ease;pointer-events:none;
}
#frontpage-category-names .prz-v6-category-card:hover::after,
#frontpage-category-names .prz-v6-category-card:focus-within::after {opacity:1}
#frontpage-category-names .prz-v6-category-card.prz-v6-no-logo .courses-image {display:none!important}
#frontpage-category-names .prz-v6-category-card.prz-v6-no-logo .courses-content {display:block!important}
/* Kafelki wydziałów — siatka responsywna
Trzy kolumny na komputerach, dwie na tabletach i jedna na telefonach. */
@media(max-width:1500px){#frontpage-category-names .courses_container {grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:990px){#frontpage-category-names .courses_container {grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:700px){
#frontpage-category-names {padding:14px 11px!important}
#frontpage-category-names .courses_container {grid-template-columns:minmax(0,1fr)!important;gap:10px!important;max-width:620px!important;margin:0 auto!important}
#frontpage-category-names .single-courses-box.prz-v6-category-card {
min-height:88px!important;flex-direction:row!important;justify-content:flex-start!important;
padding:10px 30px 10px 8px!important;border-radius:12px!important;transform:none!important;
}
#frontpage-category-names .prz-v6-category-card .courses-image,
#frontpage-category-names .prz-v6-category-card .courses-image .image {
width:100%!important;min-height:0!important;max-height:none!important;justify-content:flex-start!important;
}
#frontpage-category-names .prz-v6-category-card .courses-image img {
width:100%!important;max-width:340px!important;height:86px!important;object-position:left center!important;margin:0!important;
}
#frontpage-category-names .prz-v6-category-card::after {
right:14px;bottom:auto;top:50%;transform:translateY(-50%);opacity:1;
}
#frontpage-category-names .prz-v6-category-card.prz-v6-no-logo {min-height:72px!important}
#frontpage-category-names .prz-v6-category-card.prz-v6-no-logo .courses-content {text-align:left!important}
}
@media(prefers-reduced-motion:reduce){
#frontpage-category-names .prz-v6-category-card {transition:none!important;transform:none!important}
}
/* Kategoria „INNE — Pozostałe kursy”
Sygnet i podpis mają niezależne wymiary, bez wpływu na logotypy wydziałowe. */
#frontpage-category-names .prz-v6-other-category .courses-image > *:not(.prz-v6-other-wordmark) {
display: none !important;
}
#frontpage-category-names .prz-v6-other-category .courses-image {
display: flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 94px !important;
}
#frontpage-category-names .prz-v6-other-wordmark {
display: flex !important;
width: fit-content !important;
max-width: 100% !important;
align-items: center !important;
justify-content: center !important;
gap: 12px !important;
margin: 0 auto !important;
padding: 0 !important;
color: #003c82 !important;
pointer-events: none !important;
}
#frontpage-category-names .prz-v6-other-wordmark__symbol {
display: block !important;
width: 70px !important;
height: 70px !important;
flex: 0 0 70px !important;
}
#frontpage-category-names .prz-v6-other-wordmark__labels {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
justify-content: center !important;
gap: 2px !important;
flex: 0 0 auto !important;
white-space: nowrap !important;
text-align: left !important;
line-height: 1.13 !important;
}
#frontpage-category-names .prz-v6-other-wordmark__eyebrow {
color: #003c82 !important;
font-size: 15px !important;
font-weight: 600 !important;
letter-spacing: .055em !important;
}
#frontpage-category-names .prz-v6-other-wordmark__name {
color: #003c82 !important;
font-size: 18px !important;
font-weight: 800 !important;
letter-spacing: -.015em !important;
white-space: nowrap !important;
}
/* Telefon — proporcje zgodne z niewielkimi logotypami wydziałów. */
@media (max-width: 700px) {
#frontpage-category-names .prz-v6-other-category .courses-image {
min-height: 0 !important;
justify-content: flex-start !important;
}
#frontpage-category-names .prz-v6-other-wordmark {
justify-content: flex-start !important;
gap: 10px !important;
margin: 0 0 0 9px !important;
width: auto !important;
max-width: calc(100% - 18px) !important;
}
#frontpage-category-names .prz-v6-other-wordmark__symbol {
width: 44px !important;
height: 44px !important;
flex-basis: 44px !important;
}
#frontpage-category-names .prz-v6-other-wordmark__eyebrow {
font-size: 12px !important;
letter-spacing: .055em !important;
}
#frontpage-category-names .prz-v6-other-wordmark__name {
font-size: 16px !important;
}
}
/* 09. WYSZUKIWARKA KURSÓW — usunięcie duplikatu
Wbudowana wyszukiwarka jest ukrywana dopiero po uruchomieniu nowego kafelka. */
body#page-site-index.prz-cards-ready .edmo-main>.box.d-flex.justify-content-center {display:none!important}
/* 10. NAGŁÓWEK — logotyp platformy i menu główne
Poziomy logotyp na komputerze, sygnet na telefonie; przyciski Moodle bez przebudowy. */
.edmo-nav,.edmo-nav .navbar {background:#fff!important}
.edmo-nav .navbar {height:auto!important;min-height:0!important;padding:5px 0!important;border-bottom:1px solid #e8edf4!important}
.edmo-nav .navbar>.container,.edmo-nav .navbar>.container-fluid {
display:flex!important;flex-wrap:nowrap!important;align-items:center!important;
gap:clamp(8px,1.2vw,22px)!important;min-width:0!important;
max-width:100%!important;width:100%!important;box-sizing:border-box!important;
padding-left:clamp(14px,2vw,32px)!important;padding-right:clamp(14px,2vw,32px)!important;
}
.edmo-nav .navbar a.navbar-brand {
display:inline-flex!important;align-items:center!important;flex:0 0 auto!important;
width:clamp(205px,21vw,295px)!important;max-width:295px!important;
padding:0!important;margin:0!important;
}
.edmo-nav .navbar a.navbar-brand img {
max-width:100%!important;width:auto!important;
max-height:81px!important;height:auto!important;object-fit:contain!important;object-position:left center!important;
}
.edmo-nav .prz-platform-title {display:none!important}
@media(min-width:992px){.edmo-nav a.navbar-brand img.mobile-logo{display:none!important}}
.edmo-nav .navbar .navbar-collapse {
display:flex!important;align-items:center!important;justify-content:flex-end!important;
min-width:0!important;flex:1 1 auto!important;width:auto!important;margin:0!important;padding:0!important;
}
.edmo-nav .navbar .navbar-nav {align-items:center!important;gap:clamp(2px,.5vw,9px)!important;flex-wrap:nowrap!important}
.edmo-nav .navbar .navbar-nav .nav-item>a,
.edmo-nav .navbar .navbar-nav .nav-item>a.prz-nav-search-link {
color:#16365e!important;font-family:inherit!important;font-size:clamp(14px,1.05vw,16px)!important;
font-weight:700!important;white-space:nowrap!important;padding:9px clamp(4px,.45vw,9px)!important;
}
.edmo-nav .navbar .navbar-nav .nav-item>a:hover {color:#0063b1!important}
.edmo-nav .navbar a:focus-visible,.edmo-nav .navbar button:focus-visible {outline:2px solid #003c82!important;outline-offset:3px!important}
/* Nagłówek — ekrany komputerów średniej szerokości
Menu może przejść pod logo, aby nie nachodziło na przyciski konta. */
@media(min-width:992px) and (max-width:1399px){
.edmo-nav .navbar>.container,.edmo-nav .navbar>.container-fluid {flex-wrap:wrap!important;gap:0 12px!important}
.edmo-nav .navbar a.navbar-brand {width:240px!important;max-width:240px!important}
.edmo-nav .navbar .navbar-collapse {flex:1 1 100%!important;width:100%!important;order:8!important;justify-content:flex-end!important;margin:-4px 0 0!important}
.edmo-nav .navbar .navbar-nav .nav-item>a {padding-top:5px!important;padding-bottom:6px!important}
}
/* Nagłówek — menu mobilne
Kompaktowy sygnet, natywny przycisk rozwijania i czytelne linki. */
@media(max-width:991px){
.edmo-nav .navbar {min-height:57px!important;padding:5px 0!important}
.edmo-nav .navbar>.container,.edmo-nav .navbar>.container-fluid {flex-wrap:wrap!important}
.edmo-nav .navbar a.navbar-brand {width:55px!important;max-width:55px!important}
.edmo-nav .navbar a.navbar-brand img {max-height:51px!important;height:auto!important;max-width:100%!important}
.edmo-nav a.navbar-brand img.desktop-logo {display:none!important}
.edmo-nav .navbar .navbar-collapse {display:none!important;flex:1 1 100%!important;width:100%!important}
.edmo-nav .navbar .navbar-collapse.show,.edmo-nav .navbar .navbar-collapse.collapsing {display:block!important}
.edmo-nav .navbar .navbar-collapse .navbar-nav {align-items:stretch!important;flex-wrap:wrap!important}
.edmo-nav .navbar .navbar-collapse .navbar-nav .nav-item>a {font-size:15px!important;padding:10px 8px!important}
}
/* 11. BANER GŁÓWNY — tło i format
Kadrowanie fotografii, rozmiary sekcji i kontrola warstwy parallax. */
#inst1678 .banner-wrapper {
position:relative!important;width:100%!important;overflow:hidden!important;
height:clamp(330px,33.45vw,650px)!important;min-height:330px!important;
max-height:650px!important;padding:0!important;clip-path:none!important;mask-image:none!important;
background-size:cover!important;background-position:center center!important;
background-repeat:no-repeat!important;background-attachment:scroll!important;border-radius:0!important;
}
#inst1678 .banner-wrapper [id^="jarallax-container"],
#inst1678 .banner-wrapper .jarallax-container {position:absolute!important;inset:0!important;width:100%!important;height:100%!important;overflow:hidden!important}
#inst1678 .banner-wrapper [id^="jarallax-container"]>div,
#inst1678 .banner-wrapper .jarallax-container>div {
position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
transform:none!important;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;
}
#inst1678 .banner-wrapper .jarallax-container img,
#inst1678 .banner-wrapper [id^="jarallax-container"] img {
position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
object-fit:cover!important;object-position:center!important;transform:none!important;
}
#inst1678 .banner-wrapper::after {content:none!important;display:none!important}
/* Baner — nakładka zwiększająca kontrast
Delikatne przyciemnienie lewej strony fotografii pod tekstem. */
#inst1678 .banner-wrapper::before {
content:''!important;display:block!important;position:absolute!important;inset:0!important;
background:linear-gradient(90deg,rgba(0,37,82,.35),rgba(0,37,82,0) 53%)!important;
z-index:1!important;pointer-events:none!important;
}
/* Baner — pozycja tytułu i opisu
Tekst pobierany z ustawień bloku, niezależny od zdjęcia. */
#inst1678 .banner-wrapper-text {
display:block!important;visibility:visible!important;
position:absolute!important;z-index:2!important;top:50%!important;left:clamp(28px,5.2vw,118px)!important;
transform:translateY(-50%)!important;max-width:min(44%,680px)!important;
width:auto!important;height:auto!important;overflow:visible!important;
margin:0!important;padding:0!important;border:0!important;clip:auto!important;clip-path:none!important;
color:#fff!important;text-align:left!important;white-space:normal!important;
}
#inst1678 .banner-wrapper-text h1,
#inst1678 .banner-wrapper-text h2,
#inst1678 .banner-wrapper-text h3 {
font-size:clamp(30px,3.6vw,72px)!important;font-weight:800!important;letter-spacing:-.035em!important;
line-height:1.09!important;margin:0 0 20px!important;color:#fff!important;text-shadow:0 2px 10px rgba(0,29,71,.16)!important;
}
#inst1678 .banner-wrapper-text p {
color:#eef6ff!important;font-size:clamp(15px,1.45vw,23px)!important;
line-height:1.48!important;margin:0!important;max-width:560px!important;
}
#inst1678 .banner-wrapper-text a,#inst1678 .banner-wrapper-text button,#inst1678 .banner-wrapper-text form {display:none!important}
/* Baner — wstępne dopasowanie do telefonów
Węższe kadrowanie obrazu i mniejszy tekst. */
@media(max-width:767px){
#inst1678 .banner-wrapper {height:345px!important;min-height:345px!important;max-height:345px!important;background-size:auto 100%!important;background-position:right center!important}
#inst1678 .banner-wrapper [id^="jarallax-container"]>div,
#inst1678 .banner-wrapper .jarallax-container>div {background-size:auto 100%!important;background-position:right center!important}
#inst1678 .banner-wrapper .jarallax-container img,
#inst1678 .banner-wrapper [id^="jarallax-container"] img {object-position:right center!important}
#inst1678 .banner-wrapper::before {background:linear-gradient(90deg,rgba(0,32,72,.96),rgba(0,32,72,.7) 75%,rgba(0,32,72,.4))!important}
#inst1678 .banner-wrapper-text {
position:relative!important;top:auto!important;left:auto!important;transform:none!important;
padding:54px 22px!important;max-width:480px!important;width:auto!important;height:auto!important;
}
#inst1678 .banner-wrapper-text h1,#inst1678 .banner-wrapper-text h2,#inst1678 .banner-wrapper-text h3 {
font-size:clamp(27px,6.4vw,38px)!important;line-height:1.13!important;margin-bottom:15px!important;
}
#inst1678 .banner-wrapper-text p {font-size:15px!important;line-height:1.5!important}
}
@media(max-width:390px){
#inst1678 .banner-wrapper {height:320px!important;min-height:320px!important;max-height:320px!important}
#inst1678 .banner-wrapper-text {padding:44px 18px!important}
#inst1678 .banner-wrapper-text h1,#inst1678 .banner-wrapper-text h2,#inst1678 .banner-wrapper-text h3 {font-size:27px!important}
}
/* 12. KAFELKI POD BANEREM — pozycja i siatka
Kafelki lekko zachodzą na zdjęcie, a cały rząd jest wyśrodkowany. */
#inst1678 .boxes-area {
position: relative !important;
z-index: 5 !important;
padding: 0 18px 22px !important;
margin-top: -30px !important;
background: transparent !important;
}
#inst1678 .boxes-area .row {
display: flex !important;
flex-wrap: wrap !important;
justify-content: center !important;
align-items: stretch !important;
gap: 18px !important;
width: 100% !important;
max-width: 1020px !important;
margin: 0 auto !important;
padding: 0 !important;
}
body#page-site-index.prz-cards-ready #inst1678 .boxes-area .row {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
#inst1678 .boxes-area .row > .col-lg-4 {
position: static !important;
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
flex: 0 1 335px !important;
top: auto !important;
margin: 0 !important;
padding: 0 !important;
}
/* Wygląd kart: „Moje kursy”, wyszukiwanie i aktualności
Wspólne obramowanie, ikony, typografia i stany interaktywne. */
#inst1678 .single-box-item,
#inst1678 .prz-action-card {
position: relative !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
text-align: center !important;
box-sizing: border-box !important;
width: 100% !important;
height: 100% !important;
min-height: 170px !important;
padding: 16px 20px !important;
top: auto !important;
margin: 0 !important;
background: #fff !important;
border: 1px solid #e1e7ef !important;
border-radius: 14px !important;
box-shadow: 0 6px 20px rgba(30, 59, 123, .10) !important;
transform: none !important;
}
#inst1678 .single-box-item:hover,
#inst1678 .prz-action-card:hover {
box-shadow: 0 8px 24px rgba(30, 59, 123, .14) !important;
transform: none !important;
}
#inst1678 .single-box-item .icon,
#inst1678 .prz-action-icon {
display: flex !important;
flex: 0 0 auto !important;
align-items: center !important;
justify-content: center !important;
width: 38px !important;
height: 38px !important;
margin: 0 auto 8px !important;
border-radius: 11px !important;
background: #eaf4fb !important;
color: #003c82 !important;
line-height: 1 !important;
font-size: 23px !important;
}
#inst1678 .prz-action-icon svg {
width: 22px;
height: 22px;
}
/* Ikona czapki absolwenta
Symbol graficzny karty „Moje kursy”. */
#inst1678 .single-box-item .flaticon-computer::before {
content: "\f19d";
font-family: "Font Awesome 6 Free" !important;
font-weight: 900;
font-style: normal;
font-size: 23px;
margin: 0;
}
#inst1678 .single-box-item h3,
#inst1678 .prz-action-card h3 {
margin: 0 0 6px !important;
color: #003c82 !important;
font-size: 17px !important;
font-weight: 800 !important;
line-height: 1.25 !important;
}
#inst1678 .single-box-item p,
#inst1678 .prz-action-card > p {
margin: 0 0 9px !important;
color: #566277 !important;
font-size: 12px !important;
line-height: 1.4 !important;
}
#inst1678 .single-box-item .link-btn {
display: inline-block !important;
margin-top: auto !important;
color: #003c82 !important;
font-size: 17px !important;
font-weight: 800 !important;
line-height: 1.3 !important;
}
#inst1678 .single-box-item .link-btn:hover,
#inst1678 .prz-news-details a:hover {
color: #005e9e !important;
text-decoration: underline !important;
}
#inst1678 .single-box-item .link-btn:focus-visible,
#inst1678 .prz-course-search-form :focus-visible,
#inst1678 .prz-news-details summary:focus-visible,
#inst1678 .prz-news-details a:focus-visible {
outline: 2px solid #003c82 !important;
outline-offset: 3px !important;
}
/* Dostępność pola wyszukiwania
Ukryta wizualnie etykieta pozostaje dostępna dla czytników ekranu. */
#inst1678 .prz-course-search-form label.visually-hidden {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
/* Kafelek „Wyszukaj kurs” — pole i przycisk
Wyszukiwarka dopasowuje szerokość pola do karty. */
#inst1678 .prz-course-search-form {
display: flex;
align-items: stretch;
width: 100%;
margin-top: auto;
border: 1px solid #c7d4e4;
border-radius: 9px;
background: #fff;
overflow: hidden;
}
#inst1678 .prz-course-search-form input[type="search"] {
flex: 1 1 auto;
min-width: 0;
height: 38px;
padding: 0 9px 0 11px;
border: 0;
outline: none;
background: transparent;
font-size: 13px;
color: #003c82;
}
#inst1678 .prz-course-search-form button {
display: flex;
align-items: center;
justify-content: center;
width: 42px;
flex: 0 0 42px;
border: 0;
background: #003c82;
color: #fff;
cursor: pointer;
transition: background .15s ease;
}
#inst1678 .prz-course-search-form button:hover {
background: #005e9e;
}
#inst1678 .prz-course-search-form button svg {
width: 18px;
height: 18px;
}
/* Kafelek „Aktualności” — tekst i rozwijanie
Nagłówek ogłoszenia i sekcja szczegółów. */
#inst1678 .prz-news-headline {
font-weight: 700;
color: #003c82 !important;
}
#inst1678 .prz-news-details {
width: 100%;
margin-top: auto;
font-size: 13px;
color: #566277;
}
#inst1678 .prz-news-details summary {
width: fit-content;
margin: 0 auto;
color: #003c82;
font-size: 14px;
font-weight: 800;
cursor: pointer;
text-align: center;
}
#inst1678 .prz-news-details-body {
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid #e1e7ef;
}
#inst1678 .prz-news-details-body p {
font-size: 12px;
line-height: 1.5;
color: #566277;
margin: 0 0 10px;
}
#inst1678 .prz-news-details-body a {
color: #003c82;
font-weight: 700;
text-decoration: underline;
}
/* 13. BANER — końcowe dopasowanie mobilne
Niższy baner, ciemniejsza nakładka i wyraźny tekst na telefonie. */
@media (max-width: 767px) {
#inst1678 .banner-wrapper {
height: 300px !important;
min-height: 0 !important;
max-height: none !important;
background-position: right center !important;
background-size: auto 100% !important;
}
#inst1678 .banner-wrapper [id^="jarallax-container"] > div,
#inst1678 .banner-wrapper .jarallax-container > div {
background-position: right center !important;
background-size: auto 100% !important;
}
#inst1678 .banner-wrapper .jarallax-container img,
#inst1678 .banner-wrapper [id^="jarallax-container"] img {
object-position: right center !important;
}
#inst1678 .banner-wrapper::before {
content: "" !important;
display: block !important;
position: absolute !important;
inset: 0 !important;
background: linear-gradient(90deg, rgba(4, 29, 67, .94), rgba(4, 29, 67, .67)) !important;
z-index: 1 !important;
pointer-events: none !important;
}
#inst1678 .banner-wrapper-text {
position: relative !important;
display: block !important;
visibility: visible !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 42px 20px !important;
clip: auto !important;
clip-path: none !important;
overflow: visible !important;
white-space: normal !important;
color: #fff !important;
text-align: left !important;
z-index: 2 !important;
max-width: 540px !important;
}
#inst1678 .banner-wrapper-text h1,
#inst1678 .banner-wrapper-text h2,
#inst1678 .banner-wrapper-text h3 {
color: #fff !important;
font-weight: 800 !important;
font-size: clamp(25px, 6vw, 34px) !important;
line-height: 1.16 !important;
margin: 0 0 14px !important;
}
#inst1678 .banner-wrapper-text p {
color: #f2f6ff !important;
font-size: 15px !important;
line-height: 1.5 !important;
margin: 0 !important;
}
}
/* 14. KAFELKI POD BANEREM — szerokości ekranu
Trzy kolumny na komputerze, układ 2+1 na tablecie, jedna kolumna na telefonie. */
body#page-site-index.prz-cards-ready #inst1678 .boxes-area .row {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
max-width: 1060px !important;
gap: clamp(12px, 1.35vw, 20px) !important;
}
body#page-site-index.prz-cards-ready #inst1678 .boxes-area .row > .col-lg-4 {
flex: none !important;
min-width: 0 !important;
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
}
@media (min-width: 701px) and (max-width: 1060px) {
body#page-site-index.prz-cards-ready #inst1678 .boxes-area .row { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; max-width: 730px !important; }
body#page-site-index.prz-cards-ready #inst1678 .boxes-area .row > :last-child { grid-column: 1 / -1; max-width: 355px !important; justify-self: center; }
}
@media (max-width: 700px) {
body#page-site-index.prz-cards-ready #inst1678 .boxes-area .row { grid-template-columns: minmax(0, 1fr) !important; max-width: 420px !important; gap: 13px !important; }
#inst1678 .boxes-area { margin-top: -23px !important; padding: 0 14px 24px !important; }
#inst1678 .single-box-item, #inst1678 .prz-action-card { min-height: 156px !important; }
}
#inst1678 .prz-course-search-form,
#inst1678 .prz-action-card,
#inst1678 .single-box-item { min-width: 0 !important; max-width: 100% !important; }
#inst1678 .prz-course-search-form input { min-width: 0 !important; }
/* 15. PODKATEGORIE — grafiki i karty kursów
Oryginalne okładki pozostają; zastępcze ikony pojawiają się tylko bez własnego obrazu. */
body#page-course-index-category .prz-subcategory-card {
border: 1px solid #e1e7ef !important;
border-radius: 13px !important;
overflow: hidden !important;
box-shadow: 0 4px 16px rgba(30,59,123,.07) !important;
}
body#page-course-index-category .prz-subcategory-card .courses-image,
body#page-course-index-category .prz-subcategory-card .courses-image .image {
position: relative !important;
overflow: hidden !important;
}
body#page-course-index-category .prz-subcategory-card .courses-image .image {
display: block !important;
width: 100% !important;
height: 100% !important;
}
body#page-course-index-category .prz-subcategory-card .courses-image .image > img {
display: block !important;
}
body#page-course-index-category .prz-subcategory-card.prz-no-cover .courses-image,
body#page-course-index-category .prz-subcategory-card.prz-no-cover .courses-image .image {
background: linear-gradient(120deg,#e6f1f9,#d5e5f5) !important;
}
body#page-course-index-category .prz-subcategory-card.prz-no-cover .courses-image img { visibility: hidden !important; }
body#page-course-index-category .prz-category-icon {
display: none;
position: absolute !important;
inset: 0;
align-items: center;
justify-content: center;
color: #003c82;
z-index: 2;
pointer-events: none;
}
body#page-course-index-category .prz-no-cover .prz-category-icon { display: flex; }
body#page-course-index-category .prz-category-icon svg { width: 62px; height: 62px; stroke-width: 1.4; }
body#page-course-index-category .prz-subcategory-card .course-author { display: none !important; }
@media (max-width: 700px) {
body#page-course-index-category .prz-subcategory-card {
display: grid !important;
grid-template-columns: 68px minmax(0, 1fr) !important;
align-items: center !important;
min-height: 78px !important;
gap: 12px !important;
padding: 10px !important;
background: #fff !important;
}
body#page-course-index-category .prz-subcategory-card .courses-image,
body#page-course-index-category .prz-subcategory-card .courses-image .image { width: 68px !important; height: 60px !important; margin: 0 !important; }
body#page-course-index-category .prz-subcategory-card .courses-image img { width: 68px !important; height: 60px !important; object-fit: cover !important; }
body#page-course-index-category .prz-subcategory-card .courses-content { min-width: 0 !important; padding: 0 18px 0 0 !important; }
body#page-course-index-category .prz-subcategory-card h3 { font-size: 15px !important; line-height: 1.35 !important; }
body#page-course-index-category .prz-subcategory-card .prz-category-icon svg { width: 32px; height: 32px; }
}
@media (prefers-reduced-motion: reduce) {
#inst1678 .single-box-item,
#inst1678 .prz-action-card { transition: none !important; }
}
/* 16. STOPKA — wyśrodkowanie social mediów na komputerach
Ikony wyśrodkowane ponad czterema kolumnami, bez linii oddzielającej. */
@media (min-width: 1200px) {
body .footer-area .prz-v6-footer-social {
display: flex !important;
align-items: center !important;
justify-content: center !important;
border-bottom: 0 !important;
padding: 0 0 6px !important;
margin: 0 !important;
}
body .footer-area .prz-v6-footer-social .social-link {
display: flex !important;
align-items: center !important;
justify-content: center !important;
justify-self: auto !important;
grid-column: auto !important;
gap: 18px !important;
width: auto !important;
margin: 0 auto !important;
}
}
/* 17. STRONA GŁÓWNA — ukrycie zdublowanego tytułu
Ukrywana jest wyłącznie powtórzona nazwa platformy; inne nagłówki Moodle pozostają. */
body#page-site-index .prz-v64-duplicate-site-title {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
clip-path: inset(50%) !important;
white-space: nowrap !important;
border: 0 !important;
}
body#page-site-index .prz-v64-empty-title-wrapper {
min-height: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
/* 18. LOGOWANIE W MENU — oddzielny link tylko na telefonie
Na komputerze pozostaje natywny przycisk „Zaloguj”. */
@media (min-width: 992px) {
.edmo-nav .prz-v64-mobile-login-item { display: none !important; }
}
/* Menu mobilne — link „Zaloguj” i ikony stopki
Wygląd elementów menu dla gości oraz rozmieszczenie social mediów. */
@media (max-width: 991px) {
.edmo-nav .navbar-collapse .prz-v64-mobile-login-item {
display: list-item !important;
width: 100% !important;
list-style: none !important;
}
.edmo-nav .navbar-collapse .prz-v64-mobile-login-link {
display: block !important;
width: 100% !important;
box-sizing: border-box !important;
padding: 13px 8px !important;
min-height: 44px !important;
color: #003c82 !important;
font-size: 15px !important;
line-height: 1.5 !important;
font-weight: 800 !important;
border-top: 1px solid #e0eaf4 !important;
}
.edmo-nav .navbar-collapse .prz-v64-mobile-login-link:focus-visible {
outline: 2px solid #003c82 !important;
outline-offset: 2px !important;
}
/* Stopka mobilna — wyrównanie i wielkość ikon
Mniejsze ikony i wyśrodkowanie w jednym lub kilku rzędach. */
body .footer-area .prz-v6-footer-social {
border-bottom: 0 !important;
margin: 0 !important;
padding: 0 0 6px !important;
}
body .footer-area .prz-v6-footer-social .social-link {
display: flex !important;
justify-content: center !important;
align-items: center !important;
flex-wrap: wrap !important;
gap: 14px !important;
}
body .footer-area .social-link li a { font-size: 20px !important; }
body .footer-area .social-link li a svg {
width: 20px !important;
height: 20px !important;
}
/* Obrazy informacyjne na małych ekranach
Zachowanie pełnej grafiki bez przycinania. */
.prz-banner { max-width: 100% !important; padding: 0 !important; margin: 0 auto !important; }
.prz-banner img { max-width: 100% !important; width: 100% !important;
height: auto !important; max-height: none !important; object-fit: contain !important; }
}
/* 19. STOPKA MOBILNA — ukrycie logo PRz
Na telefonach zostają ikony społecznościowe, dane kontaktowe i odnośniki. */
@media (max-width: 767px) {
body .footer-area .prz-v6-footer-prz {
display: none !important;
}
}
/* 20. FERS — informacja o finansowaniu projektu
Kontener z tekstem oraz oficjalnym zestawieniem znaków FERS–RP–UE. */
body#page-site-index .prz-fers-v65 {
box-sizing: border-box !important;
width: 100% !important;
max-width: 1260px !important;
margin: 0 auto !important;
padding: 13px 18px 17px !important;
color: #20252d !important;
background: #fff !important;
text-align: center !important;
line-height: 1.55 !important;
}
/* FERS — treść informacji i numer umowy
Wielkość oraz odstępy tekstu na komputerze. */
body#page-site-index .prz-fers-v65 .prz-fers-v65__opis {
display: block !important;
max-width: 1110px !important;
margin: 0 auto 9px !important;
color: #20252d !important;
font-size: clamp(16px, 1.15vw, 18px) !important;
line-height: 1.55 !important;
font-weight: 400 !important;
text-align: center !important;
}
body#page-site-index .prz-fers-v65 .prz-fers-v65__opis strong {
font-weight: 600 !important;
}
/* FERS — proporcje i skalowanie oryginalnych znaków
Bez rozciągania i przycinania logotypów. */
body#page-site-index .prz-fers-v65 img {
display: block !important;
width: 100% !important;
max-width: 100% !important;
height: auto !important;
min-height: 0 !important;
object-fit: contain !important;
border: 0 !important;
box-shadow: none !important;
margin: 0 auto !important;
}
/* FERS — grafika pozioma dla komputerów
Jedno zestawienie znaków wyświetlane w szerokim układzie. */
body#page-site-index .prz-fers-v65 .prz-fers-v65__desktop {
display: block !important;
max-width: 1120px !important;
margin: 0 auto !important;
}
body#page-site-index .prz-fers-v65 .prz-fers-v65__mobile {
display: none !important;
}
/* FERS — układ pionowy dla telefonów
Czytelny opis i pionowe oznaczenia w niezmienionej kolejności. */
@media (max-width: 767px) {
body#page-site-index .prz-fers-v65 {
padding: 17px 14px 20px !important;
}
body#page-site-index .prz-fers-v65 .prz-fers-v65__opis {
font-size: 14px !important;
line-height: 1.55 !important;
margin: 0 auto 5px !important;
max-width: 440px !important;
}
body#page-site-index .prz-fers-v65 .prz-fers-v65__desktop {
display: none !important;
}
body#page-site-index .prz-fers-v65 .prz-fers-v65__mobile {
display: block !important;
max-width: 285px !important;
margin: 0 auto !important;
}
}
/* ====================================================================
20. NAGŁÓWEK — CZYTELNE IKONY I JĘZYK / V6.8 / 23.10.2026
Wersja bazowa: 22.10.2026 godz. 23:13 (SKORYGOWANE_INNE).
Wyłącznie górny pasek: lupa przy wyszukiwaniu, użytkownik przy
logowaniu i flaga zamiast napisu Polski (pl).
Poprawka hover: bez wstawiania elementów span i bez nakładek Edmo.
Nie dotyczy kategorii, karty INNE, stopki, kursów ani banera FERS.
Ikony są rysowane jako lokalnie osadzone SVG (nie wymagają fontów).
==================================================================== */
/* 20.1. Logowanie — zachowaj natywny odnośnik i jego adres.
Ikona jest pseudo-elementem w normalnym flex-layout; Edmo nie może
już wypozycjonować jej jako osobnego bloku z ciemnym tłem. */
.edmo-nav .navbar a.prz-v68-login-link,
.edmo-nav .navbar button.prz-v68-login-link {
display: inline-flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: center !important;
justify-content: center !important;
position: relative !important;
gap: 8px !important;
height: auto !important;
min-height: 44px !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
margin: 0 !important;
padding: 8px 9px !important;
border: 0 !important;
border-radius: 6px !important;
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
box-shadow: none !important;
color: #16365e !important;
font-size: clamp(14px,1.05vw,16px) !important;
font-weight: 700 !important;
line-height: 1.4 !important;
text-decoration: none !important;
text-transform: none !important;
letter-spacing: normal !important;
opacity: 1 !important;
transform: none !important;
white-space: nowrap !important;
overflow: visible !important;
}
.edmo-nav .navbar a.prz-v68-login-link::before,
.edmo-nav .navbar button.prz-v68-login-link::before {
content: "" !important;
display: block !important;
position: static !important;
inset: auto !important;
order: 0 !important;
width: 20px !important;
height: 20px !important;
min-width: 20px !important;
flex: 0 0 20px !important;
padding: 0 !important;
margin: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background-color: transparent !important;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMTYzNjVlIiBzdHJva2Utd2lkdGg9IjEuOSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjcuNiIgcj0iNCIvPjxwYXRoIGQ9Ik00LjUgMjBhNy41IDcuNSAwIDAgMSAxNSAwIi8+PC9zdmc+") !important;
background-repeat: no-repeat !important;
background-position: center center !important;
background-size: 20px 20px !important;
box-shadow: none !important;
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
z-index: auto !important;
pointer-events: none !important;
}
.edmo-nav .navbar a.prz-v68-login-link::after,
.edmo-nav .navbar button.prz-v68-login-link::after {
display: none !important;
content: none !important;
}
.edmo-nav .navbar .prz-v68-login-link > i,
.edmo-nav .navbar .prz-v68-login-link > .prz-v67-login-icon,
.edmo-nav .navbar .prz-v68-login-link > .prz-v66-login-icon {
display: none !important;
}
.edmo-nav .navbar a.prz-v68-login-link:hover,
.edmo-nav .navbar button.prz-v68-login-link:hover,
.edmo-nav .navbar a.prz-v68-login-link:focus,
.edmo-nav .navbar button.prz-v68-login-link:focus {
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
box-shadow: none !important;
color: #005e9e !important;
transform: none !important;
}
.edmo-nav .navbar .prz-v68-login-link:focus-visible {
outline: 2px solid #003c82 !important;
outline-offset: 2px !important;
}
/* 20.2. Wyszukaj kurs — powiększenie klikalnego obszaru i lupa SVG.
Natywny adres /course/search.php pozostaje bez zmian. */
.edmo-nav .navbar a.prz-nav-search-link {
display: inline-flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: center !important;
justify-content: center !important;
gap: 7px !important;
position: relative !important;
}
.edmo-nav .navbar a.prz-nav-search-link::before {
content: "" !important;
display: inline-block !important;
position: static !important;
inset: auto !important;
width: 18px !important;
height: 18px !important;
flex: 0 0 18px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMTYzNjVlIiBzdHJva2Utd2lkdGg9IjEuOSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48Y2lyY2xlIGN4PSIxMC42IiBjeT0iMTAuNiIgcj0iNi44Ii8+PHBhdGggZD0ibTE2IDE2IDUgNSIvPjwvc3ZnPg==") center / 18px 18px no-repeat !important;
box-shadow: none !important;
transform: none !important;
opacity: 1 !important;
pointer-events: none !important;
}
/* 20.3. Wybór języka — polska flaga zamiast "Polski (pl)".
Skrypt dodaje klasę WYŁĄCZNIE do istniejącego przycisku przełączania.
Rozwijanie listy języków działa nadal, a pełny opis pozostaje
dostępny dla czytników ekranu przez aria-label i ukryty wizualnie tekst. */
.edmo-nav .navbar a.prz-v68-lang-trigger,
.edmo-nav .navbar button.prz-v68-lang-trigger {
display: inline-flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: center !important;
justify-content: center !important;
gap: 9px !important;
position: relative !important;
min-height: 44px !important;
width: auto !important;
min-width: 0 !important;
padding: 8px 10px !important;
margin: 0 !important;
border: 0 !important;
border-radius: 6px !important;
background: transparent !important;
box-shadow: none !important;
color: #16365e !important;
overflow: visible !important;
white-space: nowrap !important;
}
.edmo-nav .navbar a.prz-v68-lang-trigger::before,
.edmo-nav .navbar button.prz-v68-lang-trigger::before {
content: "" !important;
display: block !important;
position: static !important;
inset: auto !important;
width: 27px !important;
height: 19px !important;
min-width: 27px !important;
flex: 0 0 27px !important;
padding: 0 !important;
margin: 0 !important;
border: 0 !important;
border-radius: 3px !important;
background: transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDI4IDIwIj48cmVjdCB4PSIuNjUiIHk9Ii42NSIgd2lkdGg9IjI2LjciIGhlaWdodD0iMTguNyIgcng9IjMiIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2NiZDVlMSIgc3Ryb2tlLXdpZHRoPSIxLjMiLz48cGF0aCBkPSJNMS4zIDEwaDI1LjR2Ni40YTIuMyAyLjMgMCAwIDEtMi4zIDIuM0gzLjZhMi4zIDIuMyAwIDAgMS0yLjMtMi4zeiIgZmlsbD0iI2RjMTQzYyIvPjwvc3ZnPg==") center / 27px 19px no-repeat !important;
box-shadow: none !important;
opacity: 1 !important;
transform: none !important;
pointer-events: none !important;
}
.edmo-nav .navbar a.prz-v68-lang-en::before,
.edmo-nav .navbar button.prz-v68-lang-en::before {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDI4IDIwIj48cmVjdCB4PSIuNjUiIHk9Ii42NSIgd2lkdGg9IjI2LjciIGhlaWdodD0iMTguNyIgcng9IjMiIGZpbGw9IiMxMjQwN2UiIHN0cm9rZT0iI2NiZDVlMSIgc3Ryb2tlLXdpZHRoPSIxLjMiLz48cGF0aCBkPSJNMCAwbDI4IDIwbTAtMjBMMCAyMCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSI0LjIiLz48cGF0aCBkPSJNMCAwbDI4IDIwbTAtMjBMMCAyMCIgc3Ryb2tlPSIjY2UxMTI2IiBzdHJva2Utd2lkdGg9IjEuNiIvPjxwYXRoIGQ9Ik0xNCAwdjIwTTAgMTBoMjgiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iNiIvPjxwYXRoIGQ9Ik0xNCAwdjIwTTAgMTBoMjgiIHN0cm9rZT0iI2NlMTEyNiIgc3Ryb2tlLXdpZHRoPSIzLjEiLz48L3N2Zz4=") !important;
}
.edmo-nav .navbar a.prz-v68-lang-other::before,
.edmo-nav .navbar button.prz-v68-lang-other::before {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMTYzNjVlIiBzdHJva2Utd2lkdGg9IjEuNyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSI5Ii8+PHBhdGggZD0iTTMgMTJoMThNMTIgM2MtMyAyLjUtNC41IDUuNS00LjUgOXMxLjUgNi41IDQuNSA5TTEyIDNjMyAyLjUgNC41IDUuNSA0LjUgOVMxNSAxOC41IDEyIDIxIi8+PC9zdmc+") !important;
}
/* Nasza strzałka zastępuje ewentualną dekorację pseudoelementu Edmo. */
.edmo-nav .navbar a.prz-v68-lang-trigger::after,
.edmo-nav .navbar button.prz-v68-lang-trigger::after {
content: "" !important;
display: block !important;
position: static !important;
inset: auto !important;
box-sizing: border-box !important;
width: 7px !important;
height: 7px !important;
min-width: 7px !important;
flex: 0 0 7px !important;
margin: -3px 0 0 0 !important;
padding: 0 !important;
border: 0 !important;
border-right: 1.8px solid #16365e !important;
border-bottom: 1.8px solid #16365e !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
opacity: 1 !important;
transform: rotate(45deg) !important;
pointer-events: none !important;
}
/* Ukrywamy tylko widoczny napis triggera, nie menu językowe. */
.edmo-nav .navbar .prz-v68-lang-trigger .prz-v68-lang-hidden-label {
position: absolute !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
padding: 0 !important;
margin: -1px !important;
border: 0 !important;
clip: rect(0,0,0,0) !important;
clip-path: inset(50%) !important;
white-space: nowrap !important;
}
.edmo-nav .navbar .prz-v68-lang-trigger > i,
.edmo-nav .navbar .prz-v68-lang-trigger > svg,
.edmo-nav .navbar .prz-v68-lang-trigger > .caret {
display: none !important;
}
.edmo-nav .navbar a.prz-v68-lang-trigger:hover,
.edmo-nav .navbar button.prz-v68-lang-trigger:hover,
.edmo-nav .navbar a.prz-v68-lang-trigger:focus,
.edmo-nav .navbar button.prz-v68-lang-trigger:focus {
background: transparent !important;
background-color: transparent !important;
box-shadow: none !important;
}
/* 20.4. Telefon — logowanie nadal w rozwijanym menu, bez duplikatu. */
@media (max-width:991px) {
body.prz-v68-mobile-login-present .edmo-nav .navbar a.prz-v68-login-link:not(.prz-v64-mobile-login-link),
body.prz-v68-mobile-login-present .edmo-nav .navbar button.prz-v68-login-link:not(.prz-v64-mobile-login-link) {
display: none !important;
}
.edmo-nav .navbar-collapse .prz-v64-mobile-login-link {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 8px !important;
}
.edmo-nav .navbar-collapse .prz-v64-mobile-login-link::before {
content: "" !important;
display: inline-block !important;
position: static !important;
width: 20px !important;
height: 20px !important;
flex: 0 0 20px !important;
background: transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMTYzNjVlIiBzdHJva2Utd2lkdGg9IjEuOSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjcuNiIgcj0iNCIvPjxwYXRoIGQ9Ik00LjUgMjBhNy41IDcuNSAwIDAgMSAxNSAwIi8+PC9zdmc+") center / 20px 20px no-repeat !important;
border: 0 !important;
box-shadow: none !important;
transform: none !important;
}
}
