/*
 * Dark mode - Strzyzowski.net
 * Ładować po style.min.css, style.css oraz responsive-fixes.css.
 * Klasa aktywująca: html.dark-mode
 */

html.dark-mode {
  --colorbg: #101216;
  --darkercolorbg: #171a20;
  --textColor: #f2f5f8;
  --lightenTextColor: #ffffff;
  --boxShadow: rgba(0, 0, 0, .55);
  color-scheme: dark;
}

html.dark-mode.contrast-mode {
  --colorbg: #101216 !important;
  --darkercolorbg: #171a20 !important;
  --textColor: #f2f5f8 !important;
  --lightenTextColor: #ffffff !important;
  --boxShadow: rgba(0, 0, 0, .55) !important;
}

html.dark-mode ._set-high-contrast {
  display: none !important;
}

html.dark-mode,
html.dark-mode body {
  background: #101216 !important;
  color: #f2f5f8 !important;
}

html.dark-mode body {
  background-color: #101216 !important;
}

/* Główne tła i karty */
html.dark-mode .bg-gray,
html.dark-mode .bg-white,
html.dark-mode .box-shadow,
html.dark-mode .border-radius,
html.dark-mode .collapse-box,
html.dark-mode .offer-box,
html.dark-mode .channels-popup,
html.dark-mode .featured-popup {
  background-color: #171a20 !important;
  color: #f2f5f8 !important;
}

html.dark-mode .box-shadow,
html.dark-mode .collapse-box,
html.dark-mode .offer-box,
html.dark-mode .channels-popup,
html.dark-mode .featured-popup {
  box-shadow: 0 10px 34px rgba(0, 0, 0, .38) !important;
}

html.dark-mode .collapse-box {
  border: 1px solid rgba(255,255,255,.08);
}

html.dark-mode .collapse-box.green {
  box-shadow: 0 0 0 1px rgba(80,180,30,.40), 0 10px 34px rgba(0,0,0,.38) !important;
}

html.dark-mode .collapse-box.blue {
  box-shadow: 0 0 0 1px rgba(27,139,203,.45), 0 10px 34px rgba(0,0,0,.38) !important;
}

html.dark-mode .collapse-box.orange {
  box-shadow: 0 0 0 1px rgba(239,129,14,.45), 0 10px 34px rgba(0,0,0,.38) !important;
}

/* Kafelki ofert */
html.dark-mode .offer-box {
  border: 1px solid rgba(255,255,255,.10) !important;
  background: #1b1f27 !important;
}

html.dark-mode .offer-box .title,
html.dark-mode .offer-box.offer-box .dark {
  background: #20252f !important;
  color: #ffffff !important;
}

html.dark-mode .offer-box.active .title,
html.dark-mode .offer-box.green.active .title {
  background: var(--color2) !important;
  color: #ffffff !important;
}

html.dark-mode .offer-box.orange.active .title {
  background: var(--color3) !important;
  color: #ffffff !important;
}

html.dark-mode .offer-box .btn {
  color: #ffffff !important;
}

/* Slick i zakładki - krytyczne, żeby nie było białego mignięcia */
html.dark-mode .offer-order-form,
html.dark-mode .offer-order-form .content,
html.dark-mode .offer-order-form .main-offer,
html.dark-mode .internet-sliders-wrapper,
html.dark-mode .internet-cat-container,
html.dark-mode .offer-slider,
html.dark-mode .offer-slider .slick-list,
html.dark-mode .offer-slider .slick-track,
html.dark-mode .offer-slider .slick-slide,
html.dark-mode .offer-slider .slick-slide > div {
  background: transparent !important;
}

