/* INDEX CMS IMAGES + FIXES */

/* HERO buttons from CMS */
.elm-hero-buttons{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:26px;
}

.elm-hero-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 18px;
  text-decoration:none;
  font-weight:950;
  border-radius:999px;
  transition:.22s ease;
}

.elm-hero-btn.primary{
  color:#17130b;
  background:linear-gradient(135deg,#f3d98d,#c8a45d,#8f6b2b);
  box-shadow:0 18px 44px rgba(156,120,52,.34);
}

.elm-hero-btn.secondary{
  color:#fff;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.20);
  backdrop-filter:blur(14px);
}

.elm-hero-btn:hover{
  transform:translateY(-3px);
}

/* POPRAWKA: Nowy sposób przeglądania — zdjęcie i tekst do krawędzi */
.elm-editorial.elm-editorial-fixed{
  padding:0!important;
  gap:0!important;
  border-radius:44px!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,#05070c,#111827 50%,#2b2116)!important;
  border:1px solid rgba(243,217,141,.20)!important;
}

.elm-editorial-fixed .elm-editorial-photo{
  margin:0!important;
  padding:0!important;
  border:0!important;
  min-height:560px!important;
  box-shadow:none!important;
}

.elm-editorial-fixed .elm-editorial-photo img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
}

.elm-editorial-fixed .elm-editorial-text{
  margin:0!important;
  min-height:560px!important;
  padding:56px!important;
  box-shadow:none!important;
  border:0!important;
  background:
    radial-gradient(circle at 90% 0%,rgba(243,217,141,.26),transparent 35%),
    linear-gradient(135deg,#05070c,#111827 56%,#2b2116)!important;
}

/* MAPA — opcjonalne zdjęcie z CMS jako tło */
.elm-map-fixed .elm-map-box{
  background:
    linear-gradient(180deg,rgba(5,7,12,.58),rgba(5,7,12,.78)),
    var(--map-bg),
    linear-gradient(135deg,#0f172a,#111827)!important;
  background-size:cover!important;
  background-position:center!important;
}

/* POPRAWKA: Masz już kierunek? tekst biały */
.elm-final.elm-final-fixed{
  color:#fff!important;
  background:
    radial-gradient(circle at 50% 0%,rgba(243,217,141,.20),transparent 38%),
    linear-gradient(135deg,#05070c,#111827 55%,#2b2116)!important;
  border-radius:44px!important;
  padding:58px 24px!important;
  box-shadow:0 40px 140px rgba(0,0,0,.22)!important;
}

.elm-final-fixed span,
.elm-final-fixed h2,
.elm-final-fixed p{
  color:#fff!important;
}

.elm-final-fixed span{
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(243,217,141,.24)!important;
  color:#f3d98d!important;
}

.elm-final-fixed a{
  color:#17130b!important;
  background:linear-gradient(135deg,#f3d98d,#c8a45d,#8f6b2b)!important;
}

/* Responsywność */
@media(max-width:900px){
  .elm-editorial.elm-editorial-fixed{
    grid-template-columns:1fr!important;
  }

  .elm-editorial-fixed .elm-editorial-photo,
  .elm-editorial-fixed .elm-editorial-text{
    min-height:auto!important;
  }

  .elm-editorial-fixed .elm-editorial-photo{
    height:360px!important;
  }

  .elm-editorial-fixed .elm-editorial-text{
    padding:34px!important;
  }
}

@media(max-width:560px){
  .elm-hero-buttons{
    flex-direction:column;
  }

  .elm-hero-btn{
    width:100%;
  }

  .elm-editorial-fixed .elm-editorial-photo{
    height:280px!important;
  }

  .elm-editorial-fixed .elm-editorial-text{
    padding:26px!important;
  }

  .elm-final.elm-final-fixed{
    border-radius:28px!important;
    padding:40px 18px!important;
  }
}