/*
Theme Name: PWIK
Theme URI: https://example.com/
Author: Custom
Description: Nowoczesny motyw WordPress z układem treść + prawy sidebar kategorii, breadcrumbami i zaokrąglonym UX.
Version: 1.1.5
Text Domain: PWIK
*/

:root{
  --ms-primary:#6ea932;
  --ms-primary-dark:#20534c;
  --ms-primary-light:#eaf5f2;
  --ms-text:#253331;
  --ms-muted:#4c5855;
  --ms-border:#e4ece9;
  --ms-bg:#f6f8f7;
  --ms-white:#fff;
  --ms-radius:5px;
  --ms-shadow:0 10px 30px rgba(34,73,67,.08);
  --ms-container:1380px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  /*background:var(--ms-bg);*/
  color:var(--ms-text);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  line-height:1.7;
  font-size:16px;
}
img{max-width:100%;height:auto}
a{color:var(--ms-primary-dark);text-decoration:none}
a:hover{color:var(--ms-primary)}
button,input,textarea,select{font:inherit}

.site-header{
  background:#fff;
  border-bottom:1px solid var(--ms-border);
  position:relative;
  z-index:20;
}
.header-inner{
  max-width:var(--ms-container);
  margin:auto;
  min-height:76px;
  padding:0 24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
}
.site-branding{display:flex;align-items:center;gap:12px}
.custom-logo{max-height:48px;width:auto}
.site-title{font-size:21px;font-weight:800;color:var(--ms-text)}
.site-description{font-size:12px;color:var(--ms-muted)}
.primary-menu ul{list-style:none;margin:0;padding:0;display:flex;gap:8px}
.primary-menu a{
  display:block;padding:9px 13px;border-radius:10px;
  color:var(--ms-text);font-size:14px;font-weight:600;
}
.primary-menu a:hover,.primary-menu .current-menu-item>a{
  background:var(--ms-primary-light);color:var(--ms-primary-dark)
}

.site-main{
  max-width:var(--ms-container);
  margin:0 auto;
  padding:28px 24px 70px;
}

.breadcrumbs{
  display:flex;flex-wrap:wrap;align-items:center;gap:7px;
  margin:0 0 22px;
  color:var(--ms-muted);font-size:13px;
}
.breadcrumbs a{color:#545454}
.breadcrumbs a:hover{color:var(--ms-primary-dark)}
.breadcrumbs .sep{opacity:.9}
.breadcrumbs .current{color:var(--ms-text);font-weight:600}

.content-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 310px;
  gap:34px;
  align-items:start;
}

