/* ===== ofertaaaa ===== */
.wt-oferta{
  padding: 70px 0;
  background: #fff;
}

.wt-oferta__inner{
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 16px;
}

.wt-oferta__title{
  text-align: center;
  margin: 0 0 28px;
  font-size: clamp(26px, 2.4vw, 40px);
  line-height: 1.1;
  font-weight: 800;
  color: #0b1f24;
}

/* list */
.wt-oferta__list{
  display: grid;
  gap: 18px;
}

/* item card */
.wt-oferta__item{
  border: 1px solid rgba(12, 42, 46, 0.12);
  border-radius: 5px;
  background: rgba(14, 64, 72, 0.03);
  box-shadow: 0 12px 26px rgba(0,0,0,.06);
  overflow: hidden;
}

.wt-oferta__grid{
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 18px;
  align-items: center;
  padding: 22px;
}

/* zamiana stron obrazka */
.wt-oferta__item--img-left .wt-oferta__col--media{ order: 1; }
.wt-oferta__item--img-left .wt-oferta__col--text{ order: 2; }

.wt-oferta__item--img-right .wt-oferta__col--text{ order: 1; }
.wt-oferta__item--img-right .wt-oferta__col--media{ order: 2; }

/* text */
.wt-oferta__secTitle{
  margin: 0 0 10px;
  font-size: clamp(18px, 1.6vw, 26px);
  line-height: 1.2;
  font-weight: 800;
  color: #0b1f24;
}

.wt-oferta__secText{
  color: rgba(11, 31, 36, 0.78);
  line-height: 1.75;
  font-size: 14px;
}

.wt-oferta__secText p{ margin: 0 0 12px; }

/* image */
.wt-oferta__imgWrap{
  border-radius: 0px;
  overflow: hidden;
  border: 0px solid rgba(12, 42, 46, 0.12);
  background: #0b1f24;
}

