::selection {
    background: #fceeff; /* kolor tła zaznaczenia */
    color: ;      /* kolor tekstu podczas zaznaczenia */
}

::-moz-selection {
    background: #ff0066;
    color: #ffffff;
}


/* Desktop: Open Sans + pełny fallback stack */
@media (min-width: 1024px) {
  @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap');

  body {
    font-family: apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif !important;
    font-stretch: 100%;
  }
}

/* Nagłówki */
h1, h2, h3, h4, h5, h6,
.td-page-title,
.td_module_title,
.td-post-lead {
  font-family: apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif !important;
  font-stretch: 100%;
}

body .tdi_75,
body .tdi_75 a,
body .tdi_75 ul li {
    font-family: apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif !important;
}
body .tdi_99,
body .tdi_99 .entry-title,
body .tdi_99 a {
    font-family: apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif !important;
}
body .tdi_109,
body .tdi_109 .entry-title,
body .tdi_109 a {
    font-family: apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif !important;
}

html, body {
    overflow-x: hidden !important;
    position: relative;
}
/* Blokada drżenia kontenerów treści */
.td-post-content, .td-main-content-wrap, .td-container {
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
    position: relative !important;
    touch-action: pan-y !important; /* To wyłącza przesuwanie na boki dotykiem */
}

/* Blokada wystających obrazków i reklam */
img, iframe, ins.adsbygoogle {
    max-width: 100% !important;
}

/* Blockquote – wymuszenie Open Sans */
@media (min-width: 1024px) {
  blockquote p,
  .td_blockquote p,
  .td_quote_box p,
  .td-post-content blockquote p {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
    font-stretch: 100%;
  }
}



/* Stretch globalnie (opcjonalne, ale OK) */
body, h1, h2, h3, h4, h5, h6, p {
  font-stretch: 100%;
}


@media (max-width: 767px) {
  /* Resetuje odstępy w wierszach i sekcjach */
  .tdc-row,
  .td-pb-row,
  .td-block-row {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
}

  /* Resetuje w głównym kontenerze postów / treści */
  .td-container,
  .td-ss-main-content {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  /* Dodatkowo dla kontenera w single post */
  .td-post-content {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

@media (max-width: 767px) {
  /* Wewnętrzne wrappery w Posts Loop */
  .td-block-wrap,
  .td-block-span12,
  .td-block-row {
    padding-right: 4px !important;
    padding-left: 4px !important; /* tylko jeśli chcesz spójnie lewo/prawo */
  }
}
 
.meta-row-fix {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px; /* odstępy między modułami */
}

.meta-row-fix > div {
  display: inline-flex !important;
  align-items: center;
  gap: 4px;
  white-space: nowrap; /* nie łam wiersza w środku modułu */
}

/* Margines dolny H3 */
.tdb_single_content .tdb-block-inner>*:not(.wp-block-quote):not(.alignwide):not(.alignfull.wp-block-cover.has-parallax):not(.td-a-ad) {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}


/* separator po H2 */
.tdb_single_content h2,
.td-post-content h2 {
  position: relative;
  margin-bottom: 30px;
}

.tdb_single_content h2::after,
.td-post-content h2::after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #d9d9d9;
  margin: 9px auto 0;
  opacity: 0.5;
}

.tdb_single_content h2::before,
.td-post-content h2::before {
  content: '';
  position: absolute;
  top: 100%;
  left: 0; /* zamiast 50% */
  transform: translateY(-1px); /* tylko pionowe przesunięcie */
  width: 100px;
  height: 1px;
  background-color: #fa64bc;
  z-index: 1;
}
@media (max-width: 600px) {
  .tdb_single_content h2::before,
  .td-post-content h2::before {
    width: 64px;
  }
}

/* separator pod ZOBACZ ROWNIEZ */
.custom-separator {
  position: relative;
  height: 0;
  margin-bottom: 20px;
}

.custom-separator::after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #d9d9d9;
  opacity: 0.5;
  margin-top: 20px;
}

.custom-separator::before {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  transform: translateY(-0.5px);
  width: 80px;
  height: 1px;
  background-color: #fa64bc;
  z-index: 1;
}

@media (max-width: 600px) {
  .custom-separator::before {
    width: 64px;
  }
}

/* separator 2 pod zdjeciem */

.custom-separator-2 {
  position: relative;
  height: 0;
  margin-bottom: 20px;
}

.custom-separator-2::after {
  content: '';
  display: block;
  width: 100%;
  height: 0.5px;
  background-color: #E0CEE8;
  opacity: 0.5;
  margin-top: 6px;
}

.custom-separator-2::before {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, 0px);
  width: 100px;
  height: 0.5px;
  background-color: #D0017E;
  z-index: 1;
}

