/*
 * CyfrowyInstytut.pl — Display Fix v1.2.5
 * Cel: desktop na pełną szerokość, równa oś tekstów i sekcji HTML,
 * bez rozjeżdżania napisów. Mobile zostaje stabilny.
 */

:root{
  --ci-wide-max: 1600px;
  --ci-content-max: 1440px;
  --ci-pad-x: clamp(18px, 3.2vw, 54px);
  --ci-pad-y: clamp(20px, 3vw, 46px);
  --ci-radius-xl: 28px;
  --ci-radius-lg: 22px;
  --ci-radius-md: 16px;
}

html,
body.ci-display-fix-active{
  overflow-x:hidden!important;
  width:100%;
  max-width:100%;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}

body.ci-display-fix-active *{
  box-sizing:border-box;
}

body.ci-display-fix-active :where(img, svg, video, canvas, iframe){
  max-width:100%;
}

body.ci-display-fix-active :where(img, video, canvas){
  height:auto;
}

body.ci-display-fix-active :where(a, p, li, h1, h2, h3, h4, h5, h6){
  overflow-wrap:break-word;
}

/* WordPress / motyw — zdejmujemy sztuczne ograniczenia kontenera. */
body.ci-display-fix-active :where(
  .site,
  .site-main,
  .site-content,
  .content-area,
  .entry,
  .entry-content,
  .wp-site-blocks,
  .wp-block-post-content,
  .wp-block-group,
  .wp-block-cover,
  main
){
  max-width:100%!important;
}

