/* OSTATECZNE WYGASZENIE BIAŁEGO MENU NA SAMYM DOLE (#sp-footer) */
body #sp-footer ul li a,
body #sp-footer .menu li a,
body #sp-footer .nav li a,
body .sp-copyright a {
    color: #8b95a5 !important; /* Nieco ciemniejszy, chłodny szary */
    font-weight: normal !important;
    text-shadow: none !important;
    opacity: 1 !important;
}

/* Efekt podświetlenia po najechaniu myszką */
body #sp-footer ul li a:hover,
body #sp-footer .menu li a:hover,
body #sp-footer .nav li a:hover,
body .sp-copyright a:hover {
    color: #ffffff !important;
    text-decoration: underline !important;
}
/* Ukrycie dat publikacji i modyfikacji dla Googlebota */
.article-info .published,
.article-info .modified,
.article-info .create,
.entry-meta .published,
.entry-meta .modified,
.modify-date,
time {
    display: none !important;
}
/* --- Poprawki PageSpeed: Niewidzialne strefy kliknięcia --- */

/* 1. Strzałka "Do Góry" */
a.sp-totop {
    position: relative !important;
}
a.sp-totop::after {
    content: '';
    position: absolute;
    /* Niewidzialna strefa wychodząca 15px we wszystkich kierunkach */
    top: -15px; 
    bottom: -15px; 
    left: -15px; 
    right: -15px;
    z-index: 10;
}

/* 2. Linki w stopce (np. Kontakt) */
#sp-footer2 a {
    position: relative !important;
}
#sp-footer2 a::after {
    content: '';
    position: absolute;
    /* Niewidzialna strefa łapiąca kliknięcia z palca */
    top: -15px; 
    bottom: -15px; 
    left: -10px; 
    right: -10px;
    z-index: 10;
}
/* =========================================
   HACK DLA COOKIEYES - IDEALNE DOPASOWANIE V2
   ========================================= */

/* 1. Tło całego banera pod kolor strony (jasnoszary) */
.cky-consent-bar {
    background-color: #f2f2f2 !important;
    border-top: 1px solid #cccccc !important; 
}

/* 2. Nagłówek "Cenimy prywatność..." (Ciemny grafit jak nagłówek H2 na stronie) */
.cky-consent-bar .cky-title {
    color: #333333 !important;
    font-weight: bold !important;
}

/* 3. Zwykły tekst na banerze (Średni szary jak tekst <p> artykułów) */
.cky-consent-bar .cky-banner-detail,
.cky-consent-bar .cky-banner-detail p {
    color: #666666 !important;
}

/* 4. Wszystkie przyciski ujednolicone (Tło z prawego modułu, szary tekst) */
.cky-consent-bar .cky-btn-accept,
.cky-consent-bar .cky-btn-reject,
.cky-consent-bar .cky-btn-preferences,
.cky-consent-bar .cky-btn-customize,
.cky-consent-bar .cky-btn-decline {
    background-color: #1d3052 !important; /* Granat z prawego modułu */
    color: #b8b8b8 !important; /* Szary tekst przycisków */
    border: 1px solid #1d3052 !important; 
    border-radius: 4px !important;
    transition: all 0.2s ease-in-out !important;
}

/* 5. Efekt po najechaniu myszką (lekkie rozjaśnienie przycisku) */
.cky-consent-bar .cky-btn-accept:hover,
.cky-consent-bar .cky-btn-reject:hover,
.cky-consent-bar .cky-btn-preferences:hover,
.cky-consent-bar .cky-btn-customize:hover,
.cky-consent-bar .cky-btn-decline:hover {
    background-color: #2c4b80 !important; /* Jaśniejszy granat */
    color: #ffffff !important; /* Tekst zmienia się na biały, żeby było widać kliknięcie */
}
/* === MENU DESKTOP === */
#sp-header-wrapper,
#sp-menu,
#sp-main-menu,
#sp--wrapper,
#sp--wrapper .container,
#sp--wrapper .row-fluid,
#sp--wrapper .span12 {
    overflow: visible !important;
}

#sp-menu {
    position: relative !important;
    z-index: 1000 !important;
}

#sp-main-menu ul.sp-menu.level-0 > li.parent {
    position: relative !important;
}