@media (max-width: 600px) {
  .custom-separator-2::before {
    width: 64px;
  }
}


/* separator 3 reklamy */

/* Nowy, czysty separator */
.custom-separator-3 {
  height: 1px;           /* Wysokość linii */
  background-color: #EBEBEB; /* Twój kolor */
  margin: 16px 0;        /* Odstępy góra/dół (zastępuje marginesy 16px) */
  border: none;
  width: 100%;           /* Pełna szerokość */
  display: block;
}

/* Usuwamy pozostałości po starym kodzie, jeśli nadal siedzą w pamięci przeglądarki */
.custom-separator-3::before,
.custom-separator-3::after {
  display: none !important;
  content: none !important;
}

/* CENEO logo */
div.ceneoaff-custom a.ceneoaff-logo {
    display: none;
}
div.ceneoaff-custom {
    padding-bottom: 10px !important;
    width: 100% !important;
    text-align: center !important;
}

/* CENEO WRAP */
.ceneo-affiliate-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 100%;
}

/* Napis reklam ze strzalka */
.ads-text-left {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: flex-start;
  font-size: 14px;
  line-height: 1.2;
  color: #444;
  margin-bottom: 10px;
  margin-top: 0px;
  letter-spacing: 0.01rem;
}

/* Tło wokół reklamy: 4 akapit */
.ad-box {
    background: transparent; /* Usuwamy kolor, aby gradienty etykiet ładnie znikały w tło strony */
    padding: 0 !important;   /* Zerujemy wewnętrzne odstępy boxa */
    text-align: center;
    
    /* Zmiana min-height na bardziej elastyczny */
    min-height: auto !important; 
    
    /* Dodatkowe czyszczenie dla pewności */
    margin-left: auto;
    margin-right: auto;
    display: block;
    overflow: visible !important; /* Ważne dla Twojego efektu Sticky */
}