.content-card{
  background:#fff;
  border:1px solid var(--ms-border);
  border-radius:var(--ms-radius);
  padding:38px;
  box-shadow:var(--ms-shadow);
  min-width:0;
}
.entry-header{margin-bottom:26px}
.entry-title{
  margin:0 0 9px;
  font-size:clamp(30px,4vw,44px);
  line-height:1.15;
  letter-spacing:-.03em;
  color:#3a5f81;;
}
.entry-meta{font-size:13px;color:var(--ms-muted)}
.entry-content h2,.entry-content h3,.entry-content h4{
  color:#20302d;line-height:1.3;margin-top:1.8em;
}
.entry-content a{text-decoration:none;text-underline-offset:3px}
.entry-content ul,.entry-content ol{padding-left:22px}
.entry-content blockquote{
  margin:28px 0;padding:18px 22px;
  background:var(--ms-primary-light);
  border-left:4px solid var(--ms-primary);
  border-radius:0 12px 12px 0;
}
.entry-footer{margin-top:34px;padding-top:22px;border-top:1px solid var(--ms-border)}
.post-navigation{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.post-navigation a{
  display:block;padding:15px 17px;border:1px solid var(--ms-border);
  border-radius:13px;background:#fff;
}
.post-navigation .nav-next{text-align:right}

.category-heading{
  margin:0 0 24px;
  font-size:32px;line-height:1.2;letter-spacing:-.02em;
}
.archive-description{color:var(--ms-muted);margin-bottom:26px}

.post-list{display:grid;gap:16px}
.post-card{
  border:1px solid var(--ms-border);
  border-radius:15px;padding:22px;background:#fff;
  transition:.2s ease;box-shadow:0 5px 18px rgba(34,73,67,.04);
}
.post-card:hover{transform:translateY(-2px);box-shadow:var(--ms-shadow)}
.post-card h2{font-size:22px;line-height:1.3;margin:0 0 7px}
.post-card p{margin:8px 0;color:var(--ms-muted)}
.post-card .meta{font-size:12px;color:var(--ms-muted)}

.sidebar{
  position:sticky;
  top:130px;
	z-index:9999;
}
.sidebar-card{
  background:var(--ms-primary);
  color:#fff;
  border-radius:5px;
  padding:25px 23px;
  box-shadow:0 14px 32px rgba(57,143,130,.18);
  overflow:hidden;
  position:relative;
}
.sidebar-card:before{
  content:"";position:absolute;top:0;right:0;width:90px;height:90px;
  border-radius:0 0 0 90px;background:rgba(255,255,255,.08);
}
.sidebar-title{
  position:relative;margin:0 0 17px;
  font-size:18px;text-transform:uppercase;letter-spacing:.09em;
  font-weight:800;color:#fff;
}
.sidebar-nav ul{list-style:none;margin:0;padding:0}
.sidebar-nav li{margin:3px 0}
.sidebar-nav a{
  display:flex;align-items:center;justify-content:space-between;
  gap:12px;padding:9px 10px;border-radius:5px;
  color:rgba(255,255,255,.88);font-size:14px;font-weight:600;
  transition:.18s ease;
}
.sidebar-nav a:hover{
  background:rgba(255,255,255,.13);color:#fff;
  transform:translateX(2px);
}
.sidebar-nav .current-cat>a,
.sidebar-nav .current-menu-item>a{
  background:#fff;color:var(--ms-primary-dark);
  box-shadow:0 5px 14px rgba(0,0,0,.08);
}
.sidebar-nav .count{
  font-size:11px;opacity:.7;font-weight:700;
}
.sidebar-divider{height:1px;background:rgba(255,255,255,.2);margin:18px 0}
.sidebar-section-title{
  margin:0 0 8px;font-size:11px;text-transform:uppercase;
  letter-spacing:.08em;opacity:.78;
}
.sidebar-widget{position:relative;margin-top:20px}
.sidebar-widget ul{list-style:none;margin:0;padding:0}
.sidebar-widget li{margin:4px 0}
.sidebar-widget a{color:#fff;font-size:13px}
.sidebar-widget .widget-title{color:#fff;margin:0 0 10px;font-size:13px}

.site-footer{
  background:#fff;border-top:1px solid var(--ms-border);
  padding:28px 24px;color:var(--ms-muted);font-size:13px;
}
.footer-inner{max-width:var(--ms-container);margin:auto}

.pagination{display:flex;gap:7px;margin-top:25px;flex-wrap:wrap}
.pagination a,.pagination span{
  padding:8px 12px;border:1px solid var(--ms-border);border-radius:9px;background:#fff;
}
.pagination .current{background:var(--ms-primary);border-color:var(--ms-primary);color:#fff}

.search-form{display:flex;gap:8px}
.search-form input{
  min-width:0;flex:1;border:1px solid var(--ms-border);border-radius:10px;padding:11px 13px;
}
.search-form button{
  border:0;border-radius:10px;background:var(--ms-primary);color:#fff;
  padding:11px 16px;font-weight:700;cursor:pointer;
}

.mobile-menu-toggle{display:none;border:0;background:var(--ms-primary-light);color:var(--ms-primary-dark);border-radius:10px;padding:9px 12px;font-weight:700}

@media (max-width:900px){
  .content-layout{grid-template-columns:1fr}
  .sidebar{position:static;order:2}
  .sidebar-card{padding:22px}
}
@media (max-width:700px){
  .header-inner{min-height:68px}
  .mobile-menu-toggle{display:block}
  .primary-menu{display:none}
  .primary-menu.is-open{display:block;position:absolute;left:16px;right:16px;top:66px;background:#fff;border:1px solid var(--ms-border);border-radius:14px;box-shadow:var(--ms-shadow);padding:8px}
  .primary-menu ul{display:block}
  .primary-menu a{padding:11px 12px}
  .site-main{padding:20px 14px 45px}
  .content-card{padding:24px 20px}
  .post-navigation{grid-template-columns:1fr}
  .post-navigation .nav-next{text-align:left}
}

.zoltyw {
  border: 1px solid #ff0 !important;
  background: #000 !important;
  color: #ff0 !important;
}



/* =========================================
   PANEL
   ========================================= */

.accessibility-panel {
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%) translateX(calc(100% - 54px));
  z-index: 99999;
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 60px;
  padding: 5px;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #ddd;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: rgb(221, 221, 221);
  border-right: 0;
  box-shadow: 0 2px 10px rgba(0,0,0,.20);
  transition: transform .45s cubic-bezier(.22, 1, .36, 1);
}


/* =========================================
   WYSUNIĘCIE CAŁEGO PANELU
   ========================================= */

.accessibility-panel:hover {
    transform: translateY(-50%) translateX(0);
}


/* =========================================
   PRZYCISKI
   ========================================= */

.accessibility-item {
    width: 100%;
    height: 45px;

    flex: 0 0 45px;

    display: flex;
    align-items: center;
    justify-content: start;

    box-sizing: border-box;

    text-decoration: none;

    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;

    transition:
        background-color .2s ease,
        color .2s ease;
	padding:0 0 0 10px;
}


/* =========================================
   A - BIAŁE + RAMKA
   ========================================= */

.accessibility-white {
    background: #fff;
    color: #365f89;
    border: 1px solid #365f89;
}

.accessibility-white:hover {
    background: #f5f5f5;
}


/* =========================================
   A - ŻÓŁTE NA CZARNYM
   ========================================= */

.accessibility-yellow {
    background: #000;
    color: #ffff00;
}

.accessibility-yellow:hover {
    background: #000;
    color: #ffff00;
}


/* =========================================
   A / A+ / A++
   NIEBIESKIE
   ========================================= */

.accessibility-blue {
    background: #365f89;
    color: #fff;
}

.accessibility-blue:hover {
    background: #244d73;
}
	#accessibilityPanel button {
  text-align: left; 
		padding: 5px;
}


/* =========================================
   DEKLARACJA DOSTĘPNOŚCI
   ========================================= */

.accessibility-declaration {
  width: 185px;
  height: 45px;
  flex: 0 0 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  background: #437828;
  color: #fff;
  text-decoration: none;
  font-family: Arial, sans-serif;
  font-size: 16px;
  white-space: nowrap;
  transition: background-color .2s ease;
}

.accessibility-declaration:hover {
    background: #9ec55b;
	color:#fff;
}


/* =========================================
   X
   ========================================= */

.accessibility-close {
  width: 45px;
  height: 45px;
  flex: 0 0 45px;
  margin-top: 0px;
  padding: 0;
  border: 0;
  background: #000;
  color: #fff;
  font-family: Arial, sans-serif;
  font-size: 34px;
  font-weight: 300;
  line-height: 1;
  cursor: pointer;
  transition: background-color .2s ease;
	text-align:center !important;
}

.accessibility-close:hover {
    background: #333;
}


/* =========================================
   ZAMKNIĘCIE
   ========================================= */

.accessibility-panel.closed {
    display: none;
}


/* =========================================
   MNIEJ ANIMACJI
   ========================================= */

@media (prefers-reduced-motion: reduce) {

    .accessibility-panel {
        transition: none;
    }

}








/* CONTAINER */

.container,
.pwik-container{
width:100%;
max-width:1440px;
margin:0 auto;
padding:0 40px;
}

.containerall{
width:100%;
margin:0 auto;
padding:0 40px;
}


/* =========================
HEADER
========================= */


.pwik-header{
width:100%;
color:#06283a;
position: sticky;
  top: 0;
	z-index: 99999;
}


/* TOPBAR */

.pwik-topbar{
height:35px;
background:#3a5f81;
color:#fff;
font-size:13px;
}


.pwik-topbar .pwik-container{
height:100%;
display:flex;
align-items:center;
justify-content:space-between;
}


.pwik-topbar-right{
display:flex;
align-items:center;
gap:8px;
}

.pwik-topbar-right span {font-size: 22px;
  color: #f00;
  background: #fff;
  padding: 7px;
  border-radius: 5px;}


/* NAVIGATION */

.pwik-navigation{
height:76px;
background:#fff;
border-bottom:1px solid #edf1f3;
}


.pwik-navigation .pwik-container{
height:100%;
display:flex;
align-items:center;
}


/* LOGO */

.pwik-logo{
display:flex;
align-items:center;
text-decoration:none;
width:165px;
flex-shrink:0;
}


.logo-gl{
padding:15px;
}


.pwik-logo img{
max-height:60px;
width:auto;
}


/* MENU */

.pwik-menu{
flex:1;
height:100%;
display:flex;
align-items:center;
justify-content:center;
}


.pwik-menu ul{
display:flex;
align-items:center;
justify-content:center;
gap:27px;
padding:0;
margin:0;
list-style:none;
}


.pwik-menu li{
position:relative;
}


.pwik-menu a{
height:76px;
display:flex;
align-items:center;
text-decoration:none;
color:#082d40;
font-size:14px;
font-weight:600;
transition:.2s;
}


.pwik-menu a:hover{
color:#0875b9;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {line-height:110% !important;}


/* BUTTON AWARIA */

.pwik-emergency{
padding: 10px;
margin-left:20px;
background:#e90000;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
gap:9px;
border-radius:5px;
text-decoration:none;
font-size:14px;
font-weight:700;
}


.pwik-emergency:hover{
background:#c90000;
color:#fff;
}


/* =========================
FOOTER
========================= */


.pwik-footer{
background:#3a6084;
color:#fff;
padding:70px 40px 25px;
}


.pwik-footer-container{
max-width: 1440px;
  margin: auto;
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 2fr;
  gap: 20px;
}


.pwik-footer-column h3{
font-size:18px;
margin-bottom:25px;
font-weight:600;
}


.pwik-footer-column a{
display:block;
color:#c9d8e8;
text-decoration:none;
margin-bottom:14px;
font-size:16px;
}


.pwik-footer-column a:hover{
color:#4caf50;
}


.pwik-logo-footer{
font-size:24px;
font-weight:700;
display:flex;
gap:12px;
margin-bottom:25px;
}

.pwik-logo-footer img {
width: 100%;
  height: auto;
max-width: 200px;}


.pwik-footer p{
color:#d1dfec;
line-height:1.7;
font-size:15px;
}


/* AWARIA FOOTER 994 */

.pwik-emergency-dol{
background:#e90000;
color:#fff;
padding:10px 20px;
border-radius:6px;
text-align:center;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
margin-top:25px;
width:220px;
}


.pwik-emergency-dol small{
font-size:13px;
}


.pwik-emergency-dol strong{
font-size:48px;
line-height:1;
font-weight:800;
}


/* FOOTER BOTTOM */

.pwik-footer-bottom{
max-width:1440px;
margin:50px auto 0;
padding-top:10px;
border-top:1px solid rgba(255,255,255,.15);
display:flex;
justify-content:space-between;
color:#fff;
font-size:14px;
	align-items: center;
}


.pwik-social a{
color:#fff;
}

.pwik-social svg {
  margin: 0 10px;
  padding: 2px;
}

p svg {
    width: 18px;
    height: 18px;
    vertical-align: -4px;
    margin-right: 6px;
}
.pwik-social img {
  max-width: 60px;
  padding: 3px;
  background: #fff;
  border-radius: 5px;
}

/* GŁÓWNA SIATKA */
.service-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 220px);
    gap: 0;
    border: 1px solid #d9e2e9;
    border-radius: 5px;
    overflow: hidden;
}

/* KAFELEK */
.service-card {
    position: relative;
    padding: 36px 38px;
    background: #fff;
    border-right: 1px solid #d9e2e9;
    border-bottom: 1px solid #d9e2e9;
    transition: background-color 0.2s ease;
}

/* USUNIĘCIE PRAWEJ RAMKI W 3 KOLUMNIE */
.service-card:nth-child(3n) {
    border-right: none;
}

/* USUNIĘCIE DOLNEJ RAMKI W OSTATNIM WIERSZU */
.service-card:nth-child(n+4) {
    border-bottom: none;
}

/* HOVER */
.service-card:hover {
    background-color: #f3f9fd;
}

/* IKONA */
.service-card .service-icon {
    width: 57px;
    height: 57px;
    display: flex;
    align-items: center;
    justify-content: center;
   /* background: #c7edfc;*/
    border-radius: 6px;
}

/* PIERWSZA IKONA - CZERWONA 
.service-card:first-child .service-icon {
    background: #d5091b;
    color: #fff;
}*/

/* NAGŁÓWEK */
.service-card h2,
.service-card h3 {
    margin: 24px 0 8px;
    color: #3a6084;
    font-size: 23px;
    line-height: 1.2;
    font-weight: 700;
}

/* OPIS */
.service-card p {
    margin: 0;
    color: #315b7d;
    font-size: 18px;
    line-height: 1.4;
}

/* STRZAŁKA */
.service-card .card-arrow {
    position: absolute;
    top: 36px;
    right: 36px;
    color: #0067a9;
    font-size: 25px;
    transition: transform 0.2s ease;
}

.service-card:hover .card-arrow {
    transform: translateX(5px);
}

/* =========================
TABLE
========================= */

.entry-content table tr:first-child {
  background: #3a5f81;
  color: #fff;
}
.bialatab tr:first-child {
  background: #fff !important;
  color: #000 !important;
}

.entry-content table {
  border-collapse: collapse;
  border-spacing: 0;
	margin: 10px 0;
}

.entry-content table td {
  border-bottom: 1px solid #ddd;
  padding: 10px;
font-size:12px;
}

.documents-list {
    width: 100%;
	margin-top: 30px;
}


.document-row {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 30px;

    margin-bottom: 22px;
}


.document-link {
    color: #24558a;
    font-size: 20px;
    line-height: 1.4;
    text-decoration: underline;
}


.document-link:hover {
    color: #163e65;
}


.document-pdf {
    flex: 0 0 64px;

    width: 64px;
    height: 64px;

    display: flex;
    align-items: center;
    justify-content: center;

    text-decoration: none;
}


.pdf-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 58px;
    height: 58px;

    background: #2071a3;
    color: #fff;

    font-size: 13px;
    font-weight: 700;

    border-radius: 4px;
}


.document-pdf:hover .pdf-icon {
    background: #0e4677;
}


@media (max-width: 600px) {

    .document-row {
        gap: 15px;
    }

    .document-link {
        font-size: 17px;
    }

    .document-pdf {
        flex-basis: 50px;
        width: 50px;
        height: 50px;
    }

    .pdf-icon {
        width: 46px;
        height: 46px;
        font-size: 11px;
    }

}


.gallery {
  display: flex;
  justify-content: space-around;
}

.gallery figure {
  padding: 10px;
}


        /*
         * ==================================================
         * GŁÓWNY MODUŁ
         * ==================================================
         */

        #custom-dokumenty-module {
            padding:
                5px 0 10px;
        }


        /*
         * ==================================================
         * ZAKŁADKI
         * ==================================================
         */

        .custom-module-tabs {

            display: flex;

            border-bottom:
                1px solid #ccd0d4;

            margin-bottom:
                20px;
        }


        .custom-module-tab {

            appearance: none;

            border: 0;

            border-bottom:
                3px solid transparent;

            background:
                transparent;

            padding:
                12px 25px;

            color:
                #50575e;

            font-size:
                14px;

            font-weight:
                600;

            cursor:
                pointer;
        }


        .custom-module-tab:hover {

            color:
                #2271b1;
        }


        .custom-module-tab.active {

            color:
                #2271b1;

            border-bottom-color:
                #2271b1;
        }


        .custom-module-panel {

            display:
                none;
        }


        .custom-module-panel.active {

            display:
                block;
        }


        /*
         * ==================================================
         * PDF
         * ==================================================
         */

        .custom-dokumenty-list {

            display:
                flex;

            flex-direction:
                column;

            gap:
                12px;
        }


        .custom-dokument-item {

            background:
                #fff;

            border:
                1px solid #ccd0d4;

            border-radius:
                4px;

            overflow:
                hidden;
        }


        .custom-dokument-header {

            display:
                flex;

            align-items:
                center;

            min-height:
                44px;

            padding:
                0 12px;

            background:
                #f6f7f7;

            border-bottom:
                1px solid #ccd0d4;
        }


        .custom-dokument-header strong {

            font-size:
                13px;
        }


        .custom-dokument-drag {

            margin-right:
                10px;

            color:
                #777;

            font-size:
                20px;

            line-height:
                1;

            cursor:
                move;
        }


        .custom-dokument-remove {

            margin-left:
                auto;

            border:
                0;

            background:
                none;

            color:
                #b32d2e;

            font-size:
                24px;

            line-height:
                1;

            cursor:
                pointer;
        }


        .custom-dokument-remove:hover {

            color:
                #8a2424;
        }


        .custom-dokument-body {

            padding:
                16px;
        }


        .custom-dokument-body label {

            display:
                block;

            margin-bottom:
                6px;
        }


        .custom-dokument-body p {

            margin:
                0 0 18px;
        }


        .custom-dokument-file-display {

            display:
                flex;

            align-items:
                center;

            gap:
                12px;

            padding:
                10px;

            border:
                1px solid #ddd;

            background:
                #f9f9f9;
        }


        .custom-dokument-file-name-display {

            flex:
                1;

            overflow:
                hidden;

            text-overflow:
                ellipsis;

            white-space:
                nowrap;
        }


        .custom-dokument-select {

            white-space:
                nowrap;
        }


        .custom-dokument-add {

            margin-top:
                14px !important;
        }


        /*
         * ==================================================
         * AKORDEON
         * ==================================================
         */

        .custom-akordeon-list {

            display:
                flex;

            flex-direction:
                column;

            gap:
                15px;
        }


        .custom-akordeon-item {

            background:
                #fff;

            border:
                1px solid #ccd0d4;

            border-radius:
                4px;

            overflow:
                hidden;
        }


        .custom-akordeon-header {

            display:
                flex;

            align-items:
                center;

            min-height:
                46px;

            padding:
                0 12px;

            background:
                #f6f7f7;

            border-bottom:
                1px solid #ccd0d4;
        }


        .custom-akordeon-header strong {

            font-size:
                13px;
        }


        .custom-akordeon-drag {

            margin-right:
                10px;

            color:
                #777;

            font-size:
                20px;

            line-height:
                1;

            cursor:
                move;
        }


        .custom-akordeon-remove {

            margin-left:
                auto;

            border:
                0;

            background:
                none;

            color:
                #b32d2e;

            font-size:
                24px;

            line-height:
                1;

            cursor:
                pointer;
        }


        .custom-akordeon-remove:hover {

            color:
                #8a2424;
        }


        .custom-akordeon-body {

            padding:
                18px;
        }


        .custom-akordeon-body > p {

            margin:
                0 0 20px;
        }


        .custom-akordeon-body label {

            display:
                block;

            margin-bottom:
                7px;
        }


        /*
         * ==================================================
         * PEŁNY WP EDITOR
         * ==================================================
         */

        .custom-akordeon-editor {

            width:
                100%;
        }


        .custom-akordeon-editor
        .wp-editor-wrap {

            width:
                100%;

            margin-top:
                8px;
        }


        .custom-akordeon-editor
        .wp-editor-container {

            border:
                1px solid #c3c4c7;
        }


        /*
         * Edytor Visual.
         */

        .custom-akordeon-editor
        .mce-edit-area {

            min-height:
                350px;
        }


        /*
         * Textarea / HTML.
         */

        .custom-akordeon-editor
        .wp-editor-area {

            min-height:
                350px;

            font-family:
                monospace;
        }


        /*
         * Media button.
         */

        .custom-akordeon-editor
        .wp-media-buttons {

            padding-top:
                8px;
        }


        /*
         * Przyciski toolbaru.
         */

        .custom-akordeon-editor
        .mce-toolbar-grp {

            background:
                #f6f7f7;
        }


        /*
         * Sortowanie.
         */

        .custom-akordeon-item.ui-sortable-helper,
        .custom-dokument-item.ui-sortable-helper {

            box-shadow:
                0 5px 20px
                rgba(0,0,0,.15);
        }


        /*
         * Przycisk dodawania.
         */

        .custom-akordeon-add {

            margin-top:
                16px !important;
        }


        /* =========================================
           LIGHTBOX - TŁO
        ========================================= */

        .custom-wp-lightbox {
            display: none;
            position: fixed;
            inset: 0;
            width: 100%;
            height: 100%;
            z-index: 999999;

            background: rgba(0, 0, 0, 0.92);

            align-items: center;
            justify-content: center;

            padding: 30px;
            box-sizing: border-box;
        }

        .custom-wp-lightbox.active {
            display: flex;
        }


        /* =========================================
           ZDJĘCIE
        ========================================= */

        .custom-wp-lightbox-image {
            display: block;

            max-width: 90vw;
            max-height: 90vh;

            width: auto;
            height: auto;

            object-fit: contain;

            user-select: none;
            -webkit-user-drag: none;
        }


        /* =========================================
           PRZYCISK ZAMKNIĘCIA
        ========================================= */

        .custom-wp-lightbox-close {
            position: absolute;

            top: 15px;
            right: 25px;

            width: 50px;
            height: 50px;

            border: none;
            padding: 0;

            background: transparent;

            color: #ffffff;

            font-size: 50px;
            line-height: 50px;

            cursor: pointer;

            z-index: 20;

            transition: opacity 0.2s ease;
        }

        .custom-wp-lightbox-close:hover {
            opacity: 0.7;
        }


        /* =========================================
           STRZAŁKI
        ========================================= */

        .custom-wp-lightbox-prev,
        .custom-wp-lightbox-next {

            position: absolute;

            top: 50%;
            transform: translateY(-50%);

            width: 55px;
            height: 75px;

            display: flex;
            align-items: center;
            justify-content: center;

            border: none;

            background: rgba(0, 0, 0, 0.35);

            color: #ffffff;

            font-size: 38px;
            line-height: 1;

            cursor: pointer;

            z-index: 20;

            transition:
                background 0.2s ease,
                opacity 0.2s ease;
        }

        .custom-wp-lightbox-prev:hover,
        .custom-wp-lightbox-next:hover {
            background: rgba(0, 0, 0, 0.65);
        }

        .custom-wp-lightbox-prev {
            left: 20px;
        }

        .custom-wp-lightbox-next {
            right: 20px;
        }


        /* =========================================
           LICZNIK ZDJĘĆ
        ========================================= */

        .custom-wp-lightbox-counter {

            position: absolute;

            bottom: 20px;
            left: 50%;

            transform: translateX(-50%);

            color: #ffffff;

            font-size: 15px;
            line-height: 1;

            background: rgba(0, 0, 0, 0.4);

            padding: 8px 12px;

            border-radius: 20px;

            z-index: 20;
        }


        /* =========================================
           KURSOR W GALERII
        ========================================= */

        .gallery .gallery-item img {
            cursor: zoom-in;
        }


        /* =========================================
           ANIMACJA ZDJĘCIA
        ========================================= */

        .custom-wp-lightbox-image {
            opacity: 0;
            transform: scale(0.97);

            transition:
                opacity 0.2s ease,
                transform 0.2s ease;
        }

        .custom-wp-lightbox-image.loaded {
            opacity: 1;
            transform: scale(1);
        }


        /* =========================================
           MOBILE
        ========================================= */

        @media (max-width: 768px) {

            .custom-wp-lightbox {
                padding: 10px;
            }

            .custom-wp-lightbox-image {
                max-width: 95vw;
                max-height: 85vh;
            }

            .custom-wp-lightbox-prev,
            .custom-wp-lightbox-next {

                width: 42px;
                height: 60px;

                font-size: 30px;

                background: rgba(0, 0, 0, 0.25);
            }

            .custom-wp-lightbox-prev {
                left: 5px;
            }

            .custom-wp-lightbox-next {
                right: 5px;
            }

            .custom-wp-lightbox-close {

                top: 10px;
                right: 10px;

                width: 45px;
                height: 45px;

                font-size: 42px;
            }

            .custom-wp-lightbox-counter {
                bottom: 12px;
                font-size: 13px;
            }

        }