#sp-main-menu ul.sp-menu.level-0 > li.parent > .sp-submenu {
    display: block !important;
    visibility: hidden !important;
    opacity: 0 !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    margin-top: 0 !important;
    z-index: 999999 !important;
}

#sp-main-menu ul.sp-menu.level-0 > li.parent:hover > .sp-submenu {
    visibility: visible !important;
    opacity: 1 !important;
}

#sp-main-menu .sp-submenu .sp-submenu-wrap {
    background: #ffffff !important;
    min-width: 240px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.20) !important;
    border-top: 3px solid #1d3052 !important;
}

#sp-main-menu .sp-submenu-inner,
#sp-main-menu .megacol {
    width: 240px !important;
}

#sp-main-menu .sp-submenu ul.sp-menu.level-1 {
    margin: 0 !important;
    padding: 8px 0 !important;
    list-style: none !important;
}

#sp-main-menu .sp-submenu ul.sp-menu.level-1 > li {
    display: block !important;
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    border-top: none !important;
}

#sp-main-menu .sp-submenu ul.sp-menu.level-1 > li > a {
    display: block !important;
    padding: 12px 20px !important;
    color: #333333 !important;
    background: #ffffff !important;
    text-decoration: none !important;
    line-height: 1.4 !important;
    white-space: normal !important;
}

#sp-main-menu .sp-submenu ul.sp-menu.level-1 > li > a:hover {
    background: #f5f5f5 !important;
    color: #1d3052 !important;
}
/* === MOBILE MENU - FINAL CLEAN === */

/* kolory zostają takie jak teraz */
body .sp-mobile-menu,
body .sp-mobile-menu ul,
body .sp-mobile-menu ul li,
body .sp-mobile-menu ul li.parent,
body .sp-mobile-menu ul li.menu-item {
    background: #0f172a !important;
}

body .sp-mobile-menu ul li {
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* wygląd linków */
body .sp-mobile-menu ul li a {
    display: block !important;
    color: #8b95a5 !important;
    padding: 16px 56px 16px 20px !important;
    font-size: 15px !important;
    line-height: 1.3 !important;
    border-bottom: 1px solid rgba(255,255,255,0.05) !important;
    text-decoration: none !important;
    position: relative !important;
    z-index: 1 !important;
    background: transparent !important;
}

/* aktywne / hover */
body .sp-mobile-menu ul li a:hover,
body .sp-mobile-menu ul li.active > a,
body .sp-mobile-menu ul li:hover > a,
body .sp-mobile-menu ul li:active > a {
    background: #17243e !important;
    color: #ffffff !important;
}

/* domyślny toggler - normalny */
body .sp-mobile-menu .sp-menu-toggler {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: 48px !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    z-index: 5 !important;
    background: transparent !important;
    cursor: pointer !important;
}

body .sp-mobile-menu .sp-menu-toggler::after,
body .sp-mobile-menu .sp-menu-toggler i {
    color: #8b95a5 !important;
    font-size: 18px !important;
    font-weight: bold !important;
}

body .sp-mobile-menu .sp-menu-toggler:hover::after,
body .sp-mobile-menu .sp-menu-toggler:hover i {
    color: #ffffff !important;
}

/* TYLKO dla głównego rodzica typu OFERTA:
   cały pasek ma rozwijać submenu */
body .sp-mobile-menu ul.level-0 > li.parent {
    position: relative !important;
}

body .sp-mobile-menu ul.level-0 > li.parent > a {
    pointer-events: none !important;
}

/* rozciągamy klikacz na cały pasek OFERTA */
body .sp-mobile-menu ul.level-0 > li.parent > .sp-menu-toggler {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 10 !important;
    justify-content: flex-end !important;
    padding-right: 18px !important;
}

/* podmenu dzieci ma być normalnie klikalne */
body .sp-mobile-menu ul.level-1,
body .sp-mobile-menu ul.level-1 li,
body .sp-mobile-menu ul.level-1 li a {
    position: relative !important;
}

body .sp-mobile-menu ul.level-1 li a {
    pointer-events: auto !important;
    z-index: 20 !important;
}

/* jeśli dzieci nie mają swoich podmenu, ukryj ich togglery */
body .sp-mobile-menu ul.level-1 > li > .sp-menu-toggler {
    display: none !important;
}