html.dark-mode .offer-order-form .offer-box,
html.dark-mode .offer-order-form .offer-box * {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

html.dark-mode .slick-loading .slick-list {
  background: transparent !important;
}

/* Tabele i podsumowanie */
html.dark-mode table tr td {
  border-bottom-color: rgba(255,255,255,.10) !important;
}

html.dark-mode .summary-table tr:not(:last-child) {
  border-bottom-color: rgba(255,255,255,.12) !important;
}

html.dark-mode .details-table,
html.dark-mode .table-summary,
html.dark-mode .summary-table {
  color: #f2f5f8 !important;
}

/* Teksty */
html.dark-mode .text-light,
html.dark-mode .text-color,
html.dark-mode .text-dark-blue,
html.dark-mode p,
html.dark-mode label,
html.dark-mode td,
html.dark-mode h1,
html.dark-mode h2,
html.dark-mode h3,
html.dark-mode h4,
html.dark-mode h5,
html.dark-mode h6 {
  color: #f2f5f8;
}

html.dark-mode a {
  color: #74cf4a;
}

html.dark-mode .text-green,
html.dark-mode .text-color-2 {
  color: #7ed957 !important;
}

/* Formularze */
html.dark-mode .form-form input,
html.dark-mode .form-form textarea,
html.dark-mode input,
html.dark-mode textarea,
html.dark-mode select {
  background: #12151b !important;
  color: #f2f5f8 !important;
  border-color: rgba(255,255,255,.22) !important;
}

html.dark-mode .form-form input:focus,
html.dark-mode .form-form textarea:focus,
html.dark-mode input:focus,
html.dark-mode textarea:focus,
html.dark-mode select:focus {
  border-color: var(--color2) !important;
  box-shadow: 0 0 0 4px rgba(80,180,30,.16) !important;
  outline: none !important;
}

html.dark-mode input::placeholder,
html.dark-mode textarea::placeholder {
  color: rgba(242,245,248,.50) !important;
}

html.dark-mode input[type=radio]+span:before,
html.dark-mode input[type=checkbox]+span:before {
  border-color: rgba(242,245,248,.85) !important;
}

/* Header/footer */
html.dark-mode .header-top,
html.dark-mode footer,
html.dark-mode .bg-dark-blue {
  background-color: #0b0d11 !important;
}

html.dark-mode header {
  background: #101216 !important;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

html.dark-mode header .container .navigation ul {
  background: #101216 !important;
}

html.dark-mode header .container .navigation ul li a {
  color: #f2f5f8 !important;
}

html.dark-mode header .container .hamburger span {
  background: #f2f5f8 !important;
}

/* Kanały / popupy */
html.dark-mode .channels-list li img {
  background: #ffffff !important;
}

html.dark-mode .channels-list li .program-info {
  background: #171a20 !important;
  border-color: rgba(255,255,255,.12) !important;
}

/* Dodatki */
html.dark-mode .contact-form-consent,
html.dark-mode .order-validation-message {
  background: rgba(80,180,30,.08) !important;
  border-color: rgba(80,180,30,.28) !important;
}

html.dark-mode .addon-row-selected td,
html.dark-mode .offer-order-form .addon-row-selected td {
  background: rgba(80,180,30,.09) !important;
  border-color: rgba(80,180,30,.35) !important;
}

html.dark-mode .offer-order-form table.big-padding tr {
  background: rgba(255,255,255,.04) !important;
  border-color: rgba(255,255,255,.10) !important;
}

html.dark-mode .offer-order-form table.big-padding tr.addon-row-selected {
  background: rgba(80,180,30,.09) !important;
  border-color: rgba(80,180,30,.35) !important;
}

/* Zakładki Internetu */
html.dark-mode .internet-tab-btn:not(.active):not(.blue) {
  background: transparent !important;
  color: #9adfff !important;
  border-color: #3f88c5 !important;
}

html.dark-mode .internet-tab-btn.active,
html.dark-mode .internet-tab-btn.blue {
  color: #ffffff !important;
}

/* Przełącznik */
.dark-mode-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 34px;
  padding: 0 10px;
  border: 1px solid rgba(255,255,255,.35);
  border-radius: 999px;
  background: transparent;
  color: #ffffff;
  font-size: 15px;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
  transition: background .18s ease, transform .18s ease, border-color .18s ease;
}

.dark-mode-toggle:hover {
  transform: translateY(-1px);
  background: rgba(255,255,255,.12);
}

.dark-mode-toggle span {
  display: inline-block;
}

html.dark-mode .dark-mode-toggle {
  background: rgba(255,255,255,.08);
  color: #ffffff;
  border-color: rgba(255,255,255,.18);
}

@media only screen and (max-width: 767px) {
  .dark-mode-toggle {
    min-width: 32px;
    height: 32px;
    padding: 0 9px;
    font-size: 14px;
  }

  html.dark-mode .offer-order-form table.big-padding tr {
    background: rgba(255,255,255,.055) !important;
  }

  html.dark-mode .offer-order-form .p-30.d-flex.align-items-center label {
    background: rgba(255,255,255,.055) !important;
    border-color: rgba(255,255,255,.10) !important;
  }
}


/* DARK MODE FIX 2 - poprawa inline kolorów z JS w podsumowaniu Telefonii */
html.dark-mode .summary-table span[style*="color:#333"],
html.dark-mode .summary-table span[style*="color: #333"],
html.dark-mode .table-summary span[style*="color:#333"],
html.dark-mode .table-summary span[style*="color: #333"],
html.dark-mode .addon-price-td span[style*="color:#333"],
html.dark-mode .addon-price-td span[style*="color: #333"] {
  color: #e7ecf3 !important;
}

html.dark-mode .summary-table span[style*="color:#666"],
html.dark-mode .summary-table span[style*="color: #666"],
html.dark-mode .table-summary span[style*="color:#666"],
html.dark-mode .table-summary span[style*="color: #666"],
html.dark-mode .addon-price-td span[style*="color:#666"],
html.dark-mode .addon-price-td span[style*="color: #666"] {
  color: #b8c2cf !important;
}

html.dark-mode .summary-table span[style*="color:#2f5ed7"],
html.dark-mode .summary-table span[style*="color: #2f5ed7"],
html.dark-mode .table-summary span[style*="color:#2f5ed7"],
html.dark-mode .table-summary span[style*="color: #2f5ed7"],
html.dark-mode .addon-price-td span[style*="color:#2f5ed7"],
html.dark-mode .addon-price-td span[style*="color: #2f5ed7"] {
  color: #8ab4ff !important;
}

html.dark-mode .summary-table .table-summary-price,
html.dark-mode .table-summary .table-summary-price {
  color: #7ed957 !important;
}

html.dark-mode .summary-table .table-summary-activation,
html.dark-mode .table-summary .table-summary-activation {
  color: #f2f5f8 !important;
}



/* Czytelność / ostrość w dark mode */
html.dark-mode body,
html.dark-mode input,
html.dark-mode textarea,
html.dark-mode select,
html.dark-mode button {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

html.dark-mode h1,
html.dark-mode h2,
html.dark-mode h3,
html.dark-mode h4,
html.dark-mode h5,
html.dark-mode h6,
html.dark-mode .btn,
html.dark-mode .offer-box .title p,
html.dark-mode .offer-box .fs-36,
html.dark-mode .offer-box .fs-32 {
  text-shadow: 0 0 0 rgba(0,0,0,0.01);
}

/* Aktualności / karty wpisów - wyższy kontrast */
html.dark-mode article,
html.dark-mode .post,
html.dark-mode .post-card,
html.dark-mode .news-card,
html.dark-mode .news-box,
html.dark-mode .blog-box,
html.dark-mode .promotion-box,
html.dark-mode .single-post-box,
html.dark-mode .single-news-box {
  color: #f2f5f8 !important;
}

html.dark-mode article img,
html.dark-mode .post img,
html.dark-mode .post-card img,
html.dark-mode .news-card img,
html.dark-mode .news-box img,
html.dark-mode .blog-box img,
html.dark-mode .promotion-box img,
html.dark-mode img.wp-post-image,
html.dark-mode .attachment-post-thumbnail {
  filter: contrast(1.04) saturate(1.04);
}

html.dark-mode article p,
html.dark-mode .post p,
html.dark-mode .post-card p,
html.dark-mode .news-card p,
html.dark-mode .news-box p,
html.dark-mode .blog-box p,
html.dark-mode .promotion-box p {
  color: rgba(242,245,248,.92) !important;
}

html.dark-mode article time,
html.dark-mode article small,
html.dark-mode .post time,
html.dark-mode .post small,
html.dark-mode .news-card time,
html.dark-mode .news-card small,
html.dark-mode .news-box time,
html.dark-mode .news-box small {
  color: rgba(242,245,248,.72) !important;
}

/* WieloSIM - ładniejszy box w dark mode */
html.dark-mode .offer-order-form .wielosim-note {
  background: linear-gradient(180deg, rgba(25,36,64,.88) 0%, rgba(18,26,44,.92) 100%) !important;
  border-left: 4px solid #5a8bff !important;
  box-shadow: inset 0 0 0 1px rgba(90,139,255,.18), 0 8px 24px rgba(0,0,0,.18) !important;
  color: #dbe6ff !important;
}

html.dark-mode .offer-order-form .wielosim-note-title {
  color: #8ab4ff !important;
  margin-bottom: 8px;
}

html.dark-mode .offer-order-form .wielosim-note-list,
html.dark-mode .offer-order-form .wielosim-note-list li {
  color: #dbe6ff !important;
}

html.dark-mode .offer-order-form .wielosim-note-list strong {
  color: #ffffff !important;
}

html.dark-mode .offer-order-form .porting-qty-select {
  background: #0f1420 !important;
  border-color: rgba(255,255,255,.18) !important;
  color: #ffffff !important;
}

html.dark-mode .offer-order-form .addon-option-name {
  color: #ffffff !important;
}

html.dark-mode .offer-order-form .addon-row-selected td {
  background: linear-gradient(90deg, rgba(31,59,18,.88) 0%, rgba(19,53,23,.72) 100%) !important;
}

html.dark-mode .offer-order-form .addon-price-td {
  color: #ffffff !important;
}

html.dark-mode .offer-order-form .addon-price-td span,
html.dark-mode .offer-order-form .addon-price-td strong {
  color: inherit;
}


/* DARK MODE FIX 5 - Aktualności / przyciski "Zobacz" */
html.dark-mode .promo-box.news,
html.dark-mode .promo-box.news .box-content {
  background: transparent !important;
  color: #f2f5f8 !important;
}

html.dark-mode .promo-box.news .box-content p,
html.dark-mode .promo-box.news .box-content div,
html.dark-mode .promo-box.news .box-content h3 {
  color: #f2f5f8 !important;
}

html.dark-mode .promo-box.news .box-content > p {
  color: rgba(242,245,248,.76) !important;
}

html.dark-mode .promo-box.news a {
  color: #f2f5f8 !important;
}

html.dark-mode .promo-box.news .btn.green,
html.dark-mode .promo-box.news a.btn.green,
html.dark-mode a.btn.green,
html.dark-mode .btn.green {
  background: #50b41e !important;
  border-color: #50b41e !important;
  color: #ffffff !important;
  opacity: 1 !important;
  filter: none !important;
  text-shadow: none !important;
}

html.dark-mode .promo-box.news .btn.green:hover,
html.dark-mode .promo-box.news a.btn.green:hover,
html.dark-mode a.btn.green:hover,
html.dark-mode .btn.green:hover {
  background: #63cc2b !important;
  border-color: #63cc2b !important;
  color: #ffffff !important;
  opacity: 1 !important;
}

html.dark-mode .promo-box.news img {
  border-radius: 12px;
  filter: contrast(1.06) saturate(1.06) brightness(1.02);
}

html.dark-mode .promo-box.news .line-clamp-3,
html.dark-mode .promo-box.news .line-clamp-3 p {
  color: rgba(242,245,248,.92) !important;
}

/* Wyraźniejszy zielony tekst/linki na ciemnym tle */
html.dark-mode .text-green,
html.dark-mode .text-color-2,
html.dark-mode a.text-green,
html.dark-mode a.text-color-2 {
  color: #7ed957 !important;
}

html.dark-mode a.text-green:hover,
html.dark-mode a.text-color-2:hover {
  color: #99f06d !important;
}


/* DARK MODE FIX - strona główna: kafelki Internet / Telewizja / Telefon */
html.dark-mode .gray-box {
  background: #171a20 !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  box-shadow: 0 10px 34px rgba(0,0,0,.32) !important;
  color: #f2f5f8 !important;
}

html.dark-mode .gray-box:hover {
  background: #1b2029 !important;
  border-color: rgba(80,180,30,.28) !important;
  box-shadow: 0 14px 42px rgba(0,0,0,.42), 0 0 0 1px rgba(80,180,30,.12) !important;
}

html.dark-mode .gray-box h5,
html.dark-mode .gray-box p,
html.dark-mode .gray-box .with-img {
  color: #f7fafc !important;
  opacity: 1 !important;
}

html.dark-mode .gray-box svg,
html.dark-mode .gray-box svg path,
html.dark-mode .gray-box .fill-text-color {
  fill: #f7fafc !important;
  color: #f7fafc !important;
  opacity: 1 !important;
}

html.dark-mode .gray-box .btn,
html.dark-mode .gray-box a.btn,
html.dark-mode .gray-box .btn.small {
  color: #ffffff !important;
  opacity: 1 !important;
  filter: none !important;
  text-shadow: 0 1px 1px rgba(0,0,0,.24) !important;
  box-shadow: 0 8px 22px rgba(80,180,30,.22) !important;
}

html.dark-mode .gray-box .btn:not(.green):not(.orange):not(.blue) {
  background: linear-gradient(180deg, #56c51f 0%, #48a916 100%) !important;
  border-color: #56c51f !important;
}

html.dark-mode .gray-box .btn.green {
  background: linear-gradient(180deg, #56c51f 0%, #48a916 100%) !important;
  border-color: #56c51f !important;
}

html.dark-mode .gray-box .btn.orange {
  background: linear-gradient(180deg, #f0962e 0%, #df7d10 100%) !important;
  border-color: #f0962e !important;
  box-shadow: 0 8px 22px rgba(239,129,14,.22) !important;
}

html.dark-mode .gray-box .btn:hover,
html.dark-mode .gray-box a.btn:hover {
  color: #ffffff !important;
  opacity: 1 !important;
  transform: translateY(-1px);
}

html.dark-mode .gray-box .btn:not(.green):not(.orange):not(.blue):hover,
html.dark-mode .gray-box .btn.green:hover {
  background: linear-gradient(180deg, #68dc2d 0%, #54bd1c 100%) !important;
  border-color: #68dc2d !important;
}

html.dark-mode .gray-box .btn.orange:hover {
  background: linear-gradient(180deg, #ffaa45 0%, #ef8a18 100%) !important;
  border-color: #ffaa45 !important;
}


/* DARK MODE FIX - home: Internet zielony, Telewizja niebieska, Telefon zielony */
html.dark-mode .gray-box .btn,
html.dark-mode .gray-box a.btn,
html.dark-mode .gray-box .btn.small {
  color: #ffffff !important;
  opacity: 1 !important;
  filter: none !important;
  text-shadow: 0 1px 1px rgba(0,0,0,.24) !important;
}

/* Domyślnie kafelki home są zielone */
html.dark-mode .gray-box .btn:not(.blue),
html.dark-mode .gray-box a.btn:not(.blue),
html.dark-mode .gray-box .btn.green,
html.dark-mode .gray-box a.btn.green,
html.dark-mode .gray-box .btn.orange,
html.dark-mode .gray-box a.btn.orange {
  background: linear-gradient(180deg, #56c51f 0%, #48a916 100%) !important;
  border-color: #56c51f !important;
  box-shadow: 0 8px 22px rgba(80,180,30,.22) !important;
}

/* Drugi kafelek na home.php to Telewizja - robimy niebieski */
html.dark-mode .gray-box:nth-of-type(2) .btn,
html.dark-mode .row > div:nth-child(2) .gray-box .btn,
html.dark-mode .row > div:nth-child(2) .gray-box a.btn {
  background: linear-gradient(180deg, #2f8cff 0%, #1d67d8 100%) !important;
  border-color: #2f8cff !important;
  color: #ffffff !important;
  box-shadow: 0 8px 22px rgba(47,140,255,.24) !important;
}

/* Hover */
html.dark-mode .gray-box .btn:not(.blue):hover,
html.dark-mode .gray-box a.btn:not(.blue):hover,
html.dark-mode .gray-box .btn.green:hover,
html.dark-mode .gray-box a.btn.green:hover,
html.dark-mode .gray-box .btn.orange:hover,
html.dark-mode .gray-box a.btn.orange:hover {
  background: linear-gradient(180deg, #68dc2d 0%, #54bd1c 100%) !important;
  border-color: #68dc2d !important;
  color: #ffffff !important;
  opacity: 1 !important;
  transform: translateY(-1px);
  box-shadow: 0 10px 26px rgba(80,180,30,.32) !important;
}

html.dark-mode .gray-box:nth-of-type(2) .btn:hover,
html.dark-mode .row > div:nth-child(2) .gray-box .btn:hover,
html.dark-mode .row > div:nth-child(2) .gray-box a.btn:hover {
  background: linear-gradient(180deg, #4aa2ff 0%, #2478f0 100%) !important;
  border-color: #4aa2ff !important;
  color: #ffffff !important;
  box-shadow: 0 10px 26px rgba(47,140,255,.34) !important;
}


/* DARK MODE FIX - home: finalne kolory usług
   1. Internet = zielony
   2. Telewizja = niebieski
   3. Telefon = pomarańczowy
*/
html.dark-mode .row > div:nth-child(1) .gray-box .btn,
html.dark-mode .row > div:nth-child(1) .gray-box a.btn {
  background: linear-gradient(180deg, #56c51f 0%, #48a916 100%) !important;
  border-color: #56c51f !important;
  color: #ffffff !important;
  opacity: 1 !important;
  box-shadow: 0 8px 22px rgba(80,180,30,.22) !important;
}

html.dark-mode .row > div:nth-child(2) .gray-box .btn,
html.dark-mode .row > div:nth-child(2) .gray-box a.btn {
  background: linear-gradient(180deg, #2f8cff 0%, #1d67d8 100%) !important;
  border-color: #2f8cff !important;
  color: #ffffff !important;
  opacity: 1 !important;
  box-shadow: 0 8px 22px rgba(47,140,255,.24) !important;
}

html.dark-mode .row > div:nth-child(3) .gray-box .btn,
html.dark-mode .row > div:nth-child(3) .gray-box a.btn,
html.dark-mode .gray-box .btn.orange,
html.dark-mode .gray-box a.btn.orange {
  background: linear-gradient(180deg, #f0962e 0%, #df7d10 100%) !important;
  border-color: #f0962e !important;
  color: #ffffff !important;
  opacity: 1 !important;
  box-shadow: 0 8px 22px rgba(239,129,14,.26) !important;
}

html.dark-mode .row > div:nth-child(1) .gray-box .btn:hover,
html.dark-mode .row > div:nth-child(1) .gray-box a.btn:hover {
  background: linear-gradient(180deg, #68dc2d 0%, #54bd1c 100%) !important;
  border-color: #68dc2d !important;
  color: #ffffff !important;
  box-shadow: 0 10px 26px rgba(80,180,30,.32) !important;
}

html.dark-mode .row > div:nth-child(2) .gray-box .btn:hover,
html.dark-mode .row > div:nth-child(2) .gray-box a.btn:hover {
  background: linear-gradient(180deg, #4aa2ff 0%, #2478f0 100%) !important;
  border-color: #4aa2ff !important;
  color: #ffffff !important;
  box-shadow: 0 10px 26px rgba(47,140,255,.34) !important;
}

html.dark-mode .row > div:nth-child(3) .gray-box .btn:hover,
html.dark-mode .row > div:nth-child(3) .gray-box a.btn:hover,
html.dark-mode .gray-box .btn.orange:hover,
html.dark-mode .gray-box a.btn.orange:hover {
  background: linear-gradient(180deg, #ffaa45 0%, #ef8a18 100%) !important;
  border-color: #ffaa45 !important;
  color: #ffffff !important;
  box-shadow: 0 10px 26px rgba(239,129,14,.34) !important;
}


/* DARK MODE HEADER FIX - awaryjne ukrycie wyszukiwarki */
html.dark-mode .header-search,
html.dark-mode ._toggle-search,
html.dark-mode .search-toggle,
html.dark-mode .search-btn,
html.dark-mode .search-button,
html.dark-mode .search-icon,
html.dark-mode a[href="#search"] {
  display: none !important;
}


/* DARK MODE HEADER NO SEARCH FIX 2 */
html.dark-mode ._show-search,
html.dark-mode .header-top .user-panel ._show-search,
html.dark-mode .header-top .user-panel a._show-search,
html.dark-mode .header-top .user-panel .with-separator:has(> a._show-search),
html.dark-mode .header-top .user-panel .with-separator:has(a._show-search),
html.dark-mode .header-search {
  display: none !important;
}


/* DARK MODE ADDONS UI FIX - pełniejsze wiersze i czytelne checkboxy */
html.dark-mode .offer-order-form table.big-padding {
  border-collapse: separate !important;
  border-spacing: 0 10px !important;
}

html.dark-mode .offer-order-form table.big-padding tr {
  background: #1b2028 !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 12px !important;
  overflow: hidden;
  min-height: 58px;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.025);
}

html.dark-mode .offer-order-form table.big-padding td {
  background: transparent !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

html.dark-mode .offer-order-form table.big-padding td:first-child {
  border-radius: 12px 0 0 12px;
  padding-left: 16px !important;
}

html.dark-mode .offer-order-form table.big-padding td:last-child {
  border-radius: 0 12px 12px 0;
  padding-right: 16px !important;
}

html.dark-mode .offer-order-form table.big-padding label {
  min-height: 34px;
  align-items: center !important;
}

html.dark-mode .offer-order-form table.big-padding input[type="checkbox"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  margin: 0 12px 0 0 !important;
  border: 2px solid rgba(242,245,248,.62) !important;
  border-radius: 4px !important;
  background: #151922 !important;
  box-shadow: inset 0 0 0 2px rgba(0,0,0,.12);
  cursor: pointer;
  position: relative;
  vertical-align: middle;
}

html.dark-mode .offer-order-form table.big-padding input[type="checkbox"]:hover {
  border-color: rgba(126,217,87,.95) !important;
  background: #19201e !important;
}

html.dark-mode .offer-order-form table.big-padding input[type="checkbox"]:checked {
  background: var(--color2) !important;
  border-color: var(--color2) !important;
}

html.dark-mode .offer-order-form table.big-padding input[type="checkbox"]:checked::after {
  content: "✓";
  position: absolute;
  left: 5px;
  top: -2px;
  color: #ffffff;
  font-size: 22px;
  line-height: 28px;
  font-weight: 800;
}

html.dark-mode .offer-order-form table.big-padding input[type="checkbox"] + span,
html.dark-mode .offer-order-form table.big-padding label span,
html.dark-mode .offer-order-form .addon-option-name {
  color: #ffffff !important;
  opacity: 1 !important;
}

html.dark-mode .offer-order-form table.big-padding tr.addon-row-selected,
html.dark-mode .offer-order-form table.big-padding tr:has(input[type="checkbox"]:checked) {
  background: linear-gradient(90deg, rgba(41,83,27,.92) 0%, rgba(25,58,29,.78) 100%) !important;
  border-color: rgba(80,180,30,.52) !important;
  box-shadow: inset 0 0 0 1px rgba(80,180,30,.16), 0 8px 22px rgba(0,0,0,.18) !important;
}

html.dark-mode .offer-order-form .addon-price-td {
  color: #ffffff !important;
  white-space: nowrap;
}

@media only screen and (max-width: 767px) {
  html.dark-mode .offer-order-form table.big-padding tr {
    padding: 14px !important;
    min-height: 0;
  }

  html.dark-mode .offer-order-form table.big-padding input[type="checkbox"] {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
  }

  html.dark-mode .offer-order-form table.big-padding input[type="checkbox"]:checked::after {
    left: 6px;
    top: -1px;
    font-size: 22px;
  }
}


/* DARK MODE FIX - kolory nagłówków sekcji "Dobierz do..." */
html.dark-mode .offer-order-form .collapse-box.green > h3,
html.dark-mode .offer-order-form .collapse-box.green > h3 *,
html.dark-mode .offer-order-form .collapse-box.green > h3 svg,
html.dark-mode .offer-order-form .collapse-box.green > h3 svg path {
  color: #7ed957 !important;
  stroke: #7ed957 !important;
  fill: #7ed957 !important;
}

html.dark-mode .offer-order-form .collapse-box.orange > h3,
html.dark-mode .offer-order-form .collapse-box.orange > h3 *,
html.dark-mode .offer-order-form .collapse-box.orange > h3 svg,
html.dark-mode .offer-order-form .collapse-box.orange > h3 svg path {
  color: #ffaa45 !important;
  stroke: #ffaa45 !important;
  fill: #ffaa45 !important;
}

html.dark-mode .offer-order-form .collapse-box.blue > h3,
html.dark-mode .offer-order-form .collapse-box.blue > h3 *,
html.dark-mode .offer-order-form .collapse-box.blue > h3 svg,
html.dark-mode .offer-order-form .collapse-box.blue > h3 svg path {
  color: #4aa2ff !important;
  stroke: #4aa2ff !important;
  fill: #4aa2ff !important;
}

/* Gdy sekcja nie ma klasy koloru, ale ma konkretną klasę content */
html.dark-mode .offer-order-form .content-offer-telewizja > h3,
html.dark-mode .offer-order-form .content-offer-telewizja > h3 * {
  color: #7ed957 !important;
}

html.dark-mode .offer-order-form .content-offer-telefonia > h3,
html.dark-mode .offer-order-form .content-offer-telefonia > h3 *,
html.dark-mode .offer-order-form .content-offer-stacjonarna > h3,
html.dark-mode .offer-order-form .content-offer-stacjonarna > h3 * {
  color: #ffaa45 !important;
}

html.dark-mode .offer-order-form .content-offer-mobilny > h3,
html.dark-mode .offer-order-form .content-offer-mobilny > h3 * {
  color: #4aa2ff !important;
}


/* DARK MODE FIX - poprawione kolory nagłówków usług:
   Internet zielony, Telewizja niebieska, Telefonia pomarańczowa */

/* Internet */
html.dark-mode .offer-order-form .content-offer-internet > h3,
html.dark-mode .offer-order-form .content-offer-internet > h3 *,
html.dark-mode .offer-order-form .content-offer-internet > h3 svg,
html.dark-mode .offer-order-form .content-offer-internet > h3 svg path {
  color: #7ed957 !important;
  stroke: #7ed957 !important;
  fill: #7ed957 !important;
}

/* Telewizja */
html.dark-mode .offer-order-form .content-offer-telewizja > h3,
html.dark-mode .offer-order-form .content-offer-telewizja > h3 *,
html.dark-mode .offer-order-form .content-offer-telewizja > h3 svg,
html.dark-mode .offer-order-form .content-offer-telewizja > h3 svg path {
  color: #4aa2ff !important;
  stroke: #4aa2ff !important;
  fill: #4aa2ff !important;
}

/* Telefonia + stacjonarna */
html.dark-mode .offer-order-form .content-offer-telefonia > h3,
html.dark-mode .offer-order-form .content-offer-telefonia > h3 *,
html.dark-mode .offer-order-form .content-offer-telefonia > h3 svg,
html.dark-mode .offer-order-form .content-offer-telefonia > h3 svg path,
html.dark-mode .offer-order-form .content-offer-stacjonarna > h3,
html.dark-mode .offer-order-form .content-offer-stacjonarna > h3 *,
html.dark-mode .offer-order-form .content-offer-stacjonarna > h3 svg,
html.dark-mode .offer-order-form .content-offer-stacjonarna > h3 svg path {
  color: #ffaa45 !important;
  stroke: #ffaa45 !important;
  fill: #ffaa45 !important;
}

/* Internet mobilny - zostawiam niebieski, bo to też internet, ale mobilny dodatkiem */
html.dark-mode .offer-order-form .content-offer-mobilny > h3,
html.dark-mode .offer-order-form .content-offer-mobilny > h3 *,
html.dark-mode .offer-order-form .content-offer-mobilny > h3 svg,
html.dark-mode .offer-order-form .content-offer-mobilny > h3 svg path {
  color: #4aa2ff !important;
  stroke: #4aa2ff !important;
  fill: #4aa2ff !important;
}


/* DARK MODE FIX - FINALNE kolory nagłówków "Dobierz do..."
   Internet + Internet Mobilny = zielony
   Telewizja = niebieska
   Telefonia / stacjonarna = pomarańczowa
*/

/* Internet */
html.dark-mode .offer-order-form .content-offer-internet > h3,
html.dark-mode .offer-order-form .content-offer-internet > h3 *,
html.dark-mode .offer-order-form .content-offer-internet > h3 svg,
html.dark-mode .offer-order-form .content-offer-internet > h3 svg path,
html.dark-mode .offer-order-form .content-offer-internet.collapse-box > h3,
html.dark-mode .offer-order-form .content-offer-internet.collapse-box > h3 * {
  color: #7ed957 !important;
  stroke: #7ed957 !important;
  fill: #7ed957 !important;
}

html.dark-mode .offer-order-form .content-offer-internet {
  border-color: rgba(126,217,87,.46) !important;
  box-shadow: 0 0 0 1px rgba(126,217,87,.16), 0 10px 34px rgba(0,0,0,.38) !important;
}

/* Internet Mobilny */
html.dark-mode .offer-order-form .content-offer-mobilny > h3,
html.dark-mode .offer-order-form .content-offer-mobilny > h3 *,
html.dark-mode .offer-order-form .content-offer-mobilny > h3 svg,
html.dark-mode .offer-order-form .content-offer-mobilny > h3 svg path,
html.dark-mode .offer-order-form .content-offer-mobilny.collapse-box > h3,
html.dark-mode .offer-order-form .content-offer-mobilny.collapse-box > h3 * {
  color: #7ed957 !important;
  stroke: #7ed957 !important;
  fill: #7ed957 !important;
}

html.dark-mode .offer-order-form .content-offer-mobilny {
  border-color: rgba(126,217,87,.46) !important;
  box-shadow: 0 0 0 1px rgba(126,217,87,.16), 0 10px 34px rgba(0,0,0,.38) !important;
}

/* Telewizja */
html.dark-mode .offer-order-form .content-offer-telewizja > h3,
html.dark-mode .offer-order-form .content-offer-telewizja > h3 *,
html.dark-mode .offer-order-form .content-offer-telewizja > h3 svg,
html.dark-mode .offer-order-form .content-offer-telewizja > h3 svg path,
html.dark-mode .offer-order-form .content-offer-telewizja.collapse-box > h3,
html.dark-mode .offer-order-form .content-offer-telewizja.collapse-box > h3 * {
  color: #4aa2ff !important;
  stroke: #4aa2ff !important;
  fill: #4aa2ff !important;
}

html.dark-mode .offer-order-form .content-offer-telewizja {
  border-color: rgba(74,162,255,.46) !important;
  box-shadow: 0 0 0 1px rgba(74,162,255,.16), 0 10px 34px rgba(0,0,0,.38) !important;
}

/* Telefonia + stacjonarna */
html.dark-mode .offer-order-form .content-offer-telefonia > h3,
html.dark-mode .offer-order-form .content-offer-telefonia > h3 *,
html.dark-mode .offer-order-form .content-offer-telefonia > h3 svg,
html.dark-mode .offer-order-form .content-offer-telefonia > h3 svg path,
html.dark-mode .offer-order-form .content-offer-telefonia.collapse-box > h3,
html.dark-mode .offer-order-form .content-offer-telefonia.collapse-box > h3 *,
html.dark-mode .offer-order-form .content-offer-stacjonarna > h3,
html.dark-mode .offer-order-form .content-offer-stacjonarna > h3 *,
html.dark-mode .offer-order-form .content-offer-stacjonarna > h3 svg,
html.dark-mode .offer-order-form .content-offer-stacjonarna > h3 svg path,
html.dark-mode .offer-order-form .content-offer-stacjonarna.collapse-box > h3,
html.dark-mode .offer-order-form .content-offer-stacjonarna.collapse-box > h3 * {
  color: #ffaa45 !important;
  stroke: #ffaa45 !important;
  fill: #ffaa45 !important;
}

html.dark-mode .offer-order-form .content-offer-telefonia,
html.dark-mode .offer-order-form .content-offer-stacjonarna {
  border-color: rgba(255,170,69,.40) !important;
  box-shadow: 0 0 0 1px rgba(255,170,69,.14), 0 10px 34px rgba(0,0,0,.38) !important;
}


/* DARK MODE FIX - białe strzałki Slick bez zmiany konstrukcji przycisku */
html.dark-mode .slick-prev,
html.dark-mode .slick-next,
html.dark-mode .slick-arrow {
  color: #ffffff !important;
  opacity: 1 !important;
}

html.dark-mode .slick-prev:before,
html.dark-mode .slick-next:before,
html.dark-mode .slick-arrow:before {
  color: #ffffff !important;
  opacity: 1 !important;
}

/* Jeżeli motyw rysuje strzałki przez SVG / path */
html.dark-mode .slick-prev svg,
html.dark-mode .slick-next svg,
html.dark-mode .slick-arrow svg,
html.dark-mode .slick-prev path,
html.dark-mode .slick-next path,
html.dark-mode .slick-arrow path {
  color: #ffffff !important;
  stroke: #ffffff !important;
  fill: #ffffff !important;
  opacity: 1 !important;
}

/* Disabled ma być widoczny, tylko lekko przygaszony */
html.dark-mode .slick-prev.slick-disabled,
html.dark-mode .slick-next.slick-disabled,
html.dark-mode .slick-arrow.slick-disabled,
html.dark-mode .slick-prev.slick-disabled:before,
html.dark-mode .slick-next.slick-disabled:before,
html.dark-mode .slick-arrow.slick-disabled:before {
  color: #ffffff !important;
  opacity: .45 !important;
}

html.dark-mode .slick-prev.slick-disabled svg,
html.dark-mode .slick-next.slick-disabled svg,
html.dark-mode .slick-arrow.slick-disabled svg,
html.dark-mode .slick-prev.slick-disabled path,
html.dark-mode .slick-next.slick-disabled path,
html.dark-mode .slick-arrow.slick-disabled path {
  stroke: #ffffff !important;
  fill: #ffffff !important;
  opacity: .45 !important;
}


/* DARK MODE FIX - białe strzałki Slick FIX 2
   Strzałki w motywie są robione borderem/tłem, więc nadpisujemy wszystkie warianty. */
html.dark-mode button.slick-prev,
html.dark-mode button.slick-next,
html.dark-mode .slick-prev.slick-arrow,
html.dark-mode .slick-next.slick-arrow,
html.dark-mode .offer-slider button.slick-prev,
html.dark-mode .offer-slider button.slick-next,
html.dark-mode .offer-order-form button.slick-prev,
html.dark-mode .offer-order-form button.slick-next {
  opacity: 1 !important;
  filter: none !important;
}

/* Usunięcie ciemnego koloru z elementów rysujących strzałkę */
html.dark-mode button.slick-prev::before,
html.dark-mode button.slick-next::before,
html.dark-mode button.slick-prev::after,
html.dark-mode button.slick-next::after,
html.dark-mode .slick-prev.slick-arrow::before,
html.dark-mode .slick-next.slick-arrow::before,
html.dark-mode .slick-prev.slick-arrow::after,
html.dark-mode .slick-next.slick-arrow::after {
  opacity: 1 !important;
  color: #ffffff !important;
  border-color: #ffffff !important;
  background-color: transparent !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,.20)) drop-shadow(0 4px 10px rgba(0,0,0,.55)) !important;
}

/* Gdy strzałka jest zrobiona jako border na samym buttonie */
html.dark-mode button.slick-prev,
html.dark-mode .slick-prev.slick-arrow {
  border-color: #ffffff !important;
}

html.dark-mode button.slick-next,
html.dark-mode .slick-next.slick-arrow {
  border-color: #ffffff !important;
}

/* Gdy strzałka siedzi jako obrazek/tło - odwracamy ciemną grafikę na jasną */
html.dark-mode button.slick-prev,
html.dark-mode button.slick-next,
html.dark-mode .slick-prev.slick-arrow,
html.dark-mode .slick-next.slick-arrow {
  -webkit-filter: brightness(0) invert(1) drop-shadow(0 4px 10px rgba(0,0,0,.55)) !important;
  filter: brightness(0) invert(1) drop-shadow(0 4px 10px rgba(0,0,0,.55)) !important;
}

/* Ale nie odwracamy całego przycisku, jeśli zawiera własne jasne tło */
html.dark-mode .slick-prev.slick-arrow[style*="background"],
html.dark-mode .slick-next.slick-arrow[style*="background"] {
  background-color: transparent !important;
}

/* Disabled dalej widoczny, ale słabszy */
html.dark-mode button.slick-prev.slick-disabled,
html.dark-mode button.slick-next.slick-disabled,
html.dark-mode .slick-prev.slick-arrow.slick-disabled,
html.dark-mode .slick-next.slick-arrow.slick-disabled {
  opacity: .55 !important;
}

/* Hover */
html.dark-mode button.slick-prev:hover,
html.dark-mode button.slick-next:hover,
html.dark-mode .slick-prev.slick-arrow:hover,
html.dark-mode .slick-next.slick-arrow:hover {
  opacity: 1 !important;
  -webkit-filter: brightness(0) invert(1) drop-shadow(0 0 10px rgba(126,217,87,.35)) !important;
  filter: brightness(0) invert(1) drop-shadow(0 0 10px rgba(126,217,87,.35)) !important;
}


/* =========================================================
   DARK MODE FINAL POLISH
   Drobne dopieszczenie finalnej wersji bez ruszania kalkulatora.
   ========================================================= */

/* Łagodniejsze przełączanie motywu - bez animowania sliderów, żeby nie migały */
html.dark-mode body,
html.dark-mode header,
html.dark-mode footer,
html.dark-mode .gray-box,
html.dark-mode .promo-box,
html.dark-mode .promo-box .box-content,
html.dark-mode .collapse-box,
html.dark-mode .offer-box,
html.dark-mode .channels-popup,
html.dark-mode .featured-popup,
html.dark-mode input,
html.dark-mode textarea,
html.dark-mode select,
html.dark-mode .btn {
  transition:
    background-color .18s ease,
    color .18s ease,
    border-color .18s ease,
    box-shadow .18s ease,
    opacity .18s ease;
}

/* Strona główna - bardziej dopieszczone kafelki usług */
html.dark-mode .gray-box {
  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.045) 0%, rgba(255,255,255,0) 42%),
    #171a20 !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  box-shadow: 0 12px 34px rgba(0,0,0,.34) !important;
}

html.dark-mode .gray-box:hover {
  background:
    radial-gradient(circle at 50% 0%, rgba(126,217,87,.075) 0%, rgba(255,255,255,0) 48%),
    #1b2029 !important;
  box-shadow: 0 16px 44px rgba(0,0,0,.45) !important;
  transform: translateY(-2px);
}

html.dark-mode .gray-box .with-img {
  opacity: 1 !important;
  filter: drop-shadow(0 8px 18px rgba(0,0,0,.24));
}

html.dark-mode .gray-box h5 {
  color: #f7fafc !important;
  letter-spacing: .01em;
}

/* Home: kolory usług w kafelkach */
html.dark-mode .row > div:nth-child(1) .gray-box svg path,
html.dark-mode .row > div:nth-child(1) .gray-box .fill-text-color {
  fill: #7ed957 !important;
}

html.dark-mode .row > div:nth-child(2) .gray-box svg path,
html.dark-mode .row > div:nth-child(2) .gray-box .fill-text-color {
  fill: #4aa2ff !important;
}

html.dark-mode .row > div:nth-child(3) .gray-box svg path,
html.dark-mode .row > div:nth-child(3) .gray-box .fill-text-color {
  fill: #ffaa45 !important;
}

/* Home: przyciski usług */
html.dark-mode .row > div:nth-child(1) .gray-box .btn {
  background: linear-gradient(180deg, #56c51f 0%, #48a916 100%) !important;
  box-shadow: 0 8px 22px rgba(80,180,30,.24) !important;
}

html.dark-mode .row > div:nth-child(2) .gray-box .btn {
  background: linear-gradient(180deg, #2f8cff 0%, #1d67d8 100%) !important;
  box-shadow: 0 8px 22px rgba(47,140,255,.24) !important;
}

html.dark-mode .row > div:nth-child(3) .gray-box .btn {
  background: linear-gradient(180deg, #f0962e 0%, #df7d10 100%) !important;
  box-shadow: 0 8px 22px rgba(239,129,14,.26) !important;
}

html.dark-mode .gray-box .btn,
html.dark-mode .gray-box a.btn {
  color: #ffffff !important;
  border: 0 !important;
  opacity: 1 !important;
  text-shadow: 0 1px 1px rgba(0,0,0,.26) !important;
}

/* Contact Form 7 - komunikaty */
html.dark-mode .wpcf7 form.sent .wpcf7-response-output {
  background: rgba(80,180,30,.10) !important;
  border: 1px solid rgba(80,180,30,.48) !important;
  color: #dfffd3 !important;
  border-radius: 14px !important;
  padding: 14px 18px !important;
}

html.dark-mode .wpcf7 form.invalid .wpcf7-response-output,
html.dark-mode .wpcf7 form.unaccepted .wpcf7-response-output,
html.dark-mode .wpcf7 form.payment-required .wpcf7-response-output {
  background: rgba(239,68,68,.10) !important;
  border: 1px solid rgba(239,68,68,.48) !important;
  color: #ffdede !important;
  border-radius: 14px !important;
  padding: 14px 18px !important;
}

html.dark-mode .wpcf7-not-valid-tip {
  color: #ff8a8a !important;
  font-weight: 600;
  margin-top: 6px;
}

/* Formularz zamówienia - lepsza czytelność pól */
html.dark-mode .form-form label,
html.dark-mode .contact-form-field label > span {
  color: rgba(242,245,248,.92) !important;
}

html.dark-mode input:-webkit-autofill,
html.dark-mode textarea:-webkit-autofill,
html.dark-mode select:-webkit-autofill {
  -webkit-text-fill-color: #f2f5f8 !important;
  box-shadow: 0 0 0 1000px #12151b inset !important;
  caret-color: #f2f5f8 !important;
}

/* Dodatki - subtelniejsze zaznaczenie, bez ciężkiego zielonego kloca */
html.dark-mode .offer-order-form table.big-padding tr.addon-row-selected,
html.dark-mode .offer-order-form table.big-padding tr:has(input[type="checkbox"]:checked) {
  background:
    linear-gradient(90deg, rgba(43,83,30,.78) 0%, rgba(24,55,30,.66) 100%) !important;
  border-color: rgba(126,217,87,.46) !important;
}

/* Slider - zostawiamy konstrukcję motywu, tylko wymuszamy jasną grafikę strzałki */
html.dark-mode .offer-slider .slick-arrow {
  filter: brightness(0) invert(1) drop-shadow(0 4px 10px rgba(0,0,0,.55)) !important;
  opacity: 1 !important;
}

html.dark-mode .offer-slider .slick-arrow.slick-disabled {
  opacity: .55 !important;
}

/* Kropki slidera na mobile */
html.dark-mode .offer-slider .slick-dots button {
  background: rgba(242,245,248,.28) !important;
}

html.dark-mode .offer-slider .slick-dots .slick-active button {
  background: #7ed957 !important;
}

/* Aktualności */
html.dark-mode .promo-box.news .box-content {
  background: transparent !important;
}

html.dark-mode .promo-box.news .btn.green {
  color: #ffffff !important;
  background: #50b41e !important;
  opacity: 1 !important;
}

/* Mobile polish */
@media only screen and (max-width: 767px) {
  html.dark-mode .collapse-box {
    padding: 16px 14px !important;
  }

  html.dark-mode .collapse-box > h3 {
    gap: 12px;
    line-height: 1.25;
  }

  html.dark-mode .offer-order-form table.big-padding td:first-child,
  html.dark-mode .offer-order-form table.big-padding td:last-child {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  html.dark-mode .summary-table tr td,
  html.dark-mode .table-summary tr td {
    line-height: 1.35;
  }
}


/* Gdy fajka jest wstawiona jako obrazek, np. check-black.svg */
html.dark-mode .offer-order-form .offer-box .details-table td:last-child img[src*="check"],
html.dark-mode .offer-order-form .offer-box .details-table td:last-child img[src*="Check"],
html.dark-mode .offer-order-form .offer-box .details-table td:last-child img[alt*="check"],
html.dark-mode .offer-order-form .offer-box .details-table td:last-child img[alt*="Check"] {
  opacity: 1 !important;
  filter: brightness(0) invert(1) !important;
  -webkit-filter: brightness(0) invert(1) !important;
}


/* Gdy slajder doda klasy po inicjalizacji, nie przygaszamy karty w dark mode. */
html.dark-mode .offer-order-form .offer-slider .slick-slide,
html.dark-mode .offer-order-form .offer-slider .slick-current,
html.dark-mode .offer-order-form .offer-slider .slick-active {
  opacity: 1 !important;
}

/* DARK MODE DETAILS CHECK FORCE WHITE V2
   Fajki/checki w .details-table pochodzą z ACF.
   Poprawka działa niezależnie od tego, czy klasa dark-mode jest na html, body czy wyżej w wrapperze. */

html.dark-mode .offer-order-form .offer-box .details-table td,
body.dark-mode .offer-order-form .offer-box .details-table td,
.dark-mode .offer-order-form .offer-box .details-table td {
  color: #ffffff !important;
  opacity: 1 !important;
  filter: none !important;
  -webkit-filter: none !important;
}

html.dark-mode .offer-order-form .offer-box .details-table td *,
body.dark-mode .offer-order-form .offer-box .details-table td *,
.dark-mode .offer-order-form .offer-box .details-table td * {
  color: #ffffff !important;
  opacity: 1 !important;
  filter: none !important;
  -webkit-filter: none !important;
}

html.dark-mode .offer-order-form .offer-box .details-table td svg,
html.dark-mode .offer-order-form .offer-box .details-table td svg *,
html.dark-mode .offer-order-form .offer-box .details-table td svg path,
body.dark-mode .offer-order-form .offer-box .details-table td svg,
body.dark-mode .offer-order-form .offer-box .details-table td svg *,
body.dark-mode .offer-order-form .offer-box .details-table td svg path,
.dark-mode .offer-order-form .offer-box .details-table td svg,
.dark-mode .offer-order-form .offer-box .details-table td svg *,
.dark-mode .offer-order-form .offer-box .details-table td svg path {
  fill: #ffffff !important;
  stroke: #ffffff !important;
  color: #ffffff !important;
  opacity: 1 !important;
  filter: none !important;
  -webkit-filter: none !important;
}

/* Jeśli check jest obrazkiem, np. check-black.svg albo green-check.svg */
html.dark-mode .offer-order-form .offer-box .details-table td img,
body.dark-mode .offer-order-form .offer-box .details-table td img,
.dark-mode .offer-order-form .offer-box .details-table td img {
  opacity: 1 !important;
}

html.dark-mode .offer-order-form .offer-box .details-table td img[src*="check"],
html.dark-mode .offer-order-form .offer-box .details-table td img[src*="Check"],
html.dark-mode .offer-order-form .offer-box .details-table td img[alt*="check"],
html.dark-mode .offer-order-form .offer-box .details-table td img[alt*="Check"],
body.dark-mode .offer-order-form .offer-box .details-table td img[src*="check"],
body.dark-mode .offer-order-form .offer-box .details-table td img[src*="Check"],
body.dark-mode .offer-order-form .offer-box .details-table td img[alt*="check"],
body.dark-mode .offer-order-form .offer-box .details-table td img[alt*="Check"],
.dark-mode .offer-order-form .offer-box .details-table td img[src*="check"],
.dark-mode .offer-order-form .offer-box .details-table td img[src*="Check"],
.dark-mode .offer-order-form .offer-box .details-table td img[alt*="check"],
.dark-mode .offer-order-form .offer-box .details-table td img[alt*="Check"] {
  filter: brightness(0) invert(1) !important;
  -webkit-filter: brightness(0) invert(1) !important;
}

/* Dla tekstowych znaków ✓/✔ - podbijamy kontrast i grubość renderowania */
html.dark-mode .offer-order-form .offer-box .details-table td:last-child,
body.dark-mode .offer-order-form .offer-box .details-table td:last-child,
.dark-mode .offer-order-form .offer-box .details-table td:last-child {
  color: #ffffff !important;
  font-weight: 800 !important;
  text-shadow: 0 0 0 #ffffff !important;
}

/* DARK MODE PACKAGE DETAILS CHECK FIX
   Strona pakietów templates/packet.php NIE ma klasy .offer-order-form na formularzu,
   więc poprzednie selektory .offer-order-form .details-table jej nie obejmowały.
   Tutaj celujemy szerzej: .main-offer .offer-box .details-table oraz ogólne .offer-box .details-table. */

html.dark-mode .main-offer .offer-box .details-table td:last-child,
body.dark-mode .main-offer .offer-box .details-table td:last-child,
.dark-mode .main-offer .offer-box .details-table td:last-child,
html.dark-mode .offer-box.offer-box-pakiet .details-table td:last-child,
body.dark-mode .offer-box.offer-box-pakiet .details-table td:last-child,
.dark-mode .offer-box.offer-box-pakiet .details-table td:last-child,
html.dark-mode .offer-box .details-table td:last-child,
body.dark-mode .offer-box .details-table td:last-child,
.dark-mode .offer-box .details-table td:last-child {
  color: #ffffff !important;
  opacity: 1 !important;
  filter: none !important;
  -webkit-filter: none !important;
  font-weight: 800 !important;
  text-shadow: 0 0 0 #ffffff !important;
}

html.dark-mode .main-offer .offer-box .details-table td:last-child *,
body.dark-mode .main-offer .offer-box .details-table td:last-child *,
.dark-mode .main-offer .offer-box .details-table td:last-child *,
html.dark-mode .offer-box.offer-box-pakiet .details-table td:last-child *,
body.dark-mode .offer-box.offer-box-pakiet .details-table td:last-child *,
.dark-mode .offer-box.offer-box-pakiet .details-table td:last-child *,
html.dark-mode .offer-box .details-table td:last-child *,
body.dark-mode .offer-box .details-table td:last-child *,
.dark-mode .offer-box .details-table td:last-child * {
  color: #ffffff !important;
  opacity: 1 !important;
  filter: none !important;
  -webkit-filter: none !important;
  font-weight: 800 !important;
}

html.dark-mode .main-offer .offer-box .details-table td:last-child svg,
html.dark-mode .main-offer .offer-box .details-table td:last-child svg *,
html.dark-mode .main-offer .offer-box .details-table td:last-child path,
body.dark-mode .main-offer .offer-box .details-table td:last-child svg,
body.dark-mode .main-offer .offer-box .details-table td:last-child svg *,
body.dark-mode .main-offer .offer-box .details-table td:last-child path,
.dark-mode .main-offer .offer-box .details-table td:last-child svg,
.dark-mode .main-offer .offer-box .details-table td:last-child svg *,
.dark-mode .main-offer .offer-box .details-table td:last-child path,
html.dark-mode .offer-box .details-table td:last-child svg,
html.dark-mode .offer-box .details-table td:last-child svg *,
html.dark-mode .offer-box .details-table td:last-child path,
body.dark-mode .offer-box .details-table td:last-child svg,
body.dark-mode .offer-box .details-table td:last-child svg *,
body.dark-mode .offer-box .details-table td:last-child path,
.dark-mode .offer-box .details-table td:last-child svg,
.dark-mode .offer-box .details-table td:last-child svg *,
.dark-mode .offer-box .details-table td:last-child path {
  fill: #ffffff !important;
  stroke: #ffffff !important;
  color: #ffffff !important;
  opacity: 1 !important;
  filter: none !important;
  -webkit-filter: none !important;
}

html.dark-mode .main-offer .offer-box .details-table td:last-child img,
body.dark-mode .main-offer .offer-box .details-table td:last-child img,
.dark-mode .main-offer .offer-box .details-table td:last-child img,
html.dark-mode .offer-box .details-table td:last-child img,
body.dark-mode .offer-box .details-table td:last-child img,
.dark-mode .offer-box .details-table td:last-child img {
  opacity: 1 !important;
}

html.dark-mode .main-offer .offer-box .details-table td:last-child img[src*="check"],
html.dark-mode .main-offer .offer-box .details-table td:last-child img[src*="Check"],
body.dark-mode .main-offer .offer-box .details-table td:last-child img[src*="check"],
body.dark-mode .main-offer .offer-box .details-table td:last-child img[src*="Check"],
.dark-mode .main-offer .offer-box .details-table td:last-child img[src*="check"],
.dark-mode .main-offer .offer-box .details-table td:last-child img[src*="Check"],
html.dark-mode .offer-box .details-table td:last-child img[src*="check"],
html.dark-mode .offer-box .details-table td:last-child img[src*="Check"],
body.dark-mode .offer-box .details-table td:last-child img[src*="check"],
body.dark-mode .offer-box .details-table td:last-child img[src*="Check"],
.dark-mode .offer-box .details-table td:last-child img[src*="check"],
.dark-mode .offer-box .details-table td:last-child img[src*="Check"] {
  filter: brightness(0) invert(1) !important;
  -webkit-filter: brightness(0) invert(1) !important;
}

/* DARK MODE WORDPRESS EMOJI CHECK FIX
   WordPress zamienia znak ✔ na obrazek emoji:
   <img class="emoji" alt="✔" src="https://s.w.org/images/core/emoji/.../2714.svg">
   Dlatego trzeba celować w img.emoji[alt="✔"], a nie tylko w svg/check. */
html.dark-mode img.emoji[alt="✔"],
body.dark-mode img.emoji[alt="✔"],
.dark-mode img.emoji[alt="✔"],
html.dark-mode img.emoji[alt="✓"],
body.dark-mode img.emoji[alt="✓"],
.dark-mode img.emoji[alt="✓"] {
  opacity: 1 !important;
  filter: brightness(0) invert(1) !important;
  -webkit-filter: brightness(0) invert(1) !important;
}

/* Dokładniej dla tabel szczegółów pakietów */
html.dark-mode .offer-box .details-table img.emoji[alt="✔"],
body.dark-mode .offer-box .details-table img.emoji[alt="✔"],
.dark-mode .offer-box .details-table img.emoji[alt="✔"],
html.dark-mode .offer-box .details-table img.emoji[alt="✓"],
body.dark-mode .offer-box .details-table img.emoji[alt="✓"],
.dark-mode .offer-box .details-table img.emoji[alt="✓"] {
  opacity: 1 !important;
  filter: brightness(0) invert(1) !important;
  -webkit-filter: brightness(0) invert(1) !important;
  transform: none !important;
}

/* WiFi+ dark style */
html.dark-mode .wifi-plus-controls small,
body.dark-mode .wifi-plus-controls small,
.dark-mode .wifi-plus-controls small {
  color: #f2f5f8 !important;
  opacity: .9 !important;
}

html.dark-mode .wifi-plus-qty-select,
body.dark-mode .wifi-plus-qty-select,
.dark-mode .wifi-plus-qty-select {
  background: #10141a !important;
  color: #f2f5f8 !important;
  border-color: rgba(85,197,22,.85) !important;
}

html.dark-mode .wifi-plus-price-preview,
body.dark-mode .wifi-plus-price-preview,
.dark-mode .wifi-plus-price-preview {
  color: #7ed957 !important;
}

/* WiFi+ devices one row dark */
html.dark-mode .content-offer-internet .main-offer .wifi-plus-controls small,
body.dark-mode .content-offer-internet .main-offer .wifi-plus-controls small,
.dark-mode .content-offer-internet .main-offer .wifi-plus-controls small {
  color: #f2f5f8 !important;
}

/* WiFi+ mobile layout dark fix */
@media only screen and (max-width: 767px) {
  html.dark-mode .content-offer-internet .main-offer .wifi-plus-controls small,
  body.dark-mode .content-offer-internet .main-offer .wifi-plus-controls small,
  .dark-mode .content-offer-internet .main-offer .wifi-plus-controls small {
    color: #f2f5f8 !important;
  }
}

/* WiFi+ price spacing dark fix */
html.dark-mode .wifi-plus-price-preview br,
body.dark-mode .wifi-plus-price-preview br,
.dark-mode .wifi-plus-price-preview br {
  display: block !important;
}

/* O nas */
html.dark-mode .about-page {
  background: #14181e !important;
  color: #f3f6fb !important;
}

html.dark-mode .about-page__hero {
  background: #10161d !important;
  border-bottom-color: rgba(85, 197, 22, .24) !important;
  color: #f3f6fb !important;
}

html.dark-mode .about-page__title {
  color: #ffffff !important;
}

html.dark-mode .about-page__intro {
  color: rgba(243, 246, 251, .84) !important;
}

html.dark-mode .about-page__link {
  color: #ffffff !important;
}

html.dark-mode .about-page__hero-panel {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

html.dark-mode .about-page__hero-metrics div {
  background: #171d25 !important;
  border-color: rgba(85, 197, 22, .2) !important;
}

html.dark-mode .about-page__hero-metrics strong {
  color: #55c516 !important;
}

html.dark-mode .about-page__hero-metrics span {
  color: rgba(243, 246, 251, .74) !important;
}

html.dark-mode .about-page__story {
  background: #14181e !important;
}

html.dark-mode .about-page__timeline h2 {
  color: #ffffff !important;
}

html.dark-mode .about-page__timeline-item {
  border-bottom-color: rgba(255, 255, 255, .1) !important;
}

html.dark-mode .about-page__timeline-item p {
  color: rgba(243, 246, 251, .72) !important;
}

html.dark-mode .about-page__content p,
html.dark-mode .about-page__content p:first-of-type {
  color: rgba(243, 246, 251, .84) !important;
}

html.dark-mode .about-page__content p:last-of-type {
  color: rgba(243, 246, 251, .84) !important;
}

html.dark-mode .about-page__facts {
  background: #0f1318 !important;
  border-top-color: rgba(255, 255, 255, .06) !important;
}

html.dark-mode .about-page__facts-lead {
  color: #7ed957 !important;
}

html.dark-mode .about-page__fact {
  background: #171d25 !important;
  border-color: rgba(255, 255, 255, .08) !important;
}

html.dark-mode .about-page__fact p {
  color: rgba(243, 246, 251, .76) !important;
}

/* DARK MODE GREEN PACKAGE PRICE
   Zielony kolor nazwy pakietu i ceny we wszystkich kafelkach ofert,
   nie tylko w telewizji. */
html.dark-mode .offer-box h2,
body.dark-mode .offer-box h2,
.dark-mode .offer-box h2,
html.dark-mode .offer-box h3,
body.dark-mode .offer-box h3,
.dark-mode .offer-box h3,
html.dark-mode .offer-box .title,
body.dark-mode .offer-box .title,
.dark-mode .offer-box .title,
html.dark-mode .offer-box .name,
body.dark-mode .offer-box .name,
.dark-mode .offer-box .name {
  color: #55c516 !important;
}

/* Cena pakietu - różne warianty klas/markupów używane w paczce */
html.dark-mode .offer-box .price,
body.dark-mode .offer-box .price,
.dark-mode .offer-box .price,
html.dark-mode .offer-box .price-box,
body.dark-mode .offer-box .price-box,
.dark-mode .offer-box .price-box,
html.dark-mode .offer-box .offer-price,
body.dark-mode .offer-box .offer-price,
.dark-mode .offer-box .offer-price,
html.dark-mode .offer-box .fs-46,
body.dark-mode .offer-box .fs-46,
.dark-mode .offer-box .fs-46,
html.dark-mode .offer-box .fs-48,
body.dark-mode .offer-box .fs-48,
.dark-mode .offer-box .fs-48,
html.dark-mode .offer-box .fs-50,
body.dark-mode .offer-box .fs-50,
.dark-mode .offer-box .fs-50,
html.dark-mode .offer-box .fs-52,
body.dark-mode .offer-box .fs-52,
.dark-mode .offer-box .fs-52,
html.dark-mode .offer-box .fs-54,
body.dark-mode .offer-box .fs-54,
.dark-mode .offer-box .fs-54 {
  color: #55c516 !important;
}

/* Często cena jest rozbita na elementy wewnątrz, więc łapiemy też dzieci. */
html.dark-mode .offer-box .price *,
body.dark-mode .offer-box .price *,
.dark-mode .offer-box .price *,
html.dark-mode .offer-box .offer-price *,
body.dark-mode .offer-box .offer-price *,
.dark-mode .offer-box .offer-price *,
html.dark-mode .offer-box .price-box *,
body.dark-mode .offer-box .price-box *,
.dark-mode .offer-box .price-box * {
  color: #55c516 !important;
}

/* Opis typu "miesięcznie" zostawiamy jaśniejszy, żeby cena była akcentem. */
html.dark-mode .offer-box .price small,
body.dark-mode .offer-box .price small,
.dark-mode .offer-box .price small,
html.dark-mode .offer-box .price .small,
body.dark-mode .offer-box .price .small,
.dark-mode .offer-box .price .small,
html.dark-mode .offer-box .price span.fs-16,
body.dark-mode .offer-box .price span.fs-16,
.dark-mode .offer-box .price span.fs-16 {
  color: #f2f5f8 !important;
}

/* Jeżeli cena jest zapisana jako bezpośredni tekst w konkretnych blokach kart. */
html.dark-mode .offer-box .card-price,
body.dark-mode .offer-box .card-price,
.dark-mode .offer-box .card-price,
html.dark-mode .offer-box [class*="price"],
body.dark-mode .offer-box [class*="price"],
.dark-mode .offer-box [class*="price"] {
  color: #55c516 !important;
}

/* DARK MODE GREEN SPEED AND ACTIVATION
   Prędkości pakietów oraz ikonka przed Aktywacja na zielono. */

/* Prędkość pakietu, np. 150/40 Mbit/s, 380/100 Mbit/s */
html.dark-mode .offer-box .speed,
body.dark-mode .offer-box .speed,
.dark-mode .offer-box .speed,
html.dark-mode .offer-box .packet-speed,
body.dark-mode .offer-box .packet-speed,
.dark-mode .offer-box .packet-speed,
html.dark-mode .offer-box .offer-speed,
body.dark-mode .offer-box .offer-speed,
.dark-mode .offer-box .offer-speed,
html.dark-mode .offer-box [class*="speed"],
body.dark-mode .offer-box [class*="speed"],
.dark-mode .offer-box [class*="speed"] {
  color: #55c516 !important;
}

/* W wielu kaflach prędkość jest zwykłym tekstem w większym paragrafie,
   więc łapiemy typowe klasy rozmiaru używane w szczegółach pakietu. */
html.dark-mode .offer-box .fs-20,
body.dark-mode .offer-box .fs-20,
.dark-mode .offer-box .fs-20,
html.dark-mode .offer-box .fs-22,
body.dark-mode .offer-box .fs-22,
.dark-mode .offer-box .fs-22,
html.dark-mode .offer-box .fs-24,
body.dark-mode .offer-box .fs-24,
.dark-mode .offer-box .fs-24 {
  color: #55c516 !important;
}

/* Jeżeli w tej samej klasie siedzą też opisy, niech elementy tabeli szczegółów
   typu aktywacja/terminal nie dziedziczą zieleni z powyższego. */
html.dark-mode .offer-box .details-table td,
body.dark-mode .offer-box .details-table td,
.dark-mode .offer-box .details-table td {
  color: #f2f5f8 !important;
}

/* Ikonka przed Aktywacja - zwykle mały SVG/IMG w pierwszym wierszu tabeli. */
html.dark-mode .offer-box .details-table tr:first-child td:first-child svg,
html.dark-mode .offer-box .details-table tr:first-child td:first-child svg *,
html.dark-mode .offer-box .details-table tr:first-child td:first-child path,
body.dark-mode .offer-box .details-table tr:first-child td:first-child svg,
body.dark-mode .offer-box .details-table tr:first-child td:first-child svg *,
body.dark-mode .offer-box .details-table tr:first-child td:first-child path,
.dark-mode .offer-box .details-table tr:first-child td:first-child svg,
.dark-mode .offer-box .details-table tr:first-child td:first-child svg *,
.dark-mode .offer-box .details-table tr:first-child td:first-child path {
  fill: #55c516 !important;
  stroke: #55c516 !important;
  color: #55c516 !important;
  opacity: 1 !important;
}

/* Jeśli ikonka aktywacji jest obrazkiem */
html.dark-mode .offer-box .details-table tr:first-child td:first-child img,
body.dark-mode .offer-box .details-table tr:first-child td:first-child img,
.dark-mode .offer-box .details-table tr:first-child td:first-child img {
  opacity: 1 !important;
  filter: brightness(0) saturate(100%) invert(52%) sepia(91%) saturate(1022%) hue-rotate(65deg) brightness(92%) contrast(88%) !important;
  -webkit-filter: brightness(0) saturate(100%) invert(52%) sepia(91%) saturate(1022%) hue-rotate(65deg) brightness(92%) contrast(88%) !important;
}

/* Jeśli ikonka jest jako pseudo-element */
html.dark-mode .offer-box .details-table tr:first-child td:first-child::before,
body.dark-mode .offer-box .details-table tr:first-child td:first-child::before,
.dark-mode .offer-box .details-table tr:first-child td:first-child::before {
  color: #55c516 !important;
  opacity: 1 !important;
}

/* Dla ikon fontowych przy Aktywacji */
html.dark-mode .offer-box .details-table tr:first-child td:first-child i,
body.dark-mode .offer-box .details-table tr:first-child td:first-child i,
.dark-mode .offer-box .details-table tr:first-child td:first-child i,
html.dark-mode .offer-box .details-table tr:first-child td:first-child [class*="icon"],
body.dark-mode .offer-box .details-table tr:first-child td:first-child [class*="icon"],
.dark-mode .offer-box .details-table tr:first-child td:first-child [class*="icon"] {
  color: #55c516 !important;
  opacity: 1 !important;
}

/* DARK MODE GREEN SPEED FIX V2
   Prędkości w kartach ofert są często zwykłym tekstem bez klasy speed.
   Łapiemy typowe elementy środkowej części kafelka, ale wyłączamy opisy pomocnicze. */

/* Najczęstszy układ: prędkość jest w paragrafie/div po cenie. */
html.dark-mode .offer-box p:has(+ .details-table),
body.dark-mode .offer-box p:has(+ .details-table),
.dark-mode .offer-box p:has(+ .details-table),
html.dark-mode .offer-box div:has(+ .details-table),
body.dark-mode .offer-box div:has(+ .details-table),
.dark-mode .offer-box div:has(+ .details-table) {
  color: #55c516 !important;
}

/* Typowe klasy tekstu używane do prędkości w kartach. */
html.dark-mode .offer-box .medium,
body.dark-mode .offer-box .medium,
.dark-mode .offer-box .medium,
html.dark-mode .offer-box .font-medium,
body.dark-mode .offer-box .font-medium,
.dark-mode .offer-box .font-medium,
html.dark-mode .offer-box .bold,
body.dark-mode .offer-box .bold,
.dark-mode .offer-box .bold,
html.dark-mode .offer-box .fw-600,
body.dark-mode .offer-box .fw-600,
.dark-mode .offer-box .fw-600,
html.dark-mode .offer-box .fw-700,
body.dark-mode .offer-box .fw-700,
.dark-mode .offer-box .fw-700 {
  color: #55c516 !important;
}

/* Bezpieczniejsze celowanie: prędkość często jest ostatnim tekstem przed tabelą szczegółów. */
html.dark-mode .offer-box .details-table {
  color: #f2f5f8 !important;
}

html.dark-mode .offer-box .details-table *,
body.dark-mode .offer-box .details-table *,
.dark-mode .offer-box .details-table * {
  color: inherit;
}

/* Przywróć biel dla opisów pomocniczych, żeby nie wszystko świeciło na zielono. */
html.dark-mode .offer-box .details-table td,
body.dark-mode .offer-box .details-table td,
.dark-mode .offer-box .details-table td,
html.dark-mode .offer-box small,
body.dark-mode .offer-box small,
.dark-mode .offer-box small,
html.dark-mode .offer-box .subtitle,
body.dark-mode .offer-box .subtitle,
.dark-mode .offer-box .subtitle,
html.dark-mode .offer-box .sub-title,
body.dark-mode .offer-box .sub-title,
.dark-mode .offer-box .sub-title {
  color: #f2f5f8 !important;
}

/* Ikonka aktywacji musi zostać zielona mimo przywracania koloru tabeli. */
html.dark-mode .offer-box .details-table tr:first-child td:first-child svg,
html.dark-mode .offer-box .details-table tr:first-child td:first-child svg *,
html.dark-mode .offer-box .details-table tr:first-child td:first-child path,
body.dark-mode .offer-box .details-table tr:first-child td:first-child svg,
body.dark-mode .offer-box .details-table tr:first-child td:first-child svg *,
body.dark-mode .offer-box .details-table tr:first-child td:first-child path,
.dark-mode .offer-box .details-table tr:first-child td:first-child svg,
.dark-mode .offer-box .details-table tr:first-child td:first-child svg *,
.dark-mode .offer-box .details-table tr:first-child td:first-child path {
  fill: #55c516 !important;
  stroke: #55c516 !important;
  color: #55c516 !important;
  opacity: 1 !important;
}

/* Fallback mocniejszy: teksty zawierające Mbit/s bywają w elementach bez klas.
   CSS nie umie czytać tekstu, więc zawężamy do sekcji nad .details-table przez klasy kart. */
html.dark-mode .offer-box .offer-content > p:last-of-type,
body.dark-mode .offer-box .offer-content > p:last-of-type,
.dark-mode .offer-box .offer-content > p:last-of-type,
html.dark-mode .offer-box .box-content > p:last-of-type,
body.dark-mode .offer-box .box-content > p:last-of-type,
.dark-mode .offer-box .box-content > p:last-of-type,
html.dark-mode .offer-box .content > p:last-of-type,
body.dark-mode .offer-box .content > p:last-of-type,
.dark-mode .offer-box .content > p:last-of-type {
  color: #55c516 !important;
}

/* DARK MODE GREEN SPEED TEXT-BLUE FIX
   Prędkości pakietów mają klasę: fs-18 text-blue mt-10.
   Przebijamy text-blue tylko w kartach ofert na dark mode. */
html.dark-mode .offer-box .fs-18.text-blue.mt-10,
body.dark-mode .offer-box .fs-18.text-blue.mt-10,
.dark-mode .offer-box .fs-18.text-blue.mt-10,
html.dark-mode .offer-box .fs-18.text-blue,
body.dark-mode .offer-box .fs-18.text-blue,
.dark-mode .offer-box .fs-18.text-blue {
  color: #55c516 !important;
}

html.dark-mode .offer-box .fs-18.text-blue *,
body.dark-mode .offer-box .fs-18.text-blue *,
.dark-mode .offer-box .fs-18.text-blue * {
  color: #55c516 !important;
}



/* X EMOJI DARK ONLY CSS FALLBACK */
img.emoji[alt="✖"],
img.emoji[alt="✕"],
img.emoji[alt="×"],
img.emoji[src*="2716.svg"],
img.emoji[src*="2715.svg"],
img.emoji[src*="00d7.svg"] {
  filter: brightness(0) invert(1) !important;
  -webkit-filter: brightness(0) invert(1) !important;
  opacity: 1 !important;
}