.elementor .e-8526c17-ad0e782, .elementor .e-153f1ba-a241727, .elementor .e-9e3e60a-0bf3d60, .elementor .e-f6a7164-ed3da73, .elementor .e-d6f7043-84e329e {color: #437828;}

.elementor .e-25a24f9-470dd33 {background-color: #e60000;}

.elementor .e-fa10cc8-6e217ce {background-color: #437828;}

/* ========================================
   WORDPRESS GALLERY
   ======================================== */

.gallery {
	display: grid;
	gap: 20px;
	margin: 0;
	padding: 0;
	width: 100%;
}

/* Element galerii */
.gallery-item {
	margin: 0;
	padding: 0;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

/* Obrazek */
.gallery-item img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

/* ========================================
   LICZBA KOLUMN
   ======================================== */

.gallery-columns-1 {
	grid-template-columns: 1fr;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, minmax(0, 1fr));
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, minmax(0, 1fr));
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, minmax(0, 1fr));
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, minmax(0, 1fr));
}

/* ========================================
   TABLET
   ======================================== */

@media (max-width: 1024px) {

	.gallery-columns-4,
	.gallery-columns-5,
	.gallery-columns-6,
	.gallery-columns-7,
	.gallery-columns-8,
	.gallery-columns-9 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

}

