/* v81 — Kontakt clean split: nowe klasy + awaryjne style dla starego markupu */

/* Globalny wybrany przycisk: wariant 1 — klasyczny kontur premium */
.button-ghost,
#kontakt .button-ghost {
  border: 1px solid rgba(201,139,43,.62) !important;
  background: rgba(255,255,255,.84) !important;
  color: var(--ink) !important;
  box-shadow: 0 10px 24px rgba(77,58,29,.035) !important;
}
.button-ghost::after,
#kontakt .button-ghost::after {
  color: var(--gold-dark) !important;
  font-weight: 700 !important;
}
.button-ghost:hover,
#kontakt .button-ghost:hover {
  border-color: rgba(188,132,42,.95) !important;
  background: rgba(255,252,247,.96) !important;
  color: var(--ink) !important;
  box-shadow: 0 16px 34px rgba(77,58,29,.07) !important;
}

/* Sekcja: działa dla nowego ds-contact-v81, poprzedniego ds-contact-v80 i starego .contact */
#kontakt.ds-contact-v81,
#kontakt.ds-contact-v80,
#kontakt.contact {
  background: linear-gradient(135deg, #fff8ee 0%, #fff 52%, #f6ecdc 100%) !important;
  padding-top: 104px !important;
  padding-bottom: 104px !important;
}

/* Główny split */
.ds-contact-v81__wrap,
.ds-contact-v80__wrap,
#kontakt .contact-grid {
  width: min(1160px, calc(100% - 44px)) !important;
  margin-inline: auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, .86fr) minmax(480px, 1.04fr) !important;
  gap: clamp(52px, 6vw, 86px) !important;
  align-items: start !important;
}

.ds-contact-v81__copy,
.ds-contact-v80__copy,
#kontakt .contact-copy {
  padding-top: 0 !important;
  max-width: 560px !important;
}

.ds-contact-v81__copy .eyebrow,
.ds-contact-v80__copy .eyebrow,
#kontakt .contact-copy .eyebrow {
  justify-content: flex-start !important;
  margin-bottom: 24px !important;
}

.ds-contact-v81__copy h2,
.ds-contact-v80__copy h2,
#kontakt .contact-copy h2 {
  max-width: 590px !important;
  margin: 0 !important;
  font-family: var(--font-display) !important;
  font-size: clamp(34px, 4.2vw, 56px) !important;
  font-weight: 600 !important;
  line-height: .98 !important;
  letter-spacing: -.025em !important;
  text-wrap: balance !important;
}

.ds-contact-v81__copy > p,
.ds-contact-v80__copy > p,
#kontakt .contact-copy > p {
  margin: 28px 0 34px !important;
  max-width: 600px !important;
  font-size: 17px !important;
  line-height: 1.78 !important;
  text-align: left !important;
  color: #4f473d !important;
}

/* Lekkie dane kontaktowe — bez ciężkich kafli */
.ds-contact-v81__details,
.ds-contact-v80__details,
#kontakt .contact-list {
  display: grid !important;
  gap: 0 !important;
  border-top: 1px solid rgba(201,139,43,.20) !important;
  border-bottom: 1px solid rgba(201,139,43,.20) !important;
  background: transparent !important;
}

.ds-contact-v81__detail,
.ds-contact-v80__detail,
#kontakt .contact-item {
  display: grid !important;
  grid-template-columns: 44px minmax(0,1fr) !important;
  gap: 18px !important;
  align-items: center !important;
  min-height: 92px !important;
  padding: 22px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(201,139,43,.14) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: inherit !important;
}
.ds-contact-v81__detail:last-child,
.ds-contact-v80__detail:last-child,
#kontakt .contact-item:last-child {
  border-bottom: 0 !important;
}
.ds-contact-v81__detail:hover,
.ds-contact-v80__detail:hover,
#kontakt .contact-item:hover {
  transform: none !important;
  border-color: rgba(201,139,43,.20) !important;
}

.ds-contact-v81__icon,
.ds-contact-v80__icon,
#kontakt .contact-icon {
  width: 44px !important;
  height: 44px !important;
  border-radius: 999px !important;
  display: grid !important;
  place-items: center !important;
  background: rgba(201,139,43,.075) !important;
  border: 1px solid rgba(201,139,43,.22) !important;
  color: var(--gold-dark) !important;
  font-size: 18px !important;
  line-height: 1 !important;
}
.ds-contact-v81__icon svg,
.ds-contact-v80__icon svg,
#kontakt .contact-icon svg {
  width: 22px !important;
  height: 22px !important;
  display: block !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.65 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.ds-contact-v81__detail strong,
.ds-contact-v80__detail strong,
#kontakt .contact-item strong {
  display: block !important;
  margin: 0 0 5px !important;
  color: var(--gold-dark) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
}

.ds-contact-v81__detail em,
.ds-contact-v80__detail em,
#kontakt .contact-item a,
#kontakt .contact-item span:not(.contact-icon) {
  color: #2d2924 !important;
  font-style: normal !important;
  font-weight: 800 !important;
  font-size: 16.5px !important;
  line-height: 1.25 !important;
}
.ds-contact-v81__detail small,
.ds-contact-v80__detail small,
#kontakt .contact-item small {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  margin-top: 7px !important;
  color: #6b6257 !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  letter-spacing: .01em !important;
  line-height: 1.35 !important;
}
.ds-contact-v81__detail small::before,
.ds-contact-v80__detail small::before,
#kontakt .contact-item small::before {
  content: "" !important;
  width: 18px !important;
  height: 1px !important;
  flex: 0 0 18px !important;
  background: rgba(201,139,43,.45) !important;
}

