:root {
  /* Tlo stopki (footer::before, width:100vw) — zielony PureGreen.
     Steruje tylko paskiem stopki; zielone hotspoty to osobne zmienne. */
  --footer-before-background: #00a400 !important;
  --hotspot-arrow-color: #00a400 !important;
  --hotspot-arrow-background-hover: #00a400 !important;



  /* Blog — tlo ikony artykulu */
  --article-icon-background: #ffffff;
}



/* ─────────────────────────────────────────────────────────────────
   2. UKRYTE ELEMENTY (globalne)
   ───────────────────────────────────────────────────────────────── */


.newsletter { display: none; }
.basket__unknown_delivery { display: none; }



/* ═════════════════════════════════════════════════════════════════
   5. KARTA PRODUKTU
   ═════════════════════════════════════════════════════════════════ */

/* Ukrycia na karcie produktu */
.projector_stocks { display: none; }
#projector_stocks { display: none; }
#projector_paypo { display: none; }
.projector_shipping__text_from,
.projector_shipping__price { display: none; }
.projector_status__info_amount { display: none; }


/* ─────────────────────────────────────────────────────────────────
   8. BLOG / ARTYKULY
   ───────────────────────────────────────────────────────────────── */
/* Karta produktu: max 4 wpisy blogowe */
.projector_page .article__item:nth-child(1n+5) {
  display: none;
}

/* Karty wpisow blogowych - biale tlo + delikatny cien */
.article__item {
  background: #ffffff !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06) !important;
  overflow: hidden !important;
  transition: box-shadow .25s ease, transform .25s ease;
}
.article__item:hover {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1) !important;
  transform: translateY(-2px);
}

/* Ukryj obrazek-wrapper artykulu (lista) */
.article__image_wrapper,
.article__image_wrapper img {
  display: none !important;
}

/* Blog (wpis) - obrazek na pelna szerokosc */
#blog-item img.blog_image {
  max-width: 100%;
}
/* Ukryj featured image tylko gdy wpis ma customowy blok .hb-wrap */
#blog-item .blog-item_sub:has(> .hb-wrap) > img.blog_image {
  display: none !important;
}