/* ========================================
   TELEFON
   ======================================== */

@media (max-width: 767px) {

	.gallery {
		gap: 15px;
	}

	.gallery-columns-3,
	.gallery-columns-4,
	.gallery-columns-5,
	.gallery-columns-6,
	.gallery-columns-7,
	.gallery-columns-8,
	.gallery-columns-9 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

}

/* ========================================
   MAŁY TELEFON
   ======================================== */

@media (max-width: 480px) {

	.gallery {
		gap: 12px;
	}

	.gallery-columns-2,
	.gallery-columns-3,
	.gallery-columns-4,
	.gallery-columns-5,
	.gallery-columns-6,
	.gallery-columns-7,
	.gallery-columns-8,
	.gallery-columns-9 {
		grid-template-columns: 1fr;
	}

}





























/* =========================
   TABLET
   ========================= */

@media (max-width: 900px) {

    .service-grid {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto;
    }

    .service-card:nth-child(3n) {
        border-right: 1px solid #d9e2e9;
    }

    .service-card:nth-child(2n) {
        border-right: none;
    }

    .service-card:nth-child(n+4) {
        border-bottom: 1px solid #d9e2e9;
    }

    .service-card:nth-child(n+5) {
        border-bottom: none;
    }
}


/* =========================
   TELEFON
   ========================= */