/* Formularz — lżejszy split editorial, nie ciężki kafel */
.ds-contact-v81__form,
.ds-contact-v80__form,
#kontakt .contact-form {
  position: relative !important;
  padding: clamp(28px, 3.4vw, 46px) !important;
  border: 1px solid rgba(224,205,181,.92) !important;
  border-radius: 32px !important;
  background: rgba(255,255,255,.62) !important;
  box-shadow: 0 22px 60px rgba(68,45,16,.055) !important;
  margin-top: 50px !important;
}
.ds-contact-v81__form::before,
.ds-contact-v80__form::before,
#kontakt .contact-form::before {
  content: "" !important;
  position: absolute !important;
  inset: 12px !important;
  border: 1px solid rgba(232,221,208,.78) !important;
  border-radius: 22px !important;
  pointer-events: none !important;
}

.ds-contact-v81__form-grid,
.ds-contact-v80__form-grid,
#kontakt .form-row {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  gap: 18px !important;
}

.ds-contact-v81__form label,
.ds-contact-v80__form label,
#kontakt .contact-form label {
  position: relative !important;
  display: grid !important;
  gap: 10px !important;
  color: #50483d !important;
  font-weight: 850 !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
}

.ds-contact-v81__form input,
.ds-contact-v81__form textarea,
.ds-contact-v80__form input,
.ds-contact-v80__form textarea,
#kontakt .contact-form input,
#kontakt .contact-form textarea {
  width: 100% !important;
  border: 1px solid rgba(201,139,43,.30) !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.78) !important;
  color: var(--ink) !important;
  font: inherit !important;
  padding: 15px 17px !important;
  min-height: 54px !important;
  outline: 0 !important;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease !important;
}
.ds-contact-v81__form textarea,
.ds-contact-v80__form textarea,
#kontakt .contact-form textarea {
  min-height: 160px !important;
  resize: vertical !important;
}
.ds-contact-v81__form input:focus,
.ds-contact-v81__form textarea:focus,
.ds-contact-v80__form input:focus,
.ds-contact-v80__form textarea:focus,
#kontakt .contact-form input:focus,
#kontakt .contact-form textarea:focus {
  border-color: rgba(188,132,42,.82) !important;
  background: rgba(255,255,255,.94) !important;
  box-shadow: 0 0 0 4px rgba(201,139,43,.09) !important;
}

.ds-contact-v81__footer,
.ds-contact-v80__footer,
#kontakt .contact-form .form-actions {
  margin-top: 18px !important;
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
}
.ds-contact-v81__submit,
.ds-contact-v80__submit,
#kontakt .contact-form button {
  min-width: 230px !important;
  min-height: 52px !important;
  justify-content: space-between !important;
  border-radius: 13px !important;
  padding-inline: 20px !important;
}
.ds-contact-v81__footer p,
.ds-contact-v80__footer p,
#kontakt .contact-form .form-note {
  margin: 0 !important;
  color: #6a6258 !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}

#kontakt .honeypot { display:none !important; }
#kontakt .form-message { margin-bottom: 18px !important; }

@media (max-width: 980px) {
  .ds-contact-v81__wrap,
  .ds-contact-v80__wrap,
  #kontakt .contact-grid {
    grid-template-columns: 1fr !important;
    gap: 46px !important;
  }
  .ds-contact-v81__copy,
  .ds-contact-v80__copy,
  #kontakt .contact-copy,
  .ds-contact-v81__copy h2,
  .ds-contact-v80__copy h2,
  #kontakt .contact-copy h2,
  .ds-contact-v81__copy > p,
  .ds-contact-v80__copy > p,
  #kontakt .contact-copy > p {
    max-width: none !important;
  }
  .ds-contact-v81__form,
  .ds-contact-v80__form,
  #kontakt .contact-form {
    margin-top: 0 !important;
  }
}

@media (max-width: 680px) {
  #kontakt.ds-contact-v81,
  #kontakt.ds-contact-v80,
  #kontakt.contact {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
  .ds-contact-v81__copy h2,
  .ds-contact-v80__copy h2,
  #kontakt .contact-copy h2 {
    font-size: clamp(34px, 9vw, 46px) !important;
  }
  .ds-contact-v81__form,
  .ds-contact-v80__form,
  #kontakt .contact-form {
    padding: 24px !important;
    border-radius: 24px !important;
  }
  .ds-contact-v81__form::before,
  .ds-contact-v80__form::before,
  #kontakt .contact-form::before {
    inset: 9px !important;
    border-radius: 17px !important;
  }
  .ds-contact-v81__form-grid,
  .ds-contact-v80__form-grid,
  #kontakt .form-row {
    grid-template-columns: 1fr !important;
  }
  .ds-contact-v81__footer,
  .ds-contact-v80__footer,
  #kontakt .contact-form .form-actions {
    display: grid !important;
  }
  .ds-contact-v81__submit,
  .ds-contact-v80__submit,
  #kontakt .contact-form button {
    width: 100% !important;
  }
}