body.ci-display-fix-active :where(.entry-content, .wp-block-post-content){
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Standardowe teksty i bloki WordPressa: jedna, równa oś na desktopie. */
@media (min-width:1025px){
  body.ci-display-fix-active :where(.entry-content, .wp-block-post-content) > :where(
    p, h1, h2, h3, h4, h5, h6, ul, ol, blockquote,
    .wp-block-paragraph, .wp-block-heading, .wp-block-list,
    .wp-block-table, .wp-block-preformatted, .wp-block-code, pre
  ){
    width:min(calc(100% - (2 * var(--ci-pad-x))), var(--ci-content-max))!important;
    max-width:var(--ci-content-max)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* Niestandardowe HTML-e i sekcje: pełna szerokość przeglądarki. */
  body.ci-display-fix-active :where(.entry-content, .wp-block-post-content) > :where(.wp-block-html, .wp-block-custom-html){
    width:100vw!important;
    max-width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
  }

  body.ci-display-fix-active :where(
    .kiedc-sites-promo,
    .kiedc-rodo-section,
    .kiedc-rodo-mini,
    .kiedc-maps-only,
    .kiedc-location-section,
    .kiedc-location-premium,
    .kiedc-location-clean
  ){
    position:relative!important;
    width:100vw!important;
    max-width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
  }

  /* Jeżeli pełnoszeroki kod siedzi już w .wp-block-html, nie robimy podwójnego przesunięcia. */
  body.ci-display-fix-active :where(.wp-block-html, .wp-block-custom-html) > :where(
    .kiedc-sites-promo,
    .kiedc-rodo-section,
    .kiedc-rodo-mini,
    .kiedc-maps-only,
    .kiedc-location-section,
    .kiedc-location-premium,
    .kiedc-location-clean
  ){
    margin-left:0!important;
    margin-right:0!important;
  }

  /* Wnętrza pełnoszerokich sekcji mają wspólny kontener i nie uciekają bokiem. */
  body.ci-display-fix-active :where(
    .kiedc-sites-inner,
    .kiedc-rodo-inner,
    .kiedc-rodo-mini-inner,
    .kiedc-location-wrap,
    .kiedc-inner
  ){
    width:min(100%, var(--ci-wide-max))!important;
    max-width:var(--ci-wide-max)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:var(--ci-pad-x)!important;
    padding-right:var(--ci-pad-x)!important;
  }

  /* Sekcje bez wewnętrznego wrappera. */
  body.ci-display-fix-active :where(.kiedc-maps-only){
    padding-left:var(--ci-pad-x)!important;
    padding-right:var(--ci-pad-x)!important;
  }

  /* Opis KIEC: usuwamy stare 240px z prawej, które przesuwało tekst. */
  body.ci-display-fix-active :where(.kiedc-about){
    width:min(calc(100% - (2 * var(--ci-pad-x))), var(--ci-content-max))!important;
    max-width:var(--ci-content-max)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
  }

  /* Bloki kodu / pre / tabele — tak samo równo jak tekst, nie osobnym torem. */
  body.ci-display-fix-active :where(pre, code, .wp-block-code, .wp-block-preformatted, table, .wp-block-table){
    max-width:100%!important;
  }
}

/* Kafelki i siatki — równo, ale bez przesuwania treści. */
body.ci-display-fix-active :where(.kiedc-site-card, .kiedc-rodo-card, .kiedc-rodo-mini-card, .kiedc-map-card, .wp-block-column){
  min-width:0;
}

body.ci-display-fix-active :where(.kiedc-sites-grid, .kiedc-rodo-main, .kiedc-rodo-mini-row, .kiedc-grid){
  align-items:stretch;
}

body.ci-display-fix-active :where(.kiedc-site-card, .kiedc-rodo-card, .kiedc-rodo-mini-card, .kiedc-map-card){
  height:100%;
}

body.ci-display-fix-active .ci-equalized{
  transition:min-height .18s ease;
}

/* Mapy, osadzenia i Leaflet. */
body.ci-display-fix-active :where(.leaflet-container, .kiedc-map-box, #pl-map, iframe){
  max-width:100%!important;
  border-radius:var(--ci-radius-lg);
}

body.ci-display-fix-active :where(.leaflet-container, .kiedc-map-box){
  isolation:isolate;
  overflow:hidden;
}

body.ci-display-fix-active #pl-map{
  width:min(100%, var(--ci-wide-max))!important;
  margin-left:auto!important;
  margin-right:auto!important;
  overflow:hidden;
}

/* Sekcje technologiczne, mapy i karty — pełniej na desktopie. */
@media (min-width:1181px){
  body.ci-display-fix-active :where(.kiedc-sites-grid){
    grid-template-columns:repeat(3, minmax(0, 1fr))!important;
  }

  body.ci-display-fix-active :where(.kiedc-rodo-mini-row){
    grid-template-columns:repeat(6, minmax(0, 1fr))!important;
    overflow:visible!important;
  }
}

/* Tablet: układ czytelny bez ścisku. */
@media (max-width:1180px) and (min-width:761px){
  body.ci-display-fix-active :where(.kiedc-sites-grid, .kiedc-rodo-main){
    grid-template-columns:1fr!important;
  }

  body.ci-display-fix-active :where(.kiedc-rodo-mini-row){
    grid-template-columns:repeat(3, minmax(0, 1fr))!important;
    overflow:visible!important;
  }

  body.ci-display-fix-active :where(.entry-content, .wp-block-post-content) > :where(p, h1, h2, h3, h4, h5, h6, ul, ol, blockquote){
    width:calc(100% - 32px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

/* Mobile — zostawiamy stabilne, dobre zachowanie. */
@media (max-width:760px){
  :root{
    --ci-pad-x:14px;
    --ci-content-max:100%;
  }

  body.ci-display-fix-active :where(.entry-content, .wp-block-post-content) > :where(p, h1, h2, h3, h4, h5, h6, ul, ol, blockquote){
    width:calc(100% - 28px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  body.ci-display-fix-active :where(section[class*="kiedc-"], .kiedc-sites-promo, .kiedc-rodo-section, .kiedc-maps-only, .kiedc-location-clean, .kiedc-location-premium){
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:var(--ci-pad-x)!important;
    padding-right:var(--ci-pad-x)!important;
    border-radius:18px!important;
  }

  body.ci-display-fix-active :where(.kiedc-sites-inner, .kiedc-rodo-inner, .kiedc-rodo-mini-inner, .kiedc-location-wrap, .kiedc-inner){
    padding-left:0!important;
    padding-right:0!important;
  }

  body.ci-display-fix-active :where(.kiedc-sites-grid, .kiedc-rodo-main, .kiedc-rodo-mini-row, .kiedc-grid){
    grid-template-columns:1fr!important;
    gap:14px!important;
  }

  body.ci-display-fix-active :where(.kiedc-site-card, .kiedc-rodo-card, .kiedc-rodo-mini-card, .kiedc-map-card){
    min-height:0!important;
    border-radius:18px!important;
  }

  body.ci-display-fix-active :where(.kiedc-map-box, #pl-map){
    height:min(72vh, 380px)!important;
    border-radius:16px!important;
  }

  body.ci-display-fix-active :where(.leaflet-control-container){
    font-size:12px;
  }

  body.ci-display-fix-active h1{
    font-size:clamp(30px, 9vw, 44px);
    line-height:1.08;
  }

  body.ci-display-fix-active h2{
    font-size:clamp(24px, 7vw, 34px);
    line-height:1.12;
  }

  body.ci-display-fix-active h3{
    font-size:clamp(19px, 5.5vw, 26px);
    line-height:1.18;
  }
}

@media (max-width:420px){
  body.ci-display-fix-active{
    font-size:16px;
  }

  body.ci-display-fix-active :where(.kiedc-site-btn, .kiedc-rodo-btn, .kiedc-address-panel a){
    width:100%;
    white-space:normal;
    text-align:center;
  }

  body.ci-display-fix-active :where(.kiedc-site-content p, .kiedc-rodo-mini-card p, .kiedc-rodo-card p){
    font-size:14px;
    line-height:1.62;
  }
}

@supports not (background: color-mix(in srgb, black 10%, transparent)){
  body.ci-display-fix-active :where(.kiedc-rodo-mini-card, .kiedc-rodo-mini-footer){
    background:rgba(255,255,255,.06);
    border-color:rgba(255,255,255,.18);
  }
}


/* v1.0.5 — start strony: lewa kolumna = mapy jedna pod drugą, prawa kolumna = opis tekstowy. */
body.ci-display-fix-active .ci-intro-split{
  width:100vw!important;
  max-width:100vw!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  padding-left:var(--ci-pad-x)!important;
  padding-right:var(--ci-pad-x)!important;
  display:grid!important;
  grid-template-columns:minmax(0, 1fr) minmax(0, 1fr)!important;
  gap:clamp(22px, 3vw, 46px)!important;
  align-items:start!important;
  position:relative!important;
  clear:both!important;
}

body.ci-display-fix-active .ci-intro-split > :where(.wp-block-html, .wp-block-custom-html),
body.ci-display-fix-active .ci-intro-split > :where(.kiedc-maps-only, .kiedc-about){
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding-left:0!important;
  padding-right:0!important;
  min-width:0!important;
}

body.ci-display-fix-active .ci-intro-split :where(.wp-block-html, .wp-block-custom-html) > :where(.kiedc-maps-only, .kiedc-about){
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding-left:0!important;
  padding-right:0!important;
}

/* W tej sekcji mapy mają być jedna pod drugą, nie obok siebie. */
body.ci-display-fix-active .ci-intro-split :where(.kiedc-maps-only){
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:clamp(14px, 1.4vw, 20px)!important;
  align-items:start!important;
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
  border-radius:0!important;
}

body.ci-display-fix-active .ci-intro-split :where(.kiedc-maps-only .kiedc-map-card){
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  height:auto!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}

body.ci-display-fix-active .ci-intro-split :where(.kiedc-maps-only .kiedc-card-title){
  position:relative!important;
  z-index:5!important;
  min-height:0!important;
  margin:0 0 12px 0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}

body.ci-display-fix-active .ci-intro-split :where(.kiedc-maps-only .kiedc-card-title h3){
  margin:0!important;
  max-width:100%!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  line-height:1.18!important;
  font-size:clamp(18px, 1.45vw, 24px)!important;
}

body.ci-display-fix-active .ci-intro-split :where(.kiedc-maps-only .kiedc-card-title span){
  flex:0 0 auto!important;
  white-space:nowrap!important;
}

body.ci-display-fix-active .ci-intro-split :where(.kiedc-maps-only .kiedc-map-box){
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  max-width:100%!important;
  height:clamp(260px, 20vw, 360px)!important;
  min-height:260px!important;
  flex:0 0 auto!important;
  clear:both!important;
  margin-top:0!important;
}

body.ci-display-fix-active .ci-intro-split :where(.kiedc-maps-only .leaflet-container){
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  height:100%!important;
}

/* Prawa kolumna tekstowa — opis KIEC bez starego przesunięcia 240px. */
body.ci-display-fix-active .ci-intro-split :where(.kiedc-about){
  color:inherit;
  padding:0!important;
  margin:0!important;
  width:100%!important;
  max-width:100%!important;
}

body.ci-display-fix-active .ci-intro-split :where(.kiedc-about h2){
  margin-top:0!important;
}

body.ci-display-fix-active .ci-intro-split :where(.kiedc-about p){
  max-width:100%!important;
}

/* Gdy JS nie zdąży owinąć sekcji, mapy i tak pozostają pionowo. */
body.ci-display-fix-active :where(.kiedc-maps-only):not(.ci-intro-split .kiedc-maps-only){
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:18px!important;
}

@media (max-width:1180px){
  body.ci-display-fix-active .ci-intro-split{
    grid-template-columns:1fr!important;
    gap:20px!important;
  }

  body.ci-display-fix-active .ci-intro-split :where(.kiedc-maps-only .kiedc-map-box){
    height:clamp(300px, 52vw, 430px)!important;
  }
}

@media (max-width:760px){
  body.ci-display-fix-active .ci-intro-split{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:var(--ci-pad-x)!important;
    padding-right:var(--ci-pad-x)!important;
    grid-template-columns:1fr!important;
    gap:16px!important;
  }

  body.ci-display-fix-active .ci-intro-split :where(.wp-block-html, .wp-block-custom-html),
  body.ci-display-fix-active .ci-intro-split :where(.kiedc-maps-only, .kiedc-about){
    width:100%!important;
    max-width:100%!important;
  }

  body.ci-display-fix-active .ci-intro-split :where(.kiedc-maps-only .kiedc-map-box){
    height:min(72vh, 380px)!important;
    min-height:280px!important;
  }
}


/* v1.0.5 — start strony: mapy po lewej mają łącznie pokrywać wysokość opisu po prawej. */
@media (min-width:1181px){
  body.ci-display-fix-active .ci-intro-split{
    width:100vw!important;
    max-width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    padding-left:var(--ci-pad-x)!important;
    padding-right:var(--ci-pad-x)!important;
    display:grid!important;
    grid-template-columns:minmax(0, 1fr) minmax(0, 1fr)!important;
    gap:clamp(28px, 3vw, 56px)!important;
    align-items:stretch!important;
    justify-items:stretch!important;
    max-inline-size:none!important;
  }

  body.ci-display-fix-active .ci-intro-split > :where(.wp-block-html, .wp-block-custom-html),
  body.ci-display-fix-active .ci-intro-split > :where(.kiedc-maps-only, .kiedc-about){
    height:100%!important;
    align-self:stretch!important;
  }

  body.ci-display-fix-active .ci-intro-split :where(.kiedc-maps-only){
    display:flex!important;
    flex-direction:column!important;
    justify-content:stretch!important;
    align-items:stretch!important;
    height:100%!important;
    min-height:100%!important;
    gap:clamp(16px, 1.5vw, 24px)!important;
    padding:0!important;
  }

  body.ci-display-fix-active .ci-intro-split :where(.kiedc-maps-only .kiedc-map-card){
    flex:1 1 0!important;
    min-height:0!important;
    height:auto!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    padding:clamp(14px, 1.35vw, 20px)!important;
    border-radius:var(--ci-radius-lg)!important;
  }

  body.ci-display-fix-active .ci-intro-split :where(.kiedc-maps-only .kiedc-card-title){
    flex:0 0 auto!important;
    margin:0 0 12px 0!important;
  }

  body.ci-display-fix-active .ci-intro-split :where(.kiedc-maps-only .kiedc-map-box){
    flex:1 1 auto!important;
    height:var(--ci-intro-map-h, auto)!important;
    min-height:var(--ci-intro-map-min, 320px)!important;
    max-height:none!important;
    width:100%!important;
  }

  body.ci-display-fix-active .ci-intro-split :where(.kiedc-about){
    align-self:center!important;
    justify-self:stretch!important;
    display:block!important;
    padding:0!important;
    margin:0!important;
  }

  body.ci-display-fix-active .ci-intro-split :where(.kiedc-about h2){
    text-align:left!important;
  }

  body.ci-display-fix-active .ci-intro-split :where(.kiedc-about p){
    text-align:left!important;
  }
}

@media (min-width:1181px) and (max-width:1360px){
  body.ci-display-fix-active .ci-intro-split{
    gap:28px!important;
  }

  body.ci-display-fix-active .ci-intro-split :where(.kiedc-maps-only .kiedc-map-box){
    min-height:var(--ci-intro-map-min, 300px)!important;
  }
}

/* v1.0.6 — wyśrodkowanie układu startowego między lewą i prawą krawędzią strony.
   Usuwa uciekanie lewej kolumny poza obszar strony przez 100vw + negatywny margines. */
@media (min-width:1181px){
  body.ci-display-fix-active .ci-intro-split{
    width:min(calc(100vw - (2 * var(--ci-pad-x))), var(--ci-wide-max))!important;
    max-width:var(--ci-wide-max)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    box-sizing:border-box!important;
  }

  body.ci-display-fix-active .ci-intro-split > :where(.wp-block-html, .wp-block-custom-html),
  body.ci-display-fix-active .ci-intro-split > :where(.kiedc-maps-only, .kiedc-about){
    max-width:100%!important;
    min-width:0!important;
  }

  body.ci-display-fix-active .ci-intro-split :where(.kiedc-maps-only),
  body.ci-display-fix-active .ci-intro-split :where(.kiedc-about){
    margin-left:0!important;
    margin-right:0!important;
  }
}

@media (max-width:1180px){
  body.ci-display-fix-active .ci-intro-split{
    width:100%!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

/* v1.0.7 — prawa kolumna opisu w sekcji startowej: tekst wyśrodkowany w swoim sektorze. */
@media (min-width:1181px){
  body.ci-display-fix-active .ci-intro-split :where(.kiedc-about){
    height:100%!important;
    min-height:100%!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:center!important;
    align-self:stretch!important;
    justify-self:stretch!important;
  }

  body.ci-display-fix-active .ci-intro-split :where(.kiedc-about > *){
    width:100%!important;
    max-width:min(100%, 920px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  body.ci-display-fix-active .ci-intro-split :where(.kiedc-about h2),
  body.ci-display-fix-active .ci-intro-split :where(.kiedc-about p){
    text-align:left!important;
  }
}


/* v1.0.8 — finalne wyśrodkowanie prawej kolumny startowej jak pozostałe pola poniżej.
   Cel: mapy po lewej zostają bez zmian, a opis po prawej ma być centralnie w sektorze,
   bez przesunięcia w lewo/prawo i bez wiszenia przy górnej krawędzi. */
@media (min-width:1181px){
  body.ci-display-fix-active .ci-intro-split{
    align-items:stretch!important;
    justify-items:stretch!important;
  }

  body.ci-display-fix-active .ci-intro-split > .ci-intro-left,
  body.ci-display-fix-active .ci-intro-split > .ci-intro-right{
    min-width:0!important;
    max-width:100%!important;
    height:100%!important;
    align-self:stretch!important;
  }

  body.ci-display-fix-active .ci-intro-split > .ci-intro-right{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
    margin:0!important;
  }

  body.ci-display-fix-active .ci-intro-split > .ci-intro-right > :where(.kiedc-about),
  body.ci-display-fix-active .ci-intro-split > .ci-intro-right :where(.kiedc-about){
    width:min(100%, 920px)!important;
    max-width:920px!important;
    height:auto!important;
    min-height:0!important;
    margin:auto!important;
    padding:clamp(8px, 1vw, 16px)!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:center!important;
    text-align:center!important;
  }

  body.ci-display-fix-active .ci-intro-split :where(.kiedc-about > *){
    width:100%!important;
    max-width:920px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  body.ci-display-fix-active .ci-intro-split :where(.kiedc-about h2),
  body.ci-display-fix-active .ci-intro-split :where(.kiedc-about p){
    text-align:center!important;
  }

  body.ci-display-fix-active .ci-intro-split :where(.kiedc-about p){
    text-wrap:pretty;
  }
}

/* v1.1.1 — wracamy do stabilnego układu tekstu z v1.0.8.
   Poprawka dotyczy tylko lewej kolumny: mapy przesunięte lekko w prawo,
   bez ruszania prawego opisu i bez ponownego centrowania całej sekcji. */
@media (min-width:1181px){
  body.ci-display-fix-active .ci-intro-split{
    width:min(calc(100vw - (2 * var(--ci-pad-x))), var(--ci-wide-max))!important;
    max-width:var(--ci-wide-max)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
    grid-template-columns:minmax(0, 1fr) minmax(0, 1fr)!important;
    gap:clamp(28px, 3vw, 56px)!important;
  }

  body.ci-display-fix-active .ci-intro-split > .ci-intro-left{
    padding-left:clamp(26px, 3.1vw, 62px)!important;
    padding-right:0!important;
    margin-left:0!important;
    margin-right:0!important;
    transform:none!important;
    box-sizing:border-box!important;
  }

  body.ci-display-fix-active .ci-intro-split > .ci-intro-left > :where(.kiedc-maps-only),
  body.ci-display-fix-active .ci-intro-split > .ci-intro-left :where(.kiedc-maps-only){
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }

  body.ci-display-fix-active .ci-intro-split > .ci-intro-right{
    padding-left:0!important;
    padding-right:0!important;
    margin-left:0!important;
    margin-right:0!important;
  }
}

@media (min-width:1181px) and (max-width:1360px){
  body.ci-display-fix-active .ci-intro-split > .ci-intro-left{
    padding-left:clamp(18px, 2vw, 34px)!important;
  }
}

/* v1.1.2 — mikro-korekta po v1.1.1: przesunięcie lewej kolumny map jeszcze lekko w prawo.
   Tekst po prawej zostaje jak w poprzedniej, poprawnej wersji. */
@media (min-width:1181px){
  body.ci-display-fix-active .ci-intro-split > .ci-intro-left{
    padding-left:clamp(38px, 3.9vw, 82px)!important;
    padding-right:0!important;
  }
}

@media (min-width:1181px) and (max-width:1360px){
  body.ci-display-fix-active .ci-intro-split > .ci-intro-left{
    padding-left:clamp(26px, 2.6vw, 46px)!important;
  }
}


/* v1.1.4 — delikatna korekta po v1.1.3: kolumna map przesunięta minimalnie w prawo.
   Tekst po prawej zostaje bez ruszania. */
@media (min-width:1181px){
  body.ci-display-fix-active .ci-intro-split > .ci-intro-left{
    padding-left:clamp(56px, 4.85vw, 108px)!important;
    padding-right:0!important;
  }
}

@media (min-width:1181px) and (max-width:1360px){
  body.ci-display-fix-active .ci-intro-split > .ci-intro-left{
    padding-left:clamp(38px, 3.35vw, 64px)!important;
  }
}


/* v1.1.5 — kolejne delikatne przesunięcie lewej kolumny map w prawo.
   Tekst po prawej i układ mobilny pozostają bez zmian. */
@media (min-width:1181px){
  body.ci-display-fix-active .ci-intro-split > .ci-intro-left{
    padding-left:clamp(66px, 5.25vw, 122px)!important;
    padding-right:0!important;
  }
}

@media (min-width:1181px) and (max-width:1360px){
  body.ci-display-fix-active .ci-intro-split > .ci-intro-left{
    padding-left:clamp(46px, 3.8vw, 76px)!important;
  }
}


/* v1.1.8 — kolejne przesunięcie lewej kolumny map o taki sam krok jak poprzednio.
   Tekst po prawej, wysokości map i mobile pozostają bez zmian. */
@media (min-width:1181px){
  body.ci-display-fix-active .ci-intro-split{
    margin-left:auto!important;
    margin-right:auto!important;
    width:min(calc(100vw - (2 * var(--ci-pad-x))), var(--ci-wide-max))!important;
    max-width:var(--ci-wide-max)!important;
    box-sizing:border-box!important;
  }

  body.ci-display-fix-active .ci-intro-split > .ci-intro-left{
    padding-left:clamp(108px, 6.75vw, 170px)!important;
    padding-right:0!important;
    margin-left:0!important;
    margin-right:0!important;
    transform:none!important;
  }

  body.ci-display-fix-active .ci-intro-split > .ci-intro-right{
    padding-left:0!important;
    padding-right:0!important;
    margin-left:0!important;
    margin-right:0!important;
  }
}

@media (min-width:1181px) and (max-width:1360px){
  body.ci-display-fix-active .ci-intro-split > .ci-intro-left{
    padding-left:clamp(76px, 5.45vw, 112px)!important;
  }
}


/* v1.1.9 — delikatne rozszerzenie kolumny map w prawo.
   Zostawiamy dotychczasowe przesunięcie lewej kolumny, ale dajemy mapom więcej szerokości,
   a prawą kolumnę z tekstem przesuwamy naturalnie w prawo przez proporcję 54/46. */
@media (min-width:1181px){
  body.ci-display-fix-active .ci-intro-split{
    grid-template-columns:minmax(0, 1.08fr) minmax(0, .92fr)!important;
    gap:clamp(24px, 2.55vw, 46px)!important;
  }

  body.ci-display-fix-active .ci-intro-split > .ci-intro-left{
    padding-left:clamp(108px, 6.75vw, 170px)!important;
    padding-right:0!important;
  }

  body.ci-display-fix-active .ci-intro-split > .ci-intro-right{
    padding-left:clamp(6px, .65vw, 14px)!important;
    padding-right:0!important;
  }
}

@media (min-width:1181px) and (max-width:1360px){
  body.ci-display-fix-active .ci-intro-split{
    grid-template-columns:minmax(0, 1.06fr) minmax(0, .94fr)!important;
    gap:clamp(20px, 2.2vw, 34px)!important;
  }

  body.ci-display-fix-active .ci-intro-split > .ci-intro-left{
    padding-left:clamp(76px, 5.45vw, 112px)!important;
  }

  body.ci-display-fix-active .ci-intro-split > .ci-intro-right{
    padding-left:clamp(4px, .45vw, 10px)!important;
  }
}

/* v1.2.0 — dalsze rozszerzenie kolumny map w prawo.
   Mapa dostaje większy udział szerokości, a prawa kolumna tekstowa przesuwa się w prawo.
   Mobile/tablet bez zmian. */
@media (min-width:1181px){
  body.ci-display-fix-active .ci-intro-split{
    grid-template-columns:minmax(0, 1.18fr) minmax(0, .82fr)!important;
    gap:clamp(22px, 2.25vw, 40px)!important;
  }

  body.ci-display-fix-active .ci-intro-split > .ci-intro-left{
    padding-left:clamp(108px, 6.75vw, 170px)!important;
    padding-right:0!important;
  }

  body.ci-display-fix-active .ci-intro-split > .ci-intro-right{
    padding-left:clamp(18px, 1.15vw, 28px)!important;
    padding-right:0!important;
  }
}

@media (min-width:1181px) and (max-width:1360px){
  body.ci-display-fix-active .ci-intro-split{
    grid-template-columns:minmax(0, 1.14fr) minmax(0, .86fr)!important;
    gap:clamp(18px, 1.9vw, 30px)!important;
  }

  body.ci-display-fix-active .ci-intro-split > .ci-intro-left{
    padding-left:clamp(76px, 5.45vw, 112px)!important;
  }

  body.ci-display-fix-active .ci-intro-split > .ci-intro-right{
    padding-left:clamp(12px, .9vw, 20px)!important;
  }
}


/* v1.2.1 — tylko mapa w sektorze startowym: połowa obecnej szerokości w poziomie.
   Tekst po prawej, układ mobile/tablet i pozostałe sekcje bez zmian.
   Mniejszy obszar mapy = mniej kafli do dociągnięcia i szybsze pierwsze wyświetlenie. */
@media (min-width:1181px){
  body.ci-display-fix-active .ci-intro-split :where(.kiedc-maps-only){
    align-items:flex-end!important;
  }

  body.ci-display-fix-active .ci-intro-split :where(.kiedc-maps-only .kiedc-map-card){
    width:50%!important;
    max-width:50%!important;
    align-self:flex-end!important;
  }

  body.ci-display-fix-active .ci-intro-split :where(.kiedc-maps-only .kiedc-map-box){
    width:100%!important;
    max-width:100%!important;
  }
}

/* v1.2.2 — korekta: zmniejszenie mapy dotyczy pionu, nie poziomu.
   Przywrócona pełna szerokość kolumny map; wysokość ogranicza JS do ok. 50% poprzedniego rozmiaru.
   Mobile/tablet bez zmian. */
@media (min-width:1181px){
  body.ci-display-fix-active .ci-intro-split :where(.kiedc-maps-only){
    align-items:stretch!important;
  }

  body.ci-display-fix-active .ci-intro-split :where(.kiedc-maps-only .kiedc-map-card){
    width:100%!important;
    max-width:100%!important;
    align-self:stretch!important;
  }

  body.ci-display-fix-active .ci-intro-split :where(.kiedc-maps-only .kiedc-map-box){
    width:100%!important;
    max-width:100%!important;
  }
}


/* v1.2.3 — mapa skrócona w pionie o połowę i ustawiona od razu przed inicjalizacją Leaflet.
   Szerokość, tekst po prawej, układ desktop/mobile i pozostałe elementy bez zmian. */
@media (min-width:1181px){
  body.ci-display-fix-active :where(.kiedc-maps-only .kiedc-map-box),
  body.ci-display-fix-active .ci-intro-split :where(.kiedc-maps-only .kiedc-map-box){
    height:240px!important;
    min-height:240px!important;
    max-height:240px!important;
  }

  body.ci-display-fix-active :where(.kiedc-maps-only .leaflet-container),
  body.ci-display-fix-active .ci-intro-split :where(.kiedc-maps-only .leaflet-container){
    height:100%!important;
    min-height:100%!important;
  }

  body.ci-display-fix-active :where(.kiedc-maps-only){
    contain:layout paint!important;
  }
}

/* v1.2.4 — podwojone skrócenie mapy w pionie oraz automatyczne dopasowanie obramowania.
   Szerokość i układ tekstu zostają bez zmian; obramowanie nie trzyma pustej wysokości. */
@media (min-width:1181px){
  body.ci-display-fix-active :where(.kiedc-maps-only),
  body.ci-display-fix-active .ci-intro-split :where(.kiedc-maps-only){
    height:auto!important;
    min-height:0!important;
    align-self:start!important;
  }

  body.ci-display-fix-active :where(.kiedc-maps-only .kiedc-map-card),
  body.ci-display-fix-active .ci-intro-split :where(.kiedc-maps-only .kiedc-map-card){
    height:auto!important;
    min-height:0!important;
  }

  body.ci-display-fix-active :where(.kiedc-maps-only .kiedc-map-box),
  body.ci-display-fix-active .ci-intro-split :where(.kiedc-maps-only .kiedc-map-box){
    height:120px!important;
    min-height:120px!important;
    max-height:120px!important;
  }

  body.ci-display-fix-active :where(.kiedc-maps-only .leaflet-container),
  body.ci-display-fix-active .ci-intro-split :where(.kiedc-maps-only .leaflet-container){
    height:120px!important;
    min-height:120px!important;
    max-height:120px!important;
  }
}

/* v1.2.5 — właściwa korekta: lewa mapa/kod mapy ma mieć wysokość tekstu po prawej.
   Nie zmieniamy szerokości, przesunięć, tekstu ani mobile; kasujemy tylko zbyt małe 120px z v1.2.4. */
@media (min-width:1181px){
  body.ci-display-fix-active .ci-intro-split{
    align-items:stretch!important;
  }

  body.ci-display-fix-active .ci-intro-split > .ci-intro-left,
  body.ci-display-fix-active .ci-intro-split :where(.kiedc-maps-only){
    height:var(--ci-intro-left-h, auto)!important;
    min-height:var(--ci-intro-left-h, 260px)!important;
    align-self:stretch!important;
  }

  body.ci-display-fix-active .ci-intro-split :where(.kiedc-maps-only){
    display:flex!important;
    flex-direction:column!important;
    justify-content:stretch!important;
    align-items:stretch!important;
    padding-top:0!important;
    padding-bottom:0!important;
    contain:layout paint!important;
  }

  body.ci-display-fix-active .ci-intro-split :where(.kiedc-maps-only .kiedc-map-card){
    flex:1 1 auto!important;
    width:100%!important;
    max-width:100%!important;
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    overflow:hidden!important;
  }

  body.ci-display-fix-active .ci-intro-split :where(.kiedc-maps-only .kiedc-card-title){
    flex:0 0 auto!important;
  }

  body.ci-display-fix-active .ci-intro-split :where(.kiedc-maps-only .kiedc-map-box){
    flex:1 1 auto!important;
    width:100%!important;
    max-width:100%!important;
    min-height:145px!important;
    max-height:none!important;
  }

  body.ci-display-fix-active .ci-intro-split :where(.kiedc-maps-only .leaflet-container){
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    max-height:none!important;
  }
}

/* v1.2.6 — właściwy wymiar: mapa satelitarna/lewa mapa ma mieć połowę wysokości tekstu po prawej.
   Ramka i obramowanie dopasowują się do tej wysokości; szerokości, tekst i mobile bez zmian. */
@media (min-width:1181px){
  body.ci-display-fix-active .ci-intro-split{
    align-items:flex-start!important;
  }

  body.ci-display-fix-active .ci-intro-split > .ci-intro-left,
  body.ci-display-fix-active .ci-intro-split :where(.kiedc-maps-only){
    height:var(--ci-intro-left-h, 240px)!important;
    min-height:var(--ci-intro-left-h, 240px)!important;
    max-height:var(--ci-intro-left-h, 240px)!important;
    align-self:flex-start!important;
    overflow:hidden!important;
  }

  body.ci-display-fix-active .ci-intro-split :where(.kiedc-maps-only){
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    align-items:stretch!important;
    padding-top:0!important;
    padding-bottom:0!important;
  }

  body.ci-display-fix-active .ci-intro-split :where(.kiedc-maps-only .kiedc-map-card){
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    width:100%!important;
    max-width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    margin-bottom:0!important;
  }

  body.ci-display-fix-active .ci-intro-split :where(.kiedc-maps-only .kiedc-card-title){
    flex:0 0 auto!important;
    margin-bottom:8px!important;
  }

  body.ci-display-fix-active .ci-intro-split :where(.kiedc-maps-only .kiedc-map-box){
    flex:1 1 auto!important;
    width:100%!important;
    max-width:100%!important;
    height:var(--ci-map-box-h, 150px)!important;
    min-height:90px!important;
    max-height:var(--ci-map-box-h, 150px)!important;
  }

  body.ci-display-fix-active .ci-intro-split :where(.kiedc-maps-only .leaflet-container){
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    max-height:100%!important;
  }
}

/* v1.2.7 — usuwa pustą przestrzeń pod mapą satelitarną.
   Blok z mapą animowaną wstawiony pod mapą ma zaczynać się od razu pod nią,
   dlatego wysokość 50% tekstu dotyczy tylko .kiedc-maps-only, a nie całej lewej kolumny. */
@media (min-width:1181px){
  body.ci-display-fix-active .ci-intro-split > .ci-intro-left{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    align-self:flex-start!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    gap:0!important;
  }

  body.ci-display-fix-active .ci-intro-split > .ci-intro-left > *{
    margin-top:0!important;
    margin-bottom:0!important;
  }

  body.ci-display-fix-active .ci-intro-split > .ci-intro-left > * + *{
    margin-top:8px!important;
  }

  body.ci-display-fix-active .ci-intro-split > .ci-intro-left > :where(.wp-block-html, .wp-block-custom-html),
  body.ci-display-fix-active .ci-intro-split > .ci-intro-left > :where(.wp-block-html, .wp-block-custom-html) > *{
    width:100%!important;
    max-width:100%!important;
  }

  body.ci-display-fix-active .ci-intro-split > .ci-intro-left :where(.kiedc-maps-only){
    height:var(--ci-intro-left-h, 240px)!important;
    min-height:var(--ci-intro-left-h, 240px)!important;
    max-height:var(--ci-intro-left-h, 240px)!important;
    overflow:hidden!important;
    flex:0 0 auto!important;
  }
}


/* v1.2.8 — odwrotna kolejność lewej kolumny: własny kod HTML nad mapą satelitarną.
   Mapa zostaje bezpośrednio pod kodem HTML, bez dużej pustej przestrzeni. */
@media (min-width:1181px){
  body.ci-display-fix-active .ci-intro-split > .ci-intro-left{
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    gap:0!important;
  }

  body.ci-display-fix-active .ci-intro-split > .ci-intro-left > *{
    margin-top:0!important;
    margin-bottom:0!important;
  }

  body.ci-display-fix-active .ci-intro-split > .ci-intro-left > * + *{
    margin-top:8px!important;
  }
}


/* v1.3.0 — całkowite usunięcie mapy satelitarnej z sektora startowego.
   Zostaje własny kod HTML po lewej i opis po prawej. */
body.ci-display-fix-active .ci-satellite-removed :where(.kiedc-maps-only),
body.ci-display-fix-active :where(.kiedc-maps-only.ci-remove-satellite),
body.ci-display-fix-active > :where(.kiedc-maps-only){
  display:none!important;
  visibility:hidden!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
}

@media (min-width:1181px){
  body.ci-display-fix-active .ci-intro-split.ci-satellite-removed > .ci-intro-left{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
  }

  body.ci-display-fix-active .ci-intro-split.ci-satellite-removed > .ci-intro-left > *{
    margin-top:0!important;
    margin-bottom:0!important;
  }
}