@media (max-width: 600px) {

    .service-grid {
        grid-template-columns: 1fr;
    }

    .service-card {
        min-height: 200px;
        padding: 30px;
        border-right: none !important;
        border-bottom: 1px solid #d9e2e9 !important;
    }

    .service-card:last-child {
        border-bottom: none !important;
    }

    .service-card h2,
    .service-card h3 {
        font-size: 21px;
    }

    .service-card p {
        font-size: 16px;
    }
}





/* ==========================================
   AKTUALNOŚCI - GRID
========================================== */

.aktualnosci-grid {
    width: 100%;

    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 30px;
}


/* ==========================================
   POJEDYNCZA AKTUALNOŚĆ
========================================== */

.aktualnosc {
    display: flex;

    flex-direction: column;

    width: 100%;

    box-sizing: border-box;

    padding: 30px;

    background: #ffffff;

    border: 1px solid #e5e5e5;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;
}


/* Hover */

.aktualnosc:hover {
    transform: translateY(-4px);

    border-color: #d5d5d5;

    box-shadow:
        0 10px 30px rgba(0, 0, 0, 0.08);
}


/* ==========================================
   DATA
========================================== */

.aktualnosc-data {
    margin: 0 0 12px;

    color: #777777;

    font-size: 14px;

    line-height: 1.4;

    font-weight: 500;
}