/* Separator gradientowy */
.ad-separator-up {
  height: 1px;
  background: linear-gradient(to right, #f0dcff, #6001d2, #f0dcff);
  margin-top: 20px; /* 10px góra i dół */
  margin-bottom: -10px;
}
.ad-separator-down {
  height: 1px;
  background: linear-gradient(to right, #f0dcff, #6001d2, #f0dcff);
  margin-top: 10px;
  margin-bottom: 30px;
}
.ad-separator-upmobile {
  height: 1px;
  background: linear-gradient(to right, #f0dcff, #6001d2, #f0dcff);
  margin-top: 10px; /* 10px góra i dół */
  width: 100vw;
  margin-left: -15px;
}
.ad-separator-downmobile {
  height: 1px;
  background: linear-gradient(to right, #f0dcff, #6001d2, #f0dcff);
  margin-top: 0px;
  margin-bottom: 10px;
  width: 100vw;
  margin-left: -16px;
  height: 2px;
  transform: scaleY(0.5);
  transform-origin: bottom;
}

/* Linki w treści artykułu */
.td-post-content a {
  position: relative;
  display: inline;
  color: #22242d;
  font-weight: 600;
  text-decoration-line: underline;
  text-decoration-color: #e00e8a;
  text-decoration-thickness: 1.4px;
  text-underline-offset: 2.5px;
  text-decoration-skip-ink: auto;
}

.td-post-content .tdb-block-inner a {
  text-decoration-line: underline !important;
  text-decoration-color: #e00e8a !important;
  text-decoration-thickness: 1.4px !important;
  text-underline-offset: 2.5px !important;
  color: #e00e8a !important;
}

.td-post-content .tdb-block-inner a:hover {
  color: #5e2ca5 !important;
}




/* kropka li */
.td-post-content ul {
  list-style: none; /* usuwamy domyślną kropkę */
  padding-left: -1.5em;
}
.td-post-content ul li::before {
  content: "●"; /* lub np. "●", "◦", emoji */
  font-size: 28px;
  display: inline-block;
  width: 0.6em;
  margin-right: 8px;  /* odstęp między kropką a tekstem */
  margin-left: -27px;
  margin-top: -8px;
  vertical-align: middle; /* kluczowy element */
  background:
    radial-gradient(circle at 30% 30%, rgba(255,255,255,0.9) 0 6%,
                    rgba(255,255,255,0.35) 6% 12%,
                    transparent 12%),
    radial-gradient(circle at 60% 60%, #FE006E 0%, #bf0e6e 60%, #bf0e6e 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  overflow: visible;
}

@media (max-width: 768px) {
  .td-post-content ul {
    padding-left: 0;
  }

  .td-post-content ul li {
    list-style: none;
    position: relative;
    padding-left: 2px; /* minimalny odstęp – blisko tekstu */
    line-height: 1.4;   /* stabilizuje pionowe wyrównanie */
  }

  .td-post-content ul li::before {
    content: "";
    position: absolute;
    left: 8px;
    top: 0.57em; /* idealne wyrównanie na iPhone */
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: linear-gradient(90deg, #bf0e6e, #FE006E);
  }
}

/* Styl cytatów */
blockquote p {
  position: relative;
  margin: 26px 0;
  margin-left: 0px;
  padding: 30px 20px;
  background: linear-gradient(90deg, #ffffff 0%, #f8e9ff 50%, #ffffff 100%);
  text-align: left;
}
@media (max-width: 768px) {
  blockquote p {
  position: relative;
  margin: 40px 0;
  padding: 20px 20px;
  background: linear-gradient(90deg, #ffffff 0%, #f8e9ff 50%, #ffffff 100%);
  border-left: 1px solid #D0017E;
  text-align: left;
}  
}
/* Ikona cudzysłowu jako wstawiany element */
blockquote::marker {
  content: none;
}

blockquote span.quote-icon {
  position: absolute;
  left: 10px;
  top: 10px;
  font-size: 60px;
  color: #d60000;
  line-height: 1;
}

/* ROZWIN/ZWIN */

.embed-auto-wrapper {
  position: relative;
  max-height: 300px;
  overflow: hidden;
  transition: max-height 0.4s ease;
  margin-bottom: 20px;
}

.embed-auto-wrapper.expanded {
  max-height: 2000px;
}

/* Embed Linia pozioma */
.embed-line {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: #e70072; /* kolor MUZOTAKT.pl */
  z-index: 5;
}

/* Przycisk na środku linii */
.embed-button {
  position: absolute;
  bottom: -1px; /* lekko poniżej linii */
  left: 50%;
  transform: translateX(-50%);
  background: #e70072;
  color: #fff;
  padding: 6px 20px;
  font-weight: bold;
  font-size: 14px;
  border-radius: 4px;
  z-index: 10;
  cursor: pointer;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}

/* Podpis pod zdjeciami */
.caption-title { 
    display: block; 
    font-size: 12px; 
    line-height: 20px; 
    color: #22242d; 
    font-weight: 400; 
    padding: 2px 0px 0px 10px; 
    box-sizing: border-box;
    text-align: center;
} 
.caption-wideo { 
    display: block; 
    font-size: 12px; 
    line-height: 20px; 
    color: #41455a; 
    font-weight: 400; 
    padding: 10px 0px 0px 0px; 
    box-sizing: border-box;
    text-align: center;
} 
.caption-credit { 
    display: block;
    font-size: 11px;
    line-height: 16px;
    font-weight: 400;
    color: #41455a; 
    text-align: center;
} 
.caption-separator { 
    height: 0px; 
    transform: scaleY(0.5);
    transform-origin: top;
    background: linear-gradient(to right, #f0dcff, #bf0e6e, #f0dcff); }

@media screen and (max-width: 768px) {
  .caption-wrapper {
    width: 100%;
    display: block;
  }

  .caption-title {
    display: block;
    background: #000000;
    font-size: .875rem;
    line-height: 1.25rem;
    color: #ffffff;
    font-weight: 400;
    width: 100vw;
    margin-left: -16px;
    padding: 4px 16px 7px 16px;
    box-sizing: border-box;
    margin-top: -14px;
  }

.caption-credit {
    display: block;
    font-size: 10px;
    color: #41455a;
    margin-left: 0px;
    padding-left: 0px;
    margin-top: 4px;
  }
  .caption-wideo {
    display: block;
    font-size: 10px;
    color: #41455a;
    margin-left: 0px;
    padding-left: 0px;
    margin-top: -10px;
  }
.caption-separator {
  height: 1px;
  transform: scaleY(0.5);
  transform-origin: top;
  background: linear-gradient(to right, #f0dcff, #bf0e6e, #f0dcff);
  width: 100vw;
  margin-left: -15px;
  }
}

/* zdjecia mobile artykul */
@media screen and (max-width: 768px) {
  .tdb-block-inner figure {
    position: relative;
    left: 50%;
    right: 50%;
    width: 100vw;
    max-width: 100vw;
    transform: translateX(-50%);
    margin: 0;
  }

  .tdb-block-inner figure img.entry-thumb {
    width: 100vw;
    max-width: 100vw;
    height: auto;
    display: block;
  }

  .tdb-caption-text {
    text-align: center;
    font-size: 14px;
    color: #666;
    padding: 8px 16px;
  }
}

/* Lista na stronie TAG */
.tagdiv-type ul li:not(.blocks-gallery-item):not(.wp-block-navigation-item), .tagdiv-type ol li:not(.blocks-gallery-item):not(.wp-block-navigation-item) {
    line-height: inherit;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 14px;
}

/*one signal css */
.onesignal-customlink-container,
.onesignal-bell-launcher {
  display: block !important;
  bottom: 0 !important;
  z-index: 99999 !important;
}


/* === REKLAMY === */

/* nowy napis z separatorami po bokach gradient */
/* GŁÓWNY STYL DLA ETYKIET REKLAMOWYCH */
.ad-label-container {
    display: flex !important;
    align-items: center !important;
    text-align: center !important;
    margin: 15px 0 5px 0 !important;
    width: 100% !important;
}

/* LINIE PO BOKACH */
.ad-label-container::before,
.ad-label-container::after {
    content: '' !important;
    flex: 1 !important;
    height: 1px !important;
}

/* Gradienty zanikające */
.ad-label-container::before {
    background: linear-gradient(to right, transparent, #D9D9D9) !important;
}

.ad-label-container::after {
    background: linear-gradient(to left, transparent, #D9D9D9) !important;
}

/* NAPIS REKLAMA */
.ad-label-text {
    padding: 0 15px !important;
    color: #aaa !important;
    font-size: 10px !important;
    font-family: sans-serif !important;
    letter-spacing: 0.5px !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}
/* Górna etykieta - margines tylko OD GÓRY, żeby odsunąć się od tekstu artykułu */
.ad-label-container {
    display: flex !important;
    align-items: center !important;
    text-align: center !important;
    margin: 20px 0 0 0 !important; /* Wyzerowany margines dolny */
    width: 100% !important;
}

/* Dolna etykieta - margines tylko OD DOŁU, żeby odsunąć się od tekstu pod reklamą */
.ad-label-bottom {
    margin: 0 0 20px 0 !important; /* Wyzerowany margines górny */
}



/* REKLAMA TOP */
.billboard-wrapper {
  width: 100%;
  padding: 10px 0;
  background-color: #f9f9f9;
}

.top-billboard {
  max-width: 1180px;
  margin: 0 auto;
  text-align: center;
  min-height: 310px; /* dopasowane do 1220x400 */
  overflow: hidden; /* zapobiega rozlewaniu się reklamy */
  position: relative !important;
  z-index: 1 !important;
}


.top-billboard-mobile {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  max-width: 100%;
  padding: 0;
  margin-bottom: 5px !important; /* Minimalny odstęp od Spisu Treści */
    /* ZAMIAST min-height: auto; wpisz poniższe: */
  min-height: 280px !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden; /* zapobiega wystawaniu elementów poza kontener */
}

.top-billboard-mobile ins {
  width: 100% !important;
  height: auto !important;
}

.top-billboard-600 {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
  min-height: 610px; /* rezerwacja miejsca pod 300x600 */
  display: flex;
  justify-content: center;
  align-items: center;
}


.bottom-billboard {
  max-width: 1180px;
  margin: 0 auto;
  text-align: center;
  min-height: 150px; /* dopasowane do 1220x400 */
  overflow: hidden; /* zapobiega rozlewaniu się reklamy */
  position: relative;
  z-index: 10;
}

.ad-label-top {
  font-size: 10px;
  line-height: 10px;
  color: #999999;
  letter-spacing: 0.5px;
  margin-bottom: 6px;
  text-align: center;
  position: relative;
  z-index: 5;
}
.ad-label-mobile {
    font-size: 10px;
    line-height: 10px;
    color: #999999
    
}

@media (max-width: 768px) {
  .top-billboard-mobile {
    max-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: visible !important; /* To jest kluczowe, żeby Sticky nie było ucięte */
  }

  .ad-label-mobile {
    font-size: 10px;
    color: #aaa;
    text-align: center;
    width: 100%;
    margin-bottom: 5px;
  }
}

  .top-billboard .ad-mobile1 {
    display: block;
    margin: 0 auto;          /* dodatkowe centrowanie */
  }

  .top-billboard .ad-desktop1 {
    display: none;           /* ukrycie desktopowej jednostki */
  }


/* reklama 4 akapit mobile */
.ad-full-bg {
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  width: 100vw;
  background-color: #fafafa;
  padding: 8px 0 8px 0; /* mniejszy padding u góry, większy na dole */
  text-align: center;
  z-index: 1;
}

.ad-label {
  font-size: 10px;
  color: #596777;
  margin-bottom: 6px;
  padding-bottom: 0;
  line-height: 1;
}

.ad-inner-top {
  width: 100%;
  max-width: 336px;
  margin: 0 auto;
  min-height: 300px;
}

.ad-inner {
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
  min-height: 600px;
}



/* napis reklama lewa */
.td-adspot-title {
    font-size: 10px;
    letter-spacing: 0.5px !important;
    text-transform: uppercase;
    color: #5c6b8d;
    display: inline-block;
    margin-top: 0px;
    margin-bottom: 1px;
    padding: 0 0px;
    width: 300px;
    line-height: 12px;
    text-align: left !important;
}

#ad-rotator {
    margin: 0 auto;
    padding: 8px 0;
    border-radius: 6px;
    min-height: 620px; /* zamiast 250px */
  }

  .ad-label {
    font-size: 10px;
    line-height: 10px;
    color: #999999;
    letter-spacing: 0.5px;
    margin-bottom: 4px;
  }


/* centrowanie tytulu,lead,tresci */

.article-column {
  display: flex;
  justify-content: center;
}

.article-column > .tdc-inner-column {
  max-width: 800px;
  width: 100%;
}

@media (max-width: 1024px) {
  .article-column {
    display: block;          /* zamiast flex na mobile */
  }
  .article-column > .tdc-inner-column {
    max-width: 100%;         /* pełna szerokość */
    padding: 0 20px;         /* oddech po bokach */
    box-sizing: border-box;  /* padding nie psuje szerokości */
  }
}

.article-center {
  display: flex;
  justify-content: center;
}

.article-center > * {
  max-width: 780px;
  width: 100%;
}


/* Linia tylko pod zdjęciem w Flex Block */
/* bazowy border (widoczny zawsze) */
.td-image-container .entry-thumb {
  display: block;
 
}

/* zmiana koloru przy hoverze na linku */
.td-image-container .td-image-wrap:hover .entry-thumb {
opacity: 0.8;
transition: opacity 0.3s;
}

/* tlo kategorii skos */
.td-post-category {
    transform: skewX(-5deg);
}

.tdi_36 .td-image-wrap {
    box-shadow: 0 2px 5px #8d8d8d;
    border-radius: 5px;

}
/* kropki wybrane dla ciebie */
.moje-kropki a {
    position: relative;
    padding-left: 24px; /* odstęp na kropkę */
    display: block; /* żeby kropka była zawsze wyrównana */
}

.moje-kropki a::before {
    content: "";
    width: 6px;
    height: 6px;
    background: #ff2a8a; /* Twój różowy */
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}



/* PRZYCISK UDOSTEPNIJ ART */
.share-button-mzt {
  background: #fdfdfd; /* Delikatne tło, żeby było widać, że to przycisk */
  color: #333333;
  padding: 4px 10px;
  border-radius: 0.5rem; /* Zaokrąglony kształt - bardzo popularny w mobile */
  border: 1px solid #ccd1dd;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.01rem;
  gap: .5rem;
  transition: background 0.2s ease;
  margin: 10px 0;
  font-family: inherit;
}

.share-button-mzt:active {
  background: #e0e0e0; /* Efekt kliknięcia na telefonie */
}

/* wymuszenie rozmiaru ikony */
.share-icon {
  width: 30px !important;
  height: 30px !important;
  fill: #000000 !important;
}
/* usuniecie z wyroznionego modulu podkreslenie rozowe */
.banner-wyr {
border-bottom: none;
    transition: none;
}

/* NOWY ANCHOR MOBILE */

@media (max-width: 768px) {

  /* Anchor pełna szerokość */
  .mzt-ad-anchor {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    min-height: 180px;
    z-index: 999999;
    padding: 0 0 10px 0;
    background: #fff;
  }

  /* Plakietka REKLAMA + X */
.mzt-ad-tag {
    position: absolute;
    top: -20px;
    right: 14px;
    background: #fff;
    padding: 4px 10px;
    display: flex;
    align-items: center;
    gap: 8px;
    border-radius: 6px 6px 0 0;

    /* Twój cień – tylko góra + boki */
    box-shadow:
  0 -3px 8px rgba(0,0,0,0.15),
  -3px 0 8px rgba(0,0,0,0.15),
  2px 0 8px rgba(0,0,0,0.15);


    /* BLOKADA cienia od dołu – kluczowe */
    clip-path: inset(0 0 6px 0);
}


  /* BLOK z cieniem (banner + przycisk) */
  .mzt-ad-box {
    width: 100%;
    background: #fff;
    box-shadow: 0 -3px 12px rgba(0,0,0,0.15);
    border-radius: 0;
    padding: 4px 6px 0px;
    padding-bottom: 0;
  }

  .mzt-ad-slot {
    width: 100%;
    min-height: 100px;
    text-align: center;
    margin-bottom: 12px;
  }

  .mzt-anchor-btn {
    display: block;
    width: 100%;
    margin: 0;
    background: linear-gradient(90deg, #bf0e6e, #FE006E);
    color: #fff;
    text-align: center;
    padding: 12px 0 !important;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    border-radius: 6px;
    height: 44px;
    line-height: 1;
    align-items: center;
    justify-content: space-around;

}

  body {
    padding-bottom: 200px;
  }
}

@media (min-width: 769px) {
  .mzt-ad-anchor {
    display: none;
  }
}
.mzt-ad-label {
  font-size: 9px;
  font-weight: 400;
  text-transform: uppercase;
  color: #888;
}

.ad-label-anchor {
  font-size: 10px;
  color: #595959;
  margin-bottom: 1px;
  padding-bottom: 0;
  line-height: 10px;
  letter-spacing: 0.5px;

}

.mzt-ad-close {
  font-size: 26px;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
  color: #666;
  padding-left: 4px;
}

/* ANKIETA CSS */
/* ANKIETA – wyłącz pseudo-kropki z motywu */
.wp-polls ul li::before,
.wp-polls-ans ul li::before,
.wp-polls-ul li::before {
    content: none !important;
    background: none !important;
}

.wp-polls,
.wp-polls-form {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 35px 0 !important;
}
.wp-polls-ans .wp-polls-ul li {
    border: 1px solid transparent !important;
    border-radius: .75rem !important;
    padding: 7px 10px !important;
    margin-bottom: 10px !important;
    list-style: none !important;
    display: flex !important;
    align-items: center !important;

    background:
        linear-gradient(#fff, #fff) padding-box,
        linear-gradient(102deg, #cc03ff 10.57%, #8b00b6 17.69%, #22242d 48.66%) border-box !important;

    background-clip: padding-box, border-box !important;
}

.wp-polls .Buttons {
    padding: 10px 12px 10px 12px;
    border: 1px solid #c8c8c8;
    background-color: #000;
    color: #ededed;
}

.wp-polls-ul li input[type="radio"] {
    -webkit-transform: scale(1.6) translateY(0px);
    -ms-transform: scale(1.6) translateY(0px);
    transform: scale(1.6) translateY(0px);
    margin-right: 10px;
    margin-left: 10px;
    accent-color: #f12d90;
    border: 1px solid #f12d90;
    vertical-align: baseline;
    transform-origin: center;
}
.wp-polls ul li, .wp-polls-ul li, .wp-polls-ans ul li {
    margin-left: 0px;
}
@media (max-width: 768px) {
    .wp-polls label {
        font-size: 16px;
    }
}

.wp-polls,
.wp-polls-form {
    padding-bottom: 0px !important;
    margin-top: 0px !important;
    margin-bottom: 30px !important;
}
.wp-polls a {
    display: inline-block;
    padding-bottom: 10px;
}

.wp-polls-ul li:hover {
    background-color: #f5f5f5;
    border-color: #000;
}

.wp-polls-ul {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

.wp-polls-ul li label {
    margin: 0 !important;
    padding: 0px 8px !important;
}


.wp-polls-ul li input[type="radio"]:checked + label {
    font-weight: 600;
}

/* Ramka odpowiedzi */
.wp-polls-ul li {
    overflow: hidden;
}

/* Tekst odpowiedzi po lewej */
.wp-polls-ul li .poll-answer-text {
    flex: 1 1 auto;
}

/* Procenty + głosy po prawej */
.wp-polls-ul li small {
    margin-left: auto !important;
    white-space: nowrap !important;
}


.wp-polls-ans .wp-polls-ul li {
    position: relative;
    overflow: hidden;
    background: #fff;

}

/* pasek jako wypełnienie tła */
.wp-polls-ans .wp-polls-ul li .pollbar {
    position: absolute !important;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100% !important;
    background-color: #efefef !important;
    z-index: 0 !important;
}

/* tekst odpowiedzi nad paskiem */
.wp-polls-ans .wp-polls-ul li .poll-answer-text,
.wp-polls-ans .wp-polls-ul li small {
    position: relative !important;
    z-index: 1 !important;
}

/* paginacja nowa */
.page-nav .pages {
    float: right;
    margin: 0;
    border: none;
    padding: 6px 0 6px 6px;
    display: none;
}
.page-nav a, .page-nav span {
    padding: 10px 20px;
    border: 1px solid #e3e3e3;
    display: inline-block;
    margin: 0 8px 8px 0;
    min-width: 33px;
    text-align: center;
    color: #666;
    line-height: 21px;
    float: left;
}
.page-nav i {
    font-size: 14px;
    line-height: 1;
}

/* Zastosuj tę klasę do swojego elementu Image */
   .tdb_single_author .tdb-author-photo img {
    display: block;
    border: px solid #ffffff;
    box-shadow: 0 0 0 1px #e70072;
    border-radius: 50% !important;
    display: block;
}

/* Ukrycie paginacji dla konkretnego bloku z klasą extra */
/* Ukryj paginację tylko gdy jesteśmy na stronie głównej */
body.home .ukryj-paginacje .td-next-prev-wrap,
body.home .ukryj-paginacje .page-nav,
body.home .ukryj-paginacje .td-load-more-wrap {
    display: none !important;
}

/* Upewnij się, że na podstronach paginacji (page/2, page/3 itd.) nawigacja wróci */
body.paged .ukryj-paginacje .td-next-prev-wrap,
body.paged .ukryj-paginacje .page-nav,
body.paged .ukryj-paginacje .td-load-more-wrap {
    display: block !important;
}
/* Ukryj mój przycisk na stronach paginacji, żeby nie dublował nawigacji */
body.paged .moj-button-wiecej {
    display: none !important;
}

/* WSZYSTKIE SM 1 USTAWIENIA */
/* SMARTLIST CZCIONKI*/
.tagdiv-type {
    font-size: 1.125rem !important;
    line-height: 1.75rem !important;
    color: #1a1a1a;
}

h2 {
    font-size: 1.75rem !important;
    line-height: 2.175rem !important;
    font-weight: 600 !important;
    letter-spacing: -0.16px !important;
}

ul li, ol li {
    font-size: 1.125rem !important;
    line-height: 1.75rem !important;
    font-weight: 400 !important;
}

blockquote p, .td_blockquote p, .td_quote_box p, .td-post-content blockquote p {
        font-family: "Open Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
        font-stretch: 100%;
        font-size: 1.125rem !important;
        line-height: 1.75rem !important;
        font-weight: 400 !important;
        font-style: normal;
        color: #1a1a1a;
        text-transform: none;
    }

@media (max-width: 767px){
.tagdiv-type {
    font-size: 1.1rem !important;
    line-height: 1.75rem !important;
    color: #1a1a1a;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
}

h2 {
    font-size: 1.3rem !important;
    line-height: 1.7rem !important;
    font-weight: 600 !important;
    letter-spacing: -0.16px !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
}

ul li, ol li {
    font-size: 1.1rem !important;
    line-height: 1.75rem !important;
    font-weight: 400 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
}

blockquote p, .td_blockquote p, .td_quote_box p, .td-post-content blockquote p {
        font-family: "Open Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
        font-stretch: 100%;
        font-size: 1.1rem !important;
        line-height: 1.75rem !important;
        font-weight: 400 !important;
        font-style: normal;
        color: #1a1a1a;
        text-transform: none;
    }
    
}

.tdb_smart_list_1 .tdb-sml-current-item-title {
    vertical-align: middle;
    width: 100%;
    padding-left: 12px;
}

/* Wyrównanie nr galerii sm1 */
/* WYMUSZENIE UKŁADU POZIOMEGO - METODA TABELI */
.tdb-sml-header {
    display: table !important;
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

/* KOMÓRKA 1: Różowy numer */
.tdb-sml-current-item-nr {
    display: table-cell !important;
    vertical-align: middle !important;
    width: 1px !important; /* Szerokość minimalna, rozciągnie ją padding */
    white-space: nowrap !important;
    background-color: #e70072 !important;
    border-radius: 0px;
    padding: 2px 10px !important; /* Tutaj regulujesz wielkość różowego pola */
    text-align: center !important;
}

/* KOMÓRKA 2: Tytuł (np. DODA) */
.tdb_smart_list_1 h3.tdb-sml-title, 
.tdb_smart_list_1 .tdb-sml-current-item-title {
    display: table-cell !important;
    vertical-align: middle !important;
    padding-left: 15px !important; /* Odstęp tekstu od różowego kwadratu */
    margin: 0 !important;
    width: auto !important;
    text-align: left !important;
}

/* POPRAWKA DLA MOBILE */
@media (max-width: 767px) {
    .tdb_smart_list_1 h3.tdb-sml-title {
        font-size: 0.8rem !important;
        line-height: 1.2 !important;
    }
    .tdb-sml-current-item-nr {
        padding: 2px 10px !important; /* Nieco mniejszy kwadrat na telefonie */
    }
}

/* 1. PRZYCISK PODZIAŁU STRONY */

/* 1. UKRYWAMY NUMERACJĘ TYLKO W ARTYKUŁACH */
body.single-post .page-nav a, 
body.single-post .page-nav .current, 
body.single-post .page-nav .td-icon-menu-right {
    display: none !important;
}

/* 2. TWORZYMY TWÓJ RÓŻOWY PRZYCISK TYLKO W ARTYKUŁACH */
body.single-post .page-nav a:last-child {
    display: block !important;
    margin: 20px 0;
    padding: 20px !important;
    background-color: #ec008b !important;
    color: #fff !important;
    text-align: center;
    font-weight: 600;
    font-size: 0 !important; /* Ukrywa cyferkę */
    text-transform: uppercase;
    border-radius: 4px;
    text-decoration: none !important;
    animation: pulse-red 2s infinite;
    border: none;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}

/* 3. WSTAWIAMY TEKST */
body.single-post .page-nav a:last-child:before {
    content: "KLIKNIJ TUTAJ, ABY CZYTAĆ DALEJ ➔";
    font-size: 18px !important;
    display: block;
}

/* 4. EFEKT HOVER */
body.single-post .page-nav a:last-child:hover {
    background-color: #e62e2d !important;
    transform: scale(1.02);
    transition: all 0.3s ease;
}

/* TWOJA ANIMACJA */
@keyframes pulse-red {
    0% { box-shadow: 0 0 0 0 rgba(230, 46, 45, 0.7); }
    70% { box-shadow: 0 0 0 10px rgba(230, 46, 45, 0); }
    100% { box-shadow: 0 0 0 0 rgba(230, 46, 45, 0); }
}

/* zdjecia mobile glowne */

/* Rezerwacja miejsca na zdjęcie - koniec z białymi polami */
@media (max-width: 767px) {
    /* Celujemy w kontener zdjęcia w Newspaper */
    .td-post-featured-image {
        position: relative;
        width: 100% !important;
        /* Proporcja 16:9 obliczona jako (232 / 412 * 100) */
        padding-top: 56.25%; 
        background-color: #f5f5f5; /* Delikatne tło zamiast pustki */
        display: block !important;
    }

    .td-post-featured-image img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }
}