.elementor-8045 .elementor-element.elementor-element-16245fd{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-8045 .elementor-element.elementor-element-16245fd .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-8045 .elementor-element.elementor-element-16245fd .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-8045 .elementor-element.elementor-element-b5de566 .elementor-heading-title{font-family:var( --e-global-typography-3c431e1-font-family ), Sans-serif;font-size:var( --e-global-typography-3c431e1-font-size );font-weight:var( --e-global-typography-3c431e1-font-weight );line-height:var( --e-global-typography-3c431e1-line-height );letter-spacing:var( --e-global-typography-3c431e1-letter-spacing );word-spacing:var( --e-global-typography-3c431e1-word-spacing );}.elementor-8045 .elementor-element.elementor-element-b5de566 > .elementor-widget-container{margin:20px 0px 20px 0px;padding:0px 20px 0px 20px;border-style:solid;border-width:0px 0px 0px 0px;border-color:#E0E0D9;}.elementor-8045 .elementor-element.elementor-element-6bdc3b0 .elementor-heading-title{font-family:var( --e-global-typography-3c431e1-font-family ), Sans-serif;font-size:var( --e-global-typography-3c431e1-font-size );font-weight:var( --e-global-typography-3c431e1-font-weight );line-height:var( --e-global-typography-3c431e1-line-height );letter-spacing:var( --e-global-typography-3c431e1-letter-spacing );word-spacing:var( --e-global-typography-3c431e1-word-spacing );}.elementor-8045 .elementor-element.elementor-element-6bdc3b0 > .elementor-widget-container{margin:20px 0px 20px 0px;padding:0px 20px 0px 20px;border-style:solid;border-width:0px 0px 0px 0px;border-color:#E0E0D9;}@media(max-width:1366px){.elementor-8045 .elementor-element.elementor-element-b5de566 .elementor-heading-title{font-size:var( --e-global-typography-3c431e1-font-size );line-height:var( --e-global-typography-3c431e1-line-height );letter-spacing:var( --e-global-typography-3c431e1-letter-spacing );word-spacing:var( --e-global-typography-3c431e1-word-spacing );}.elementor-8045 .elementor-element.elementor-element-6bdc3b0 .elementor-heading-title{font-size:var( --e-global-typography-3c431e1-font-size );line-height:var( --e-global-typography-3c431e1-line-height );letter-spacing:var( --e-global-typography-3c431e1-letter-spacing );word-spacing:var( --e-global-typography-3c431e1-word-spacing );}}@media(max-width:1200px){.elementor-8045 .elementor-element.elementor-element-4e8976b{width:var( --container-widget-width, 807.58px );max-width:807.58px;--container-widget-width:807.58px;--container-widget-flex-grow:0;}}@media(max-width:1024px){.elementor-8045 .elementor-element.elementor-element-b5de566 .elementor-heading-title{font-size:var( --e-global-typography-3c431e1-font-size );line-height:var( --e-global-typography-3c431e1-line-height );letter-spacing:var( --e-global-typography-3c431e1-letter-spacing );word-spacing:var( --e-global-typography-3c431e1-word-spacing );}.elementor-8045 .elementor-element.elementor-element-6bdc3b0 .elementor-heading-title{font-size:var( --e-global-typography-3c431e1-font-size );line-height:var( --e-global-typography-3c431e1-line-height );letter-spacing:var( --e-global-typography-3c431e1-letter-spacing );word-spacing:var( --e-global-typography-3c431e1-word-spacing );}}@media(max-width:767px){.elementor-8045 .elementor-element.elementor-element-b5de566 .elementor-heading-title{font-size:var( --e-global-typography-3c431e1-font-size );line-height:var( --e-global-typography-3c431e1-line-height );letter-spacing:var( --e-global-typography-3c431e1-letter-spacing );word-spacing:var( --e-global-typography-3c431e1-word-spacing );}.elementor-8045 .elementor-element.elementor-element-6bdc3b0 .elementor-heading-title{font-size:var( --e-global-typography-3c431e1-font-size );line-height:var( --e-global-typography-3c431e1-line-height );letter-spacing:var( --e-global-typography-3c431e1-letter-spacing );word-spacing:var( --e-global-typography-3c431e1-word-spacing );}}@media(min-width:2400px){.elementor-8045 .elementor-element.elementor-element-b5de566 .elementor-heading-title{font-size:var( --e-global-typography-3c431e1-font-size );line-height:var( --e-global-typography-3c431e1-line-height );letter-spacing:var( --e-global-typography-3c431e1-letter-spacing );word-spacing:var( --e-global-typography-3c431e1-word-spacing );}.elementor-8045 .elementor-element.elementor-element-6bdc3b0 .elementor-heading-title{font-size:var( --e-global-typography-3c431e1-font-size );line-height:var( --e-global-typography-3c431e1-line-height );letter-spacing:var( --e-global-typography-3c431e1-letter-spacing );word-spacing:var( --e-global-typography-3c431e1-word-spacing );}}








/* Start custom CSS *//* ============================================================
   SJO — Półkolonie WELCOME TO THE JUNGLE — Relacja CSS
   Wklej do: WordPress → Wygląd → Personalizuj → Dodatkowy CSS
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&family=Lora:wght@600&display=swap');

.sjo-jungle *, .sjo-jungle *::before, .sjo-jungle *::after { box-sizing: border-box; }

.sjo-jungle {
  --jungle-green: #2E7D32; --jungle-dark: #1B5E20; --jungle-light: #E8F5E9;
  --sun: #F7A833; --sun-light: #FEF3DC;
  --coral: #D85A30; --coral-light: #FAECE7;
  --blue: #185FA5; --blue-light: #E6F1FB;
  --purple: #7B4FA6; --purple-light: #F0E8FA;
  --teal: #1D9E75; --teal-light: #E1F5EE;
  --text: #2C2C2A; --muted: #5F5E5A;
  --bg: #FFFDF8; --white: #fff; --border: #F0EDE4; --radius: 16px;
  font-family: 'Nunito', sans-serif !important;
  color: var(--text); width: 100%;
}

/* ── HEADER GŁÓWNY WPISU ── */
.sjo-jungle .sjo-jungle-hero {
  background: linear-gradient(135deg, #1B5E20 0%, #2E7D32 50%, #558B2F 100%) !important;
  padding: 2.5rem 3rem !important; border-radius: var(--radius) !important;
  position: relative !important; overflow: hidden !important;
  margin-bottom: 1.5rem !important;
}
.sjo-jungle .sjo-jungle-hero::before {
  content: '🌿' !important; position: absolute !important; font-size: 8rem !important;
  opacity: .08 !important; left: -20px !important; top: -20px !important;
}
.sjo-jungle .sjo-jungle-hero-inner {
  display: flex !important; align-items: center !important; gap: 2rem !important;
  position: relative !important;
}
.sjo-jungle .sjo-jungle-hero-text { flex: 1; text-align: left !important; }
.sjo-jungle .sjo-jungle-hero-smok {
  flex-shrink: 0 !important;
  width: 180px !important;
  height: 180px !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.sjo-jungle .sjo-jungle-hero-smok img {
  width: 180px !important;
  height: 180px !important;
  max-width: 180px !important;
  max-height: 180px !important;
  object-fit: contain !important;
  display: block !important;
  filter: drop-shadow(0 8px 20px rgba(0,0,0,.3)) !important;
}
.sjo-jungle .sjo-jungle-badge {
  display: inline-block !important; background: var(--sun) !important;
  color: var(--jungle-dark) !important; font-size: 13px !important; font-weight: 800 !important;
  padding: 6px 18px !important; border-radius: 50px !important; margin-bottom: 1rem !important;
  font-family: 'Nunito', sans-serif !important; text-transform: uppercase !important; letter-spacing: .5px !important;
  white-space: nowrap !important;
}
.sjo-jungle .sjo-jungle-title {
  font-family: 'Lora', serif !important; font-size: 2.2rem !important; font-weight: 700 !important;
  color: #fff !important; margin: 0 0 .5rem !important; line-height: 1.2 !important;
  white-space: nowrap !important;
}
.sjo-jungle .sjo-jungle-sub {
  font-size: 15px !important; color: rgba(255,255,255,.85) !important;
  font-family: 'Nunito', sans-serif !important; margin:0 !important;
}

/* ── BANER "NA ŻYWO" ── */
.sjo-jungle .sjo-live-banner {
  display: flex !important; align-items: center !important; justify-content: center !important;
  gap: 10px !important; background: var(--coral-light) !important;
  border: 2px solid var(--coral) !important; border-radius: 50px !important;
  padding: 10px 20px !important; margin-bottom: 1.5rem !important;
  font-size: 14px !important; font-weight: 800 !important; color: var(--coral) !important;
  font-family: 'Nunito', sans-serif !important;
}
.sjo-jungle .sjo-live-dot {
  width: 10px !important; height: 10px !important; border-radius: 50% !important;
  background: var(--coral) !important; display: inline-block !important;
  animation: pulse 1.5s infinite !important;
}
@keyframes pulse { 0%,100% { opacity: 1; } 50% { opacity: .3; } }

/* ── KARTA DNIA ── */
.sjo-jungle .sjo-day-card {
  background: var(--white) !important; border-radius: var(--radius) !important;
  overflow: hidden !important; margin-bottom: 1.5rem !important;
  border: 2px solid var(--jungle-light) !important;
  box-shadow: 0 4px 16px rgba(0,0,0,.05) !important;
}

.sjo-jungle .sjo-day-header {
  padding: 1.25rem 1.75rem !important; display: flex !important;
  align-items: center !important; gap: 14px !important; flex-wrap: wrap !important;
}
.sjo-jungle .sjo-day-card.day-1 .sjo-day-header { background: linear-gradient(120deg, #2E7D32, #558B2F) !important; }
.sjo-jungle .sjo-day-card.day-2 .sjo-day-header { background: linear-gradient(120deg, #F7A833, #e09520) !important; }
.sjo-jungle .sjo-day-card.day-3 .sjo-day-header { background: linear-gradient(120deg, #185FA5, #1565C0) !important; }
.sjo-jungle .sjo-day-card.day-4 .sjo-day-header { background: linear-gradient(120deg, #D85A30, #c44d26) !important; }
.sjo-jungle .sjo-day-card.day-5 .sjo-day-header { background: linear-gradient(120deg, #7B4FA6, #6a3f94) !important; }

.sjo-jungle .sjo-day-num {
  width: 52px !important; height: 52px !important; border-radius: 50% !important;
  background: rgba(255,255,255,.22) !important; display: flex !important;
  flex-direction: column !important; align-items: center !important; justify-content: center !important;
  flex-shrink: 0 !important; border: 2px solid rgba(255,255,255,.4) !important;
}
.sjo-jungle .sjo-day-num span { font-size: 18px !important; font-weight: 900 !important; color: #fff !important; line-height: 1 !important; font-family: 'Nunito', sans-serif !important; }
.sjo-jungle .sjo-day-num small { font-size: 9px !important; color: rgba(255,255,255,.8) !important; text-transform: uppercase !important; font-family: 'Nunito', sans-serif !important; }

.sjo-jungle .sjo-day-title-wrap { flex: 1; min-width: 150px; }
.sjo-jungle .sjo-day-weekday {
  font-size: 13px !important; color: rgba(255,255,255,.85) !important;
  font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .5px !important;
  display: block !important; margin-bottom: 2px !important; font-family: 'Nunito', sans-serif !important;
}
.sjo-jungle .sjo-day-title {
  font-family: 'Lora', serif !important; font-size: 1.3rem !important; font-weight: 600 !important;
  color: #fff !important; margin: 0 !important;
}
.sjo-jungle .sjo-day-date {
  background: rgba(255,255,255,.2) !important; color: #fff !important;
  border-radius: 50px !important; padding: 4px 14px !important;
  font-size: 12px !important; font-weight: 700 !important; flex-shrink: 0 !important;
  font-family: 'Nunito', sans-serif !important;
}

/* ── TREŚĆ DNIA ── */
.sjo-jungle .sjo-day-body { padding: 1.75rem !important; }
.sjo-jungle .sjo-day-body p {
  font-size: 15px !important; color: var(--text) !important; line-height: 1.7 !important;
  margin: 0 0 1rem !important; font-family: 'Nunito', sans-serif !important;
}
.sjo-jungle .sjo-day-body p:last-of-type { margin-bottom: 1rem !important; }
.sjo-jungle .sjo-day-body strong { color: var(--jungle-dark) !important; }

.sjo-jungle .sjo-newest-tag {
  display: inline-flex !important; align-items: center !important; gap: 6px !important;
  background: var(--sun) !important; color: var(--jungle-dark) !important;
  border-radius: 50px !important; padding: 4px 12px !important;
  font-size: 11px !important; font-weight: 800 !important; margin-bottom: .75rem !important;
  font-family: 'Nunito', sans-serif !important; text-transform: uppercase !important;
}

/* ── HIGHLIGHTY DNIA ── */
.sjo-jungle .sjo-day-highlights {
  display: flex !important; flex-wrap: wrap !important; gap: 8px !important;
  margin: 1rem 0 !important;
}
.sjo-jungle .sjo-highlight-chip {
  background: var(--jungle-light) !important; color: var(--jungle-dark) !important;
  border-radius: 50px !important; padding: 6px 14px !important;
  font-size: 13px !important; font-weight: 700 !important;
  font-family: 'Nunito', sans-serif !important; border: 1.5px solid #A5D6A7 !important;
}

/* ── BANER ZE SMOKIEM W TREŚCI DNIA ── */
.sjo-jungle .sjo-day-smok-banner {
  display: flex !important; align-items: center !important; gap: 14px !important;
  background: var(--jungle-light) !important; border-radius: 14px !important;
  padding: 1rem 1.25rem !important; margin-top: 1.25rem !important;
  border: 1.5px solid #A5D6A7 !important;
}
.sjo-jungle .sjo-day-smok-banner img {
  width: 70px !important;
  height: 70px !important;
  max-width: 70px !important;
  max-height: 70px !important;
  object-fit: contain !important;
  flex-shrink: 0 !important;
  display: block !important;
  filter: drop-shadow(0 4px 10px rgba(0,0,0,.15)) !important;
}
.sjo-jungle .sjo-day-smok-banner p {
  font-size: 13px !important; font-style: italic !important; color: var(--jungle-dark) !important;
  margin: 0 !important; line-height: 1.5 !important; font-family: 'Nunito', sans-serif !important;
}

/* ── GALERIA ZDJĘĆ DNIA (Elementor Gallery Widget wstrzykuje swój HTML tutaj) ── */
.sjo-jungle .sjo-day-gallery-slot {
  margin-top: 1.25rem !important;
  border-top: 1.5px dashed var(--border) !important;
  padding-top: 1.25rem !important;
}
.sjo-jungle .sjo-gallery-label {
  font-size: 12px !important; font-weight: 800 !important; color: var(--muted) !important;
  text-transform: uppercase !important; letter-spacing: .5px !important;
  margin-bottom: .75rem !important; display: block !important;
  font-family: 'Nunito', sans-serif !important;
}

/* Style dla natywnej galerii Elementor Pro wewnątrz naszej karty dnia */
.sjo-jungle .sjo-day-card .elementor-widget-image-gallery .gallery-item {
  border-radius: 12px !important; overflow: hidden !important;
}
.sjo-jungle .sjo-day-card .elementor-widget-image-gallery img {
  border-radius: 12px !important;
  transition: transform .25s !important;
}
.sjo-jungle .sjo-day-card .elementor-widget-image-gallery img:hover {
  transform: scale(1.03) !important;
}

/* ── CTA NA DOLE ── */
.sjo-jungle .sjo-jungle-cta {
  background: var(--jungle-light) !important; border-radius: var(--radius) !important;
  padding: 1.75rem !important; text-align: center !important;
  border: 1.5px solid #A5D6A7 !important;
}
.sjo-jungle .sjo-jungle-cta p {
  font-size: 14px !important; color: var(--muted) !important; margin: 0 0 1rem !important;
  font-family: 'Nunito', sans-serif !important;
}
.sjo-jungle .sjo-jungle-chips { display: flex !important; gap: 10px !important; justify-content: center !important; flex-wrap: wrap !important; }
.sjo-jungle .sjo-chip {
  display: flex !important; align-items: center !important; gap: 6px !important;
  background: var(--white) !important; border: 1.5px solid #A5D6A7 !important;
  border-radius: 50px !important; padding: 7px 16px !important; font-size: 13px !important;
  font-weight: 700 !important; color: var(--jungle-dark) !important; text-decoration: none !important;
  font-family: 'Nunito', sans-serif !important;
}
.sjo-jungle .sjo-chip:hover { background: var(--jungle-green) !important; color: #fff !important; }

/* ── RESPONSYWNOŚĆ ── */
@media (max-width: 700px) {
  .sjo-jungle .sjo-jungle-hero { padding: 2rem 1.5rem !important; }
  .sjo-jungle .sjo-jungle-hero-inner { flex-direction: column !important; text-align: center !important; }
  .sjo-jungle .sjo-jungle-hero-text { text-align: center !important; }
  .sjo-jungle .sjo-jungle-hero-smok { width: 120px !important; height: 120px !important; }
  .sjo-jungle .sjo-jungle-hero-smok img { width: 120px !important; height: 120px !important; max-width: 120px !important; max-height: 120px !important; }
  .sjo-jungle .sjo-jungle-title { font-size: 1.5rem !important; }
  .sjo-jungle .sjo-jungle-badge { font-size: 11px !important; padding: 5px 12px !important; }
  .sjo-jungle .sjo-day-header { padding: 1rem 1.25rem !important; }
  .sjo-jungle .sjo-day-body { padding: 1.25rem !important; }
  .sjo-jungle .sjo-day-smok-banner { flex-direction: column !important; text-align: center !important; }
}
@media (max-width: 420px) {
  .sjo-jungle .sjo-jungle-title { font-size: 1.2rem !important; }
  .sjo-jungle .sjo-jungle-badge { font-size: 10px !important; padding: 4px 10px !important; }
}

/* ============================================================
   POPRAWKA — wymuszenie wyśrodkowania sekcji CTA
   (na wypadek konfliktu ze stylami Elementora)
   ============================================================ */
.sjo-jungle .sjo-jungle-cta,
.elementor-widget-html .sjo-jungle-cta {
  text-align: center !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.sjo-jungle .sjo-jungle-cta p {
  text-align: center !important;
  width: 100% !important;
}
.sjo-jungle .sjo-jungle-chips {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  margin: 0 auto !important;
}/* End custom CSS */