/* Nowe, granatowe tło */
header.ehp-header {  background-color: #1D2939 !important;}
/*body { font-family: Arial, sans-serif; line-height: 1.6; margin: 20px; }*/
h1 { font-size: 28px; margin-bottom: 10px; }
h2 { font-size: 22px; margin-top: 25px; }
h3 { font-size: 18px; margin-top: 15px; }
table { width: 100%; border-collapse: collapse; margin: 10px 0; }
table, th, td { border: 1px solid #ddd; }
th, td { padding: 8px; text-align: left; }
ul { margin: 0; padding-left: 20px; }
.btn-cta { padding: 12px 25px; background-color: #007bff; color: white; text-decoration: none; border-radius: 5px; font-weight: bold; display: inline-block; }
.pros-cons { display: flex; gap: 20px; }
.pros, .cons { flex: 1; }
.pros ul, .cons ul { list-style: disc; padding-left: 20px; }

/* Linki w menu - białe, czytelne */
.ehp-header__menu .ehp-header__item {
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #F5F5F5 !important;
  text-transform: none;
}

/* Kolor strzałki submenu */
.ehp-header__submenu-toggle-icon {
  fill: #F5F5F5 !important;
}
ul.ehp-header__dropdown.has-layout-vertical.has-shape-default.shape-type-submenu {    padding: 10px 30px;}
ul.ehp-header__dropdown > li{    border-bottom:1px solid #b3b3b3;}
.ehp-header__dropdown{display:block;}
ul.ehp-header__dropdown.has-layout-vertical.has-shape-default.shape-type-submenu  {margin:0px}
/* Po najechaniu link staje się czysto biały i pogrubiony */
.ehp-header__menu .ehp-header__item:hover,
.ehp-header__menu .ehp-header__item:focus {
  color: #FFFFFF !important;
  font-weight: 700;
}
.ehp-header__dropdown > li{display:block;padding:5px 10px!important};
/* Aktywna strona (podkreślenie) - jasnoniebieski akcent */
.ehp-header__menu.has-pointer-hover-underline .ehp-header__item--top-level:hover:before,
.ehp-header__menu.has-pointer-focus-active-underline li.current-menu-item > .ehp-header__item--top-level:before,
.ehp-header__menu.has-pointer-focus-active-underline li.current-menu-ancestor > .ehp-header__item--top-level:before {
  background-color: #007BFF !important;
  height: 3px !important;
}

/* Aktywny link (tekst) też jest pogrubiony */
.ehp-header__menu li.current-menu-item > .ehp-header__item,
.ehp-header__menu li.current-menu-ancestor > .ehp-header__item {
  color: #FFFFFF !important;
  font-weight: 700;
}

/* Dropdown zostaje jasny dla czytelności */
.ehp-header__dropdown {
  background-color: #ffffff !important;
  border: 1px solid #eee !important;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.07) !important;
  border-radius: 0 0 4px 4px !important;
}

/* Linki w dropdownie (ciemne na białym tle) */
.ehp-header__dropdown .ehp-header__item {
  font-family: 'Lato', sans-serif;
  font-size: 15px;
  font-weight: 400;
  text-transform: none;
  color: #333 !important;
}

/* Hover w dropdownie - używamy granatu z belki głównej */
.ehp-header__elements-container {  gap: 120px;}
a.ehp-header__site-link {  --header-logo-width: 100%;  /* --header-logo-height: 50px; */  max-width: 250px;  height: 40px;}

li.menu-item.menu-item-type-taxonomy.menu-item-object-category.menu-item-has-children {
    padding:10px;
}
li.menu-item.menu-item-type-taxonomy.menu-item-object-category.menu-item-has-children:hover {
    background-color: #121c29;
}




ul.ehp-header__dropdown.has-layout-vertical.has-shape-default.shape-type-submenu {
    background-color: #b83030!important
}

ul.ehp-header__dropdown.has-layout-vertical.has-shape-default.shape-type-submenu {
    background-color: #dadada !important;
    box-shadow: 1px 1px 3px #686262!important;
}
ul.ehp-header__dropdown.has-layout-vertical.has-shape-default.shape-type-submenu > li{
    padding: 5px;    margin: 0;    width:100%;
    /* background-color:black*/
    /* box-shadow: 1px 1px 3px #686262!important;*/
}
ul#menu-0-56df01ba {grid-column-gap: 100px;}
.ehp-header__dropdown.has-layout-vertical.has-shape-default.shape-type-submenu {
    /* display: ruby-text; */
    padding: 5px 10px;
}

/* Poprawka na strzałki submenu (jeśli są) */
.elementor-element-911c751 .elementor-nav-menu .sub-arrow { color: #333 !important; }
.elementor-element-911c751 .elementor-nav-menu .elementor-item:hover .sub-arrow { color: #005f9e !important; }
.elementor-element-911c751 .elementor-nav-menu .elementor-item.elementor-item-active .sub-arrow { color: #ffffff !important; }
.site-header{display:flex;flex-wrap:wrap;justify-content:space-between;padding-block-end:1rem;padding-block-start:1rem;position:relative}.site-header .site-title{font-size:2.5rem;font-weight:500;line-height:1.2}.site-header .site-branding{display:flex;flex-direction:column;gap:.5rem;justify-content:center}.site-header .header-inner{display:flex;flex-wrap:wrap;justify-content:space-between}.site-header .header-inner .custom-logo-link{display:block}.site-header .header-inner .site-branding .site-description,.site-header .header-inner .site-branding .site-title{margin:0}.site-header .header-inner .site-branding .site-logo img{display:block}.site-header .header-inner .site-branding.show-logo .site-title,.site-header .header-inner .site-branding.show-title .site-logo{display:none!important}.site-header.header-inverted .header-inner{flex-direction:row-reverse}.site-header.header-inverted .header-inner .site-branding{text-align:end}.site-header.header-stacked .header-inner{align-items:center;flex-direction:column;text-align:center}.site-footer{padding-block-end:1rem;padding-block-start:1rem;position:relative}.site-footer .site-title{font-size:1.5rem;font-weight:500;line-height:1.2}.site-footer .site-branding{display:flex;flex-direction:column;gap:.5rem;justify-content:center}.site-footer .footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between}.site-footer .footer-inner .custom-logo-link{display:block}.site-footer .footer-inner .site-branding .site-description,.site-footer .footer-inner .site-branding .site-title{margin:0}.site-footer .footer-inner .site-branding .site-logo img{display:block}.site-footer .footer-inner .site-branding.show-logo .site-title,.site-footer .footer-inner .site-branding.show-title .site-logo{display:none!important}.site-footer .footer-inner .copyright{align-items:center;display:flex;justify-content:flex-end}.site-footer .footer-inner .copyright p{margin:0}.site-footer.footer-inverted .footer-inner{flex-direction:row-reverse}.site-footer.footer-inverted .footer-inner .site-branding{text-align:end}.site-footer.footer-stacked .footer-inner{align-items:center;flex-direction:column;text-align:center}.site-footer.footer-stacked .footer-inner .site-branding .site-title{text-align:center}.site-footer.footer-stacked .footer-inner .site-navigation .menu{padding:0}@media(max-width:576px){.site-footer:not(.footer-stacked) .footer-inner .copyright,.site-footer:not(.footer-stacked) .footer-inner .site-branding,.site-footer:not(.footer-stacked) .footer-inner .site-navigation{display:block;max-width:none;text-align:center;width:100%}.site-footer .footer-inner .site-navigation ul.menu{justify-content:center}.site-footer .footer-inner .site-navigation ul.menu li{display:inline-block}}.site-header.header-stacked .site-navigation-toggle-holder{justify-content:center;max-width:100%}.site-header.menu-layout-dropdown .site-navigation{display:none}.site-navigation-toggle-holder{align-items:center;display:flex;padding:8px 15px}.site-navigation-toggle-holder .site-navigation-toggle{align-items:center;background-color:rgba(0,0,0,.05);border:0 solid;border-radius:3px;color:#494c4f;cursor:pointer;display:flex;justify-content:center;padding:.5rem}.site-navigation-toggle-holder .site-navigation-toggle-icon{display:block;width:1.25rem}.site-navigation-toggle-holder .site-navigation-toggle-icon:after,.site-navigation-toggle-holder .site-navigation-toggle-icon:before{background-color:currentColor;border-radius:3px;content:"";display:block;height:3px;transition:all .2s ease-in-out}.site-navigation-toggle-holder .site-navigation-toggle-icon:before{box-shadow:0 .35rem 0 currentColor;margin-block-end:.5rem}.site-navigation-toggle-holder .site-navigation-toggle[aria-expanded=true] .site-navigation-toggle-icon:before{box-shadow:none;transform:translateY(.35rem) rotate(45deg)}.site-navigation-toggle-holder .site-navigation-toggle[aria-expanded=true] .site-navigation-toggle-icon:after{transform:translateY(-.35rem) rotate(-45deg)}.site-navigation{align-items:center;display:flex}.site-navigation ul.menu,.site-navigation ul.menu ul{list-style-type:none;padding:0}.site-navigation ul.menu{display:flex;flex-wrap:wrap}.site-navigation ul.menu li{display:flex;position:relative}.site-navigation ul.menu li a{display:block;padding:8px 15px}.site-navigation ul.menu li.menu-item-has-children{padding-inline-end:15px}.site-navigation ul.menu li.menu-item-has-children:after{align-items:center;color:#666;content:"▾";display:flex;font-size:1.5em;justify-content:center;text-decoration:none}.site-navigation ul.menu li.menu-item-has-children:focus-within>ul{display:block}.site-navigation ul.menu li ul{background:#fff;display:none;left:0;min-width:150px;position:absolute;top:100%;z-index:2}.site-navigation ul.menu li ul li{border-block-end:1px solid #eee}.site-navigation ul.menu li ul li:last-child{border-block-end:none}.site-navigation ul.menu li ul li.menu-item-has-children a{flex-grow:1}.site-navigation ul.menu li ul li.menu-item-has-children:after{transform:translateY(-50%) rotate(-90deg)}.site-navigation ul.menu li ul ul{left:100%;top:0}.site-navigation ul.menu li:hover>ul{display:block}footer .site-navigation ul.menu li ul{bottom:100%;top:auto}footer .site-navigation ul.menu li ul ul{bottom:0}footer .site-navigation ul.menu a{padding:5px 15px}.site-navigation-dropdown{bottom:0;left:0;margin-block-start:10px;position:absolute;transform-origin:top;transition:max-height .3s,transform .3s;width:100%;z-index:10000}.site-navigation-toggle-holder:not(.elementor-active)+.site-navigation-dropdown{max-height:0;transform:scaleY(0)}.site-navigation-toggle-holder.elementor-active+.site-navigation-dropdown{max-height:100vh;transform:scaleY(1)}.site-navigation-dropdown ul{padding:0}.site-navigation-dropdown ul.menu{background:#fff;margin:0;padding:0;position:absolute;width:100%}.site-navigation-dropdown ul.menu li{display:block;position:relative;width:100%}.site-navigation-dropdown ul.menu li a{background:#fff;box-shadow:inset 0 -1px 0 rgba(0,0,0,.102);color:#55595c;display:block;padding:20px}.site-navigation-dropdown ul.menu li.current-menu-item a{background:#55595c;color:#fff}.site-navigation-dropdown ul.menu>li li{max-height:0;transform:scaleY(0);transform-origin:top;transition:max-height .3s,transform .3s}.site-navigation-dropdown ul.menu li.elementor-active>ul>li{max-height:100vh;transform:scaleY(1)}@media(max-width:576px){.site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation{display:none!important}}@media(min-width:768px){.site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation-toggle-holder{display:none!important}}@media(min-width:576px)and (max-width:767px){.site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation{display:none!important}}@media(min-width:992px){.site-header.menu-dropdown-tablet:not(.menu-layout-dropdown) .site-navigation-toggle-holder{display:none!important}}@media(max-width:992px){.site-header.menu-dropdown-tablet:not(.menu-layout-dropdown) .site-navigation{display:none!important}}.site-header.menu-dropdown-none:not(.menu-layout-dropdown) .site-navigation-toggle-holder{display:none!important}
span.ehp-flex-footer__copyright-text > h4 {margin: 10px 0 0 0;}
.ehp-flex-footer__copyright-text-container {margin: 20px 0;}
.ehp-flex-footer__copyright-text-container > span{font-size:12px!important;}
header.ehp-header.has-behavior-onscroll-always.has-align-link-connect {    background: white;    box-shadow: 1px 1px 4px #afafaf;}
li.menu-item.menu-item-type-taxonomy.menu-item-object-category.menu-item-has-children.menu-item-371 {padding:10px}
ul.ehp-header__dropdown.has-layout-vertical.has-shape-default.shape-type-submenu {    background: #e7e7e7;    box-shadow: 2px 2px 4px #afafaf;    /* margin: 1px; */}
a.ehp-header__item.ehp-header__item--sub-level {padding:0px}
header.ehp-header.has-behavior-onscroll-always.has-align-link-connect.scroll-down {    background: white;    box-shadow: 2px 2px 4px #afafaf;}
.elementor-76 .elementor-element.elementor-element-b662441 {    --display: auto;}
.e-con-inner {    --content-width: 100%;}
.elementor-76 .elementor-element.elementor-element-420e1a6 {    padding: 0px;}
table { width: 100%; border-collapse: collapse; margin: 25px 0; font-size: 0.9em; box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); }
        thead tr { background-color: #009879; color: #ffffff; text-align: left; }
        th, td { padding: 12px 15px; border: 1px solid #dddddd; }
        tbody tr:nth-of-type(even) { background-color: #f3f3f3; }
        tbody tr:last-of-type { border-bottom: 2px solid #009879; }
       .btn-cta {display: inline-block;background-color: #e74c3c;color: white;padding: 12px 25px;text-align: center;text-decoration: none;font-size: 16px;margin: 20px 0;cursor: pointer;border-radius: 5px;font-weight: bold;transition: background-color 0.3s;}
       .btn-cta:hover { background-color: #c0392b; }
       .pros-cons { display: flex; flex-wrap: wrap; gap: 20px; margin: 20px 0; }
       .pros,.cons { flex: 1; min-width: 280px; border: 1px solid #ddd; padding: 15px; border-radius: 8px; }
       .pros h3,.cons h3 { margin-top: 0; }
       .pros ul,.cons ul { list-style-type: none; padding: 0; }
       .pros li::before { content: '✔ '; color: #27ae60; font-weight: bold; }
       .cons li::before { content: '✖ '; color: #c0392b; font-weight: bold; }
        #toc { border: 1px solid #bdc3c7; padding: 15px; margin-bottom: 25px; background-color: #ecf0f1; border-radius: 8px; }
        #toc h3 { margin-top: 0; }
        #toc ul { list-style-type: none; padding-left: 10px; }
        #toc a { text-decoration: none; color: #2980b9; }
        #toc a:hover { text-decoration: underline; }
        dl dt { font-weight: bold; margin-top: 10px; }

a.btn-cta {
    margin: 20px auto;
    display: table;
}
.elementor-element.elementor-element-14b96e13.elementor-widget.elementor-widget-text-editor {
    margin: 0 auto;
    max-width:90%;
}
main#content {
    max-width: 80%;
    margin: 0 auto;
}
.elementor-element.elementor-element-14b96e13.elementor-widget__width-inherit.elementor-widget.elementor-widget-text-editor > img {
    margin: 10px;
    padding: 10px;
}
.elementor img {    margin: 0px 10px;}
/* Przykładowy kod do wklejenia w Wygląd > Dostosuj > Dodatkowy CSS */

/* Selektor .entry-content odnosi się do głównej treści posta/strony */
.entry-content {
  /* Użyj czytelnej czcionki systemowej lub importowanej, np. 'Lato' */
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  
  /* Lekko ciemnoszary tekst jest czytelniejszy niż czarny (#000) */
  color: #333;
}

/* Poprawa czytelności akapitów i list */
.entry-content p,
.entry-content li {
  /* Ustawienie idealnej wielkości czcionki dla tekstu ciągłego */
  font-size: 17px;
  
  /* Zwiększenie odstępu między liniami (interlinia) to klucz do czytelności! */
  line-height: 1.75;
  
  /* Możesz też ograniczyć maksymalną szerokość tekstu, aby oko się nie męczyło */
  /* max-width: 720px; */ 
}

/* Poprawa wyglądu nagłówków */
.entry-content h2,
.entry-content h3 {
  /* Dodanie większego odstępu przed nagłówkami, aby oddzielić sekcje */
  margin-top: 2.2em;
  margin-bottom: 0.8em;
  line-height: 1.3;
}

/* Poprawa wyglądu tabel */
.entry-content table {
  width: 100%; /* Tabela zawsze na 100% szerokości kontenera */
  border-collapse: collapse; /* Ładne, pojedyncze ramki */
  margin: 2em 0; /* Odstęp od reszty tekstu */
  font-size: 16px; /* Tabela może mieć nieco mniejszą czcionkę */
}

.entry-content th,
.entry-content td {
  border: 1px solid #ddd; /* Delikatne, szare ramki */
  padding: 12px 15px; /* Wewnętrzne odstępy w komórkach */
  text-align: left;
}

.entry-content th {
  background-color: #f7f7f7; /* Lekkie tło dla nagłówków tabeli */
  font-weight: 600; /* Pogrubienie nagłówków */
}
/*div#o-affiliate-system-flashcards {    font-family: Arial, Sans-serif!important;}   div#affiliate-system-flashcards > div > div {    /* font-size: 12px!important; }*/
.o-affiliate-system-flashcards__left-column {padding: 0 20px;}
.o-affiliate-system-flashcards__flashcard {padding: 10px 20px}
.o-affiliate-system-flashcards{   font-family: Arial, Sans-serif!important;    /* font-size: 12px; */    /* font-family: "Segoe UI", Ubuntu, "Dejavu Sans", Arial, sans-serif; */}
.o-affiliate-system-flashcards__title {    margin: 0 -20px;    padding: 5px 0px;}
.o-affiliate-system-flashcards__content {    font-style: normal;    font-weight: 400;    font-size: 12px;}
.o-affiliate-system-flashcards__flashcard {    background: #fff;    border: 1px solid #f1f1f1;}
#aff44-widget-v3 .offer-container .offer .pad {   background-color: #fffcfc;    border: 1px solid #dee2e6;    box-shadow: 1px 2px 2px #d7d7d7;}
#aff44-widget-v3 .offer-container .legal-container {
    /* margin-top: 5px; */
    text-align: center;
    border: 1px solid #cacaca;
        border-radius: 0 12px;
}
#aff44-widget-v3 .offer-container .offer .recommended {
    width: 100%;
    background: linear-gradient(108.68deg, #fdbb54, #ef9a17);
    /* background: linear-gradient(108.68deg, #638493, color(srgb-linear 0.08 0.18 0.24)); */
    color: #21252f;
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    padding: 6px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.o-affiliate-system-flashcards__content {
    font-size: 12px !important;
}
/* === GŁÓWNA TREŚĆ I TYPOGRAFIA === */

/* Używamy selektora .entry-content, który jest standardem w WordPress dla treści posta */
.entry-content {
  /* Zastosowanie nowej, czytelnej czcionki */
  font-family: 'Lato', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  
  /* Ciemnoszary tekst jest przyjemniejszy dla oka niż czysty czarny */
  color: #333; 
}

/* === AKAPITY I ODSTĘPY (KLUCZ DO CZYTELNOŚCI) === */
.entry-content p,
.entry-content ul,
.entry-content ol {
  /* Większa czcionka bazowa dla wygody czytania */
  font-size: 18px; 
  
  /* Zwiększona interlinia (odstęp między liniami) to najważniejsza zmiana! */
  line-height: 1.8; 
  
  /* Dodajemy stały odstęp pod akapitami i listami, aby tekst "oddychał" */
  margin-bottom: 1.75em; 
}

/* === NAGŁÓWKI (HIERARCHIA WIZUALNA) === */
.entry-content h2 {
  font-family: 'Lato', sans-serif;
  font-weight: 700; /* Grubsza czcionka dla nagłówka */
  font-size: 2.1em;   /* Wyraźnie większy */
  color: #111;       /* Mocniejszy kolor dla kontrastu */
  
  /* Duży odstęp *przed* nagłówkiem, by oddzielić sekcje */
  margin-top: 2.5em; 
  margin-bottom: 1em;
  
  /* Subtelna linia oddzielająca nagłówek od reszty */
  border-bottom: 2px solid #f0f0f0;
  padding-bottom: 0.3em;
}

.entry-content h3 {
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  font-size: 1.6em;
  color: #222;
  margin-top: 2.2em;
  margin-bottom: 0.8em;
}

/* === LISTY (CZYTELNE PUNKTORY) === */
.entry-content ul,
.entry-content ol {
  /* Wcięcie listy od lewej */
  padding-left: 1.5em; 
}

.entry-content li {
  /* Mniejszy odstęp między poszczególnymi punktami listy */
  margin-bottom: 0.75em; 
  padding-left: 0.5em; /* Odstęp między kulą a tekstem */
}

/* === TABELE (PROFESJONALNY WYGLĄD DANYCH) === */
.entry-content table {
  width: 100%; /* Tabela zawsze na 100% szerokości */
  border-collapse: collapse; /* Usuwa podwójne ramki */
  margin: 2em 0;
  font-size: 16px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05); /* Subtelny cień */
  border: 1px solid #e0e0e0; /* Delikatna ramka główna */
}

.entry-content th,
.entry-content td {
  border: 1px solid #e0e0e0; /* Ramki komórek */
  padding: 12px 15px;
  text-align: left;
  line-height: 1.5; /* Lepsza interlinia w tabeli */
}

.entry-content th {
  background-color: #f9f9f9; /* Bardzo jasne tło dla nagłówków */
  font-weight: 700; /* Pogrubienie nagłówków (zamiast domyślnego) */
  color: #333;
}

/* === DETALE: LINKI I OBRAZKI === */

/* Lepsze linki */
.entry-content a {
  color: #0073aa; /* Standardowy niebieski WordPressa */
  text-decoration: none; /* Usuwamy domyślne podkreślenie */
  border-bottom: 1px dotted #0073aa; /* Zastępujemy je kropkowanym */
  transition: all 0.2s ease;
}

.entry-content a:hover {
  color: #005177; /* Ciemniejszy przy najechaniu */
  border-bottom-style: solid; /* Linia staje się ciągła */
}

/* Obrazek po prawej */
.entry-content img.alignright {
  /* Dodajemy więcej odstępu, by tekst go nie "oblepiał" */
  margin-left: 25px;
  margin-bottom: 15px;
}

/* Styl dla przykładu RODO (tag <em>) */
.entry-content p > em {
  display: block; /* Traktuj jako osobny blok */
  background-color: #fdfdfd;
  border: 1px solid #eee;
  border-left: 4px solid #0073aa; /* Niebieski akcent po lewej */
  padding: 1.2em 1.5em;
  margin: 2em 0;
  font-family: monospace; /* Czcionka "kodowa" dla przykładu */
  font-style: normal;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.03);
}