/* === HOTFIX: cards without hard #grid dependency === */

/* Karta */
.grid li.grid-item, li.grid-item, #grid li.grid-item {
  position: relative !important;
  display: block !important;
  list-style: none !important;
  width: 270px !important;
  height: 380px !important;
  overflow: hidden !important;
}

/* Ramka z obrazkiem na ::before */
.grid li.grid-item::before, li.grid-item::before, #grid li.grid-item::before {
  content: "" !important;
  position: absolute !important;
  z-index: 9 !important;
  inset: -2px !important;
  background-image: url("/wp-content/uploads/2024/02/speaker_card_white.png") !important; /* podmień, jeśli plik jest gdzie indziej */
  background-size: cover !important;
  background-repeat: no-repeat !important;
  pointer-events: none !important;
}

/* Wrapper */
.grid .wrapper-information, .wrapper-information, #grid .wrapper-information {
  position: relative !important;
  width: 270px !important;
  height: 380px !important;
}

/* Górna część z obrazkiem */
.grid .part1, .part1, #grid .part1 {
  overflow: hidden !important;
  height: 239.391px !important;
}
.grid img.image-url, img.image-url, #grid img.image-url {
  display: block !important;
  width: 270px !important;
  height: 240px !important;
  object-fit: cover !important;
}

/* Overlay – wyłącz */
.grid li.grid-item .part1 .overlay,
li.grid-item .part1 .overlay,
#grid li.grid-item .part1 .overlay {
  opacity: 0 !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

/* Sekcja dolna */
.grid .part2, .part2, #grid .part2 {
  height: 140.594px !important;
}

/* Tytuły – jak na starej stronie były wyrównane do lewej */
.grid .offer-title, .offer-title, #grid .offer-title {
  font-family: MontserratBold, Montserrat, sans-serif !important;
  font-size: 18px !important;
  line-height: 24px !important;
  font-weight: 700 !important;
  color: #ff2e00 !important;
  -webkit-text-fill-color: #ff2e00 !important;
  text-align: left !important;
  width: 250px !important;
  margin: 0 !important;
  padding: 0 !important;
}
.grid .offer-title2, .offer-title2, #grid .offer-title2 {
  font-family: Montserrat, sans-serif !important;
  font-size: 14px !important;
  line-height: 18px !important;
  font-weight: 400 !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  text-align: left !important;
  width: 250px !important;
  height: 36px !important;
  margin: 0 !important;
  overflow: visible !important;
}

/* Ikony językowe */
.grid .lang-icons, .lang-icons, #grid .lang-icons {
  position: absolute !important;
  z-index: 9999 !important;
  top: 10px !important;
  left: 10px !important;
  display: flex !important;
  gap: 4px !important;
}
.grid .lang-icons img.tool-tip, .lang-icons img.tool-tip, #grid .lang-icons img.tool-tip {
  display: block !important;
  width: 21px !important;
  height: 22px !important;
}

/* Separator */
.grid .separator, .separator, #grid .separator {
  width: 125px !important;
  height: 2px !important;
  margin: 10px 0 !important;
  background: #000 !important;
}

/* „Bezpieczniki” widoczności, niezależnie od wrappera */
li.grid-item .personal-info-container {
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 99999 !important;
  mix-blend-mode: normal !important;
}

/* Mobile dopięcie (opcjonalnie) */
@media (max-width: 767px) {
  li.grid-item, .wrapper-information { width: 270px !important; }
}