/* ==========================================
   TYTUŁ
========================================== */

.aktualnosc-tytul {
    margin: 0 0 15px;

    padding: 0;

    font-size: 22px;

    line-height: 1.35;

    font-weight: 600;
}


.aktualnosc-tytul a {
    color: #222222;

    text-decoration: none;

    transition: color 0.2s ease;
}


.aktualnosc-tytul a:hover {
    color: #0066cc;
}


/* ==========================================
   OPIS / FRAGMENT TREŚCI
========================================== */

.aktualnosc-opis {
    margin: 0 0 25px;

    color: #555555;

    font-size: 16px;

    line-height: 1.65;
}


/* ==========================================
   ZOBACZ WIĘCEJ
========================================== */

.aktualnosc-link {
    display: inline-flex;

    align-items: center;

    width: fit-content;

    margin-top: auto;

    color: #0066cc;

    font-size: 15px;

    line-height: 1.4;

    font-weight: 600;

    text-decoration: none;

    transition:
        color 0.2s ease,
        transform 0.2s ease;
}


.aktualnosc-link:hover {
    color: #004c99;

    transform: translateX(4px);
}


.aktualnosc-link::after {
    content: "→";

    margin-left: 8px;
}


/* ==========================================
   BRAK AKTUALNOŚCI
========================================== */

