/* Usunięcie marginesów i wymuszenie 100% szerokości dla sekcji user1 */
#sp-user1 .container, 
#sp-user1 .row, 
#sp-user1 .col-md-12,
#sp-user1 .container-fluid {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Wymuszenie rozciągnięcia samego obrazka baneru */
#sp-user1 .banneritem img, 
#sp-user1 img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
}
/* Wymuszenie 100% szerokości ekranu dla całej sekcji nadrzędnej user1 */
#sp-user1, 
section#sp-user1 {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}
/* Ukrycie sekcji informacji o artykule (kategoria, data utworzenia, autor itp.) */
.article-info, 
.aside-article-info, 
.published, 
.createdby, 
.category-name {
    display: none !important;
}
/* 1. Całkowite ukrycie odznaki/plakietki "Featured" dodawanej przez szablon Helix */
.featured-article-badge, 
.article-list .article .featured-article-badge,
.article-details .featured-article-badge,
span.badge.bg-danger.featured-article-badge { 
    display: none !important; 
    visibility: hidden !important;
}

/* 2. Ukrycie technicznego nagłówka strony (Featured Artykuł pl-pl) */
.page-header h1, 
.page-header, 
h1.page-title,
.article-title-container h1 {
    display: none !important;
}
/* Ukrycie systemowego nagłówka strony i komponentu (np. Artykuł pl-pl) */
.page-header,
.page-header h1,
.page-header h2,
h1.page-title,
h2.page-title,
.title-container h1,
.sp-page-title {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* Bezwzględne usunięcie systemowego tytułu komponentu i widoku (Featured/Artykuły) */
#sp-main-body h1,
#sp-main-body h2,
.com-content h1,
.com-content h2,
.article-title-container h1,
.article-header h1,
.component-heading h1 {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* Usunięcie oryginalnego HELIX Logo z szablonu (wyłączenie go) */
#sp-header .logo { display: none !important; }
/* Zwężenie paska tła pozostałego po oryginalnym Logo Helix */
#sp-header, 
#sp-header *,
#sp-header .container, 
#sp-header .row,
.sp-megamenu-wrapper {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    min-height: 0 !important;
    height: auto !important;
}

/* Wymuszenie zmniejszenia wysokości samych linków w menu */
.sp-megamenu-parent > li > a, 
.sp-megamenu-parent > li > span {
    line-height: 40px !important; 
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
header + div, 
.com-content-category,
.com-content-article,
main #sp-component h1, 
main #sp-component h2,
.page-header {
    display: none !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}
.breadcrumb, 
.breadcrumbs, 
#sp-breadcrumbs, 
.page-header, 
.article-header, 
h1, 
h2, 
.hero-section {
    display: none !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}
/* Całkowite ukrycie tytułów wewnątrz głównego komponentu strony */
#sp-component h1, 
#sp-component h2, 
#sp-component .page-header, 
#sp-component article header {
    display: none !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Wariant ekstremalny: ukrycie całego pustego białego bloku artykułu, jeśli jest pusty */
#sp-component .item-page, 
#sp-component main {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
/* Stylizacja kontenera lewej kolumny */
#sp-left {
    padding: 20px !important;
    background-color: #f8f9fa !important; /* Delikatne jasnoszare tło */
    border-right: 1px solid #e9ecef !important; /* Subtelna linia odcinająca od treści */
}

/* Stylizacja przełącznika języków */
.mod-languages {
    margin-bottom: 30px !important; /* Odstęp pod flagami */
    padding-bottom: 15px !important;
    border-bottom: 1px dashed #dee2e6 !important; /* Przerywana linia pod flagami */
}

.mod-languages ul.lang-inline {
    display: flex !important;
    gap: 12px !important; /* Odstępy między flagami */
    justify-content: flex-start !important;
}

/* Stylizacja nagłówka menu (np. słowa "Nawigacja") */
#sp-left .moduletable h3.header {
    font-size: 14px !important;
    text-transform: uppercase !important; /* Wielkie litery */
    letter-spacing: 1px !important; /* Rozstrzelone litery */
    color: #6c757d !important; /* Szary, elegancki kolor */
    margin-bottom: 15px !important;
    font-weight: 700 !important;
}

/* Układ samej listy menu */
#sp-left ul.mod-menu {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Pojedynczy element menu */
#sp-left ul.mod-menu > li {
    margin-bottom: 6px !important;
}

/* Wygląd linków w menu */
#sp-left ul.mod-menu > li > a {
    display: block !important;
    padding: 10px 15px !important;
    color: #495057 !important; /* Ciemnoszary tekst */
    text-decoration: none !important;
    border-radius: 6px !important; /* Zaokrąglone rogi */
    transition: all 0.2s ease-in-out !important; /* Płynne przejście koloru */
    font-weight: 500 !important;
}

/* Efekt po najechaniu myszką (Hover) */
#sp-left ul.mod-menu > li > a:hover {
    background-color: #e9ecef !important; /* Ciemniejsza szarość tła */
    color: #0b5ed7 !important; /* Zmiana koloru tekstu (np. na niebieski) */
    padding-left: 20px !important; /* Lekkie przesunięcie w prawo przy najechaniu */
}

/* Wygląd AKTUALNIE OTWARTEJ pozycji (Active) */
#sp-left ul.mod-menu > li.active > a {
    background-color: #0d6efd !important; /* Wyraziste tło dla aktywnej strony (np. niebieskie) */
    color: #ffffff !important; /* Biały tekst dla czytelności */
    font-weight: 600 !important;
}
#sp-top-bar, 
#sp-top-bar .container, 
#sp-top-bar .row, 
#sp-top-bar .sp-column {
    background-color: #f5f5f5 !important;
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
}