.wt-oferta__img{
  width: 100%;
  height: 100%;
  display: block;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

/* responsive */
@media (max-width: 900px){
  .wt-oferta__grid{
    grid-template-columns: 1fr;
    padding: 18px;
  }

  .wt-oferta__item--img-left .wt-oferta__col--media,
  .wt-oferta__item--img-left .wt-oferta__col--text,
  .wt-oferta__item--img-right .wt-oferta__col--text,
  .wt-oferta__item--img-right .wt-oferta__col--media{
    order: initial;
  }
}


.wt-oferta__grid{
  display: grid;
  grid-template-columns: 1fr 1fr; /* 50/50 */
  gap: 18px;
  align-items: center;
  padding: 22px;
}

.wt-oferta__img{
  width: 100%;
  display: block;
  aspect-ratio: 16 / 10; /* bardziej panoramiczne */
  object-fit: cover;
}


/* MOBILE: kolumny 100% + zdjęcie 100% */
@media (max-width: 900px){
  .wt-oferta__grid{
    grid-template-columns: 1fr;   /* 100% */
    gap: 14px;
    padding: 16px;
  }

  /* na mobile zawsze: najpierw tekst, potem zdjęcie */
  .wt-oferta__item--img-left .wt-oferta__col--media,
  .wt-oferta__item--img-right .wt-oferta__col--media{
    order: 2;
  }

  .wt-oferta__item--img-left .wt-oferta__col--text,
  .wt-oferta__item--img-right .wt-oferta__col--text{
    order: 1;
  }

  .wt-oferta__imgWrap{
    width: 100%;
  }

  .wt-oferta__img{
    width: 100%;
    height: auto;          /* ważne */
    aspect-ratio: 16 / 10; /* opcjonalnie, żeby równo wyglądało */
    object-fit: cover;
    display: block;
  }
}


.wukkklld .wt-projects__cta {
display: none;	
	
}


/* ===== Dropdown / wysuwane menu ===== */
.wt-header__nav .wt-menu{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 22px;
  align-items: center;
}

.wt-header__nav .wt-menu > li{
  position: relative;
}

.wt-header__nav .wt-menu a{
  color: #fff;
  text-decoration: none;
  font-weight: 400;
  letter-spacing: .2px;
  padding: 10px 10px;
  display: inline-flex;
  align-items: center;
  border-radius: 10px;
  transition: background-color .15s ease, color .15s ease;
}

.wt-header__nav .wt-menu a:hover{
  background: rgba(255,255,255,.10);
}

/* strzałka dla itemów z submenu */
.wt-header__nav .wt-menu > li.menu-item-has-children > a::after{
  content: "▾";
  font-size: 12px;
  margin-left: 8px;
  opacity: .9;
}

/* submenu box */
.wt-header__nav .sub-menu{
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  min-width: 260px;

  margin: 0;
  padding: 10px;
  list-style: none;

  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(6, 24, 28, 0.92);         /* ciemny teal */
  backdrop-filter: blur(8px);

  box-shadow: 0 18px 44px rgba(0,0,0,.35);

  opacity: 0;
  visibility: hidden;
  transform: translateY(6px);
  transition: opacity .15s ease, transform .15s ease, visibility .15s ease;
  z-index: 9999;
}

/* linki w submenu */
.wt-header__nav .sub-menu li a{
  display: block;
  padding: 10px 12px;
  border-radius: 10px;
  color: rgba(255,255,255,.92);
  font-weight: 400;
  white-space: nowrap;
}

.wt-header__nav .sub-menu li a:hover{
  background: rgba(122, 190, 60, 0.16);      /* zielony akcent */
  color: #fff;
}

/* pokaz submenu na hover + na focus (klawiatura) */
.wt-header__nav .wt-menu > li.menu-item-has-children:hover > .sub-menu,
.wt-header__nav .wt-menu > li.menu-item-has-children:focus-within > .sub-menu{
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* mały "odstęp" żeby kursor nie gubił hover */
.wt-header__nav .wt-menu > li.menu-item-has-children::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:100%;
  height:12px;
}

/* aktywny element */
.wt-header__nav .wt-menu .current-menu-item > a,
.wt-header__nav .wt-menu .current_page_item > a{
  background: rgba(255,255,255,.12);
}

/* accessibility focus */
.wt-header__nav .wt-menu a:focus{ outline: none; }
.wt-header__nav .wt-menu a:focus-visible{
  outline: 3px solid rgba(122,190,60,.35);
  outline-offset: 3px;
}

/* ===== Mobile: submenu jako lista (bez hover) ===== */
@media (max-width: 900px){
  .wt-header__nav .wt-menu{
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }

  .wt-header__nav .sub-menu{
    position: static;
    opacity: 1;
    visibility: visible;
    transform: none;
    box-shadow: none;
    border-radius: 12px;
    min-width: 0;
    width: 100%;
    padding: 8px;
    margin: 6px 0 0 0;
    background: rgba(6, 24, 28, 0.55);
  }

  .wt-header__nav .wt-menu > li.menu-item-has-children::after{
    display: none;
  }

  .wt-header__nav .sub-menu li a{
    white-space: normal;
  }
}

/* ===== Mobile: submenu zwijane (klikane) ===== */
@media (max-width: 900px){
  /* ===== Mobile menu styles (wt-menu--mobile) ===== */
/* ===== MOBILE HEADER PANEL (działa z Twoim skryptem) ===== */

.wt-burger{
  display: none;
  width: 46px;
  height: 46px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(0,0,0,.18);
  border-radius: 12px;
  cursor: pointer;
  position: relative;
  padding: 0;
}

.wt-burger span{
  position: absolute;
  left: 11px;
  right: 11px;
  height: 2px;
  background: #fff;
  border-radius: 2px;
  transition: transform .18s ease, top .18s ease, opacity .18s ease;
}

.wt-burger span:nth-child(1){ top: 15px; }
.wt-burger span:nth-child(2){ top: 22px; }
.wt-burger span:nth-child(3){ top: 29px; }

.wt-burger.is-open span:nth-child(1){
  top: 22px;
  transform: rotate(45deg);
}
.wt-burger.is-open span:nth-child(2){
  opacity: 0;
}
.wt-burger.is-open span:nth-child(3){
  top: 22px;
  transform: rotate(-45deg);
}

/* panel */
.wt-mobile{
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  z-index: 9999;

  padding: 14px 14px 18px;

  border-top: 1px solid rgba(255,255,255,.12);
  background: rgba(6, 24, 28, 0.92);
  backdrop-filter: blur(10px);

  box-shadow: 0 24px 70px rgba(0,0,0,.45);
}

.wt-mobile__inner{
  max-width: 1100px;
  margin: 0 auto;
}

/* menu list */
.wt-menu--mobile{
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
}

.wt-menu--mobile > li{ position: relative; }

.wt-menu--mobile a{
  display: flex;
  align-items: center;
  justify-content: space-between;

  padding: 10px 12px;
  border-radius: 12px;

  color: #fff;
  text-decoration: none;
  font-weight: 650;

  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  transition: background-color .15s ease, border-color .15s ease;
}

.wt-menu--mobile a:hover{
  background: rgba(255,255,255,.10);
  border-color: rgba(255,255,255,.16);
}

/* active */
.wt-menu--mobile .current-menu-item > a,
.wt-menu--mobile .current_page_item > a{
  background: rgba(122,190,60,.14);
  border-color: rgba(122,190,60,.28);
}

/* parent arrow */
.wt-menu--mobile > li.menu-item-has-children > a::after{
  content: "▾";
  margin-left: 10px;
  font-size: 12px;
  opacity: .9;
}

/* submenu (na mobile jako lista pod spodem) */
.wt-menu--mobile .sub-menu{
  list-style: none;
  margin: 8px 0 0;
  padding: 8px;
  border-radius: 12px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.10);

  display: grid;
  gap: 6px;
}

.wt-menu--mobile .sub-menu a{
  justify-content: flex-start;
  gap: 10px;
  background: rgba(0,0,0,.15);
  border-color: rgba(255,255,255,.10);
  white-space: normal;
}

.wt-menu--mobile .sub-menu a:hover{
  background: rgba(122,190,60,.14);
  border-color: rgba(122,190,60,.26);
}

/* CTA w mobile panelu */
.wt-btn--mobile{
  display: inline-flex;
  justify-content: center;
  width: 100%;
  margin-top: 14px;
}

/* breakpoint: pokaz burger, schowaj desktop menu/cta */
@media (max-width: 980px){
  .wt-header__nav{ display: none; }
  .wt-header__cta--desktop{ display: none; }
  .wt-burger{ display: inline-block; }
}
}

/* MOBILE: burger po prawej */
@media (max-width: 980px){
  .wt-header{
    position: relative;
  }

  .wt-burger{
    position: absolute;
    right: 14px;
    top: 80%;
    transform: translateY(-50%);
    margin-left: auto;
  }

  /* jeśli logo ma być po lewej i nie ma nachodzenia */
  .wt-header__logo{
    margin-right: 0px; /* zostaw miejsce na burger */
  }
}