.aktualnosci-brak {
    width: 100%;

    padding: 40px 20px;

    box-sizing: border-box;

    text-align: center;

    color: #777777;

    font-size: 16px;
}


/* ==========================================
   TABLET
========================================== */

@media (max-width: 900px) {

    .aktualnosci-grid {
        grid-template-columns: 1fr;

        gap: 25px;
    }

}


/* ==========================================
   TELEFON
========================================== */

@media (max-width: 600px) {

    .aktualnosci-grid {
        gap: 20px;
    }


    .aktualnosc {
        padding: 22px;
    }


    .aktualnosc-tytul {
        font-size: 19px;

        line-height: 1.35;
    }


    .aktualnosc-opis {
        font-size: 15px;

        line-height: 1.6;
    }


    .aktualnosc-data {
        font-size: 13px;
    }

}

.orygin {
  background: #fff;
}

.cky-btn.cky-btn-reject {
  background-color: #3a5f81 !important;
  border-color: #3a5f81 !important;
}

.cky-btn.cky-btn-accept {
  background-color: #239800 !important;
  border-color: #239800 !important;
}
.cky-btn.cky-btn-customize {
  border-color: #3a5f81 !important;
  color: #3a5f81 !important;
}
.cky-title {
  color: #3a5f81 !important;
}
.cky-btn.cky-btn-preferences {
  background-color: #3a5f81 !important;
  border: #3a5f81;
  border: 1px solid;
}
.cky-accordion-btn {
  color: #3a5f81 !important;
}
.cky-btn-revisit-wrapper {
  background: #3a5f81 !important;
}















/* RESPONSIVE */

@media(max-width:1100px){

.pwik-menu ul{
gap:16px;
}

.pwik-menu a{
font-size:13px;
}

.pwik-logo{
width:145px;
}



}


@media(max-width:900px){

.pwik-topbar-left{
display:none;
}

.pwik-footer-container{
grid-template-columns:1fr 1fr;
gap:40px;
}

}


@media(max-width:600px){

.container,
.pwik-container{
padding:0 20px;
}


.pwik-footer-container{
grid-template-columns:1fr;
}


.pwik-footer-bottom{
flex-direction:column;
gap:15px;
}

}






/* =========================================================
   PWiK – AKTUALNOŚCI
   ========================================================= */

.pwik-aktualnosci {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}


/* =========================================================
   KARTA
   ========================================================= */

.pwik-aktualnosc {
    box-sizing: border-box;

    width: 100%;
    min-height: 308px;

    padding: 34px 26px 26px;

    border: 1px solid #d1d1d1;
    border-radius: 5px;

    background: #fff;

    display: flex;
    flex-direction: column;
}


/* =========================================================
   GÓRA KARTY
   ========================================================= */

.pwik-aktualnosc-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    gap: 25px;

    margin-bottom: 12px;
}


/* =========================================================
   TYTUŁ
   ========================================================= */

.pwik-aktualnosc-tytul {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.3;
    min-height: calc(1.3em * 2);
}

.pwik-aktualnosc-tytul a {
    color: #3d648d;
    text-decoration: none;
}

.pwik-aktualnosc-tytul a:hover {
    color: #3d648d;
    text-decoration: none;
}


/* =========================================================
   DATA
   ========================================================= */

.pwik-aktualnosc-data {
    flex-shrink: 0;

    padding-top: 2px;

    color: #239800;

    font-size: 16px;
    line-height: 1.4;
    font-weight: 700;

    white-space: nowrap;
}


/* =========================================================
   OPIS
   ========================================================= */

.pwik-aktualnosc-opis {
    color: #3f3f3f;

    font-size: 14px;
    line-height: 1.8;

    flex: 1;
}


/* =========================================================
   LINK
   ========================================================= */

.pwik-aktualnosc-link-wrap {
    margin-top: 0px;

    text-align: right;
}

.pwik-aktualnosc-link {
    color: #3d648d;

    font-size: 16px;
    line-height: 1.4;
    font-weight: 700;

    text-decoration: none;
}

.pwik-aktualnosc-link:hover {
    color: #3d648d;
    text-decoration: underline;
}


/* =========================================================
   BRAK AKTUALNOŚCI
   ========================================================= */

.pwik-aktualnosci-brak {
    font-size: 16px;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 900px) {

    .pwik-aktualnosci {
        gap: 18px;
    }

    .pwik-aktualnosc {
        padding: 28px 22px 22px;
    }

    .pwik-aktualnosc-header {
        gap: 15px;
    }

}


/* =========================================================
   TELEFON
   ========================================================= */

@media (max-width: 650px) {

    .pwik-aktualnosci {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .pwik-aktualnosc {
        min-height: 0;
        padding: 25px 20px 22px;
    }

    .pwik-aktualnosc-header {
        flex-direction: column;
        gap: 6px;
    }

    .pwik-aktualnosc-data {
        order: -1;
    }

    .pwik-aktualnosc-tytul {
        font-size: 22px;
    }

    .pwik-aktualnosc-opis {
        font-size: 17px;
    }

}














