/*
 * Pisanie Bez Stresu — contact and thank-you pages.
 * Requires pbs-home.css.
 */

.pbs-page-contact .pbs-standard-page,
.pbs-page-thankyou .pbs-standard-page {
  min-height: 0;
  padding: 0;
}

.pbs-page-contact .pbs-standard-page > .et-boc,
.pbs-page-contact .pbs-standard-page > .et_builder_inner_content,
.pbs-page-thankyou .pbs-standard-page > .et-boc,
.pbs-page-thankyou .pbs-standard-page > .et_builder_inner_content {
  width: 100%;
  max-width: none;
}

/* Contact page */
.pbs-contact-page-section {
  min-height: 720px;
  padding: 52px 0 42px !important;
  background:
    radial-gradient(circle at 88% 14%, rgba(220, 230, 218, 0.27), transparent 25%),
    radial-gradient(circle at 9% 88%, rgba(137, 168, 195, 0.12), transparent 27%) !important;
}

.pbs-contact-page-section::before {
  position: absolute;
  z-index: 0;
  top: -30px;
  right: -55px;
  width: 330px;
  height: 430px;
  content: "";
  background: url("../images/dekor-galaz-pionowa.webp") top right / contain no-repeat;
  opacity: 0.66;
  pointer-events: none;
}

.pbs-contact-page-section::after {
  position: absolute;
  z-index: 0;
  bottom: -85px;
  left: -70px;
  width: 250px;
  height: 360px;
  content: "";
  background: url("../images/dekor-narozna-pionowa.webp") left bottom / contain no-repeat;
  opacity: 0.25;
  pointer-events: none;
}

.pbs-contact-page-section > .et_pb_row {
  position: relative;
  z-index: 1;
}

.pbs-contact-intro-row {
  margin-bottom: 25px !important;
}

.pbs-contact-intro {
  position: relative;
  max-width: 760px;
}

.pbs-contact-intro h1 {
  margin-bottom: 16px;
  padding: 0;
  font-size: clamp(52px, 5.8vw, 78px);
  line-height: 1;
}

.pbs-contact-intro > .et_pb_text_inner > p:not(.pbs-kicker, .pbs-contact-values) {
  max-width: 620px;
  margin: 0;
  padding: 0;
  color: var(--pbs-text);
  font-size: 16px;
  line-height: 1.7;
}

.pbs-contact-values {
  display: flex;
  flex-wrap: wrap;
  gap: 11px;
  align-items: center;
  margin: 22px 0 0 !important;
  padding: 0 !important;
  color: var(--pbs-navy-deep);
  font-family: var(--pbs-font-heading);
  font-size: 16px;
}

.pbs-contact-values span {
  color: var(--pbs-gold);
}

.pbs-contact-feather-line {
  position: absolute;
  right: -260px;
  bottom: -15px;
  width: 340px;
  height: 80px;
  background: url("../images/separator-serce-koniec.svg") right center / contain no-repeat;
  opacity: 0.88;
}

.pbs-contact-layout-row {
  display: grid;
  grid-template-columns: minmax(0, 1.58fr) minmax(315px, 0.86fr);
  gap: clamp(36px, 5vw, 76px);
  align-items: stretch;
}

.pbs-contact-layout-row > .et_pb_column {
  width: auto !important;
}

.pbs-contact-form-column {
  min-width: 0;
}

.pbs-contact-form-wrap {
  padding: clamp(27px, 3.4vw, 42px);
  border: 1px solid var(--pbs-line);
  border-radius: var(--pbs-radius);
  background: rgba(255, 253, 249, 0.91);
  box-shadow: 0 18px 50px rgba(18, 55, 97, 0.055);
}

.pbs-contact-form {
  position: relative;
}

.pbs-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}

.pbs-form-field {
  margin-bottom: 18px;
}

.pbs-form-field--half {
  width: calc(50% - 10px);
}

.pbs-form-field label {
  display: block;
  margin-bottom: 7px;
  color: var(--pbs-navy-deep);
  font-family: var(--pbs-font-heading);
  font-size: 15px;
  line-height: 1.35;
}

.pbs-form-field label > span[aria-hidden="true"] {
  color: var(--pbs-gold);
}

.pbs-field-optional {
  color: var(--pbs-muted);
  font-family: var(--pbs-font-body);
  font-size: 11px;
  font-weight: 400;
}

.pbs-contact-form input[type="text"],
.pbs-contact-form input[type="email"],
.pbs-contact-form input[type="tel"],
.pbs-contact-form input[type="file"],
.pbs-contact-form textarea {
  width: 100%;
  border: 1px solid #ded5c9;
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.72);
  color: var(--pbs-text);
  font-family: var(--pbs-font-body);
  font-size: 14px;
  line-height: 1.5;
  transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

.pbs-contact-form input[type="text"],
.pbs-contact-form input[type="email"],
.pbs-contact-form input[type="tel"] {
  min-height: 51px;
  padding: 12px 15px;
}

.pbs-contact-form textarea {
  min-height: 160px;
  padding: 14px 15px;
  resize: vertical;
}

.pbs-contact-form input::placeholder,
.pbs-contact-form textarea::placeholder {
  color: #87919a;
  opacity: 1;
}

.pbs-contact-form input:focus,
.pbs-contact-form textarea:focus {
  border-color: var(--pbs-sage-dark);
  background: #fff;
  box-shadow: 0 0 0 4px rgba(85, 119, 102, 0.11);
  outline: 0;
}

.pbs-contact-form [aria-invalid="true"] {
  border-color: #a84d4d !important;
}

.pbs-file-field {
  position: relative;
  display: grid;
  gap: 4px;
  padding: 13px 15px 12px 47px;
  border: 1px dashed #d7cdbf;
  border-radius: 8px;
  background: rgba(255, 253, 249, 0.62);
}

.pbs-file-field::before {
  position: absolute;
  top: 18px;
  left: 17px;
  width: 18px;
  height: 18px;
  content: "";
  border: 2px solid var(--pbs-navy);
  border-top-color: transparent;
  border-radius: 7px 7px 7px 2px;
  transform: rotate(-42deg);
}

.pbs-file-field input[type="file"] {
  min-height: 27px;
  padding: 0;
  border: 0;
  background: transparent;
  font-size: 12px;
}

.pbs-file-field input[type="file"]::file-selector-button {
  margin-right: 9px;
  padding: 6px 10px;
  border: 1px solid var(--pbs-line);
  border-radius: 6px;
  background: #fff;
  color: var(--pbs-navy-deep);
  cursor: pointer;
  font: inherit;
}

.pbs-file-field > span {
  color: var(--pbs-muted);
  font-size: 10px;
}

.pbs-form-consent {
  margin: 4px 0 18px;
}

.pbs-form-consent > label {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  margin: 0;
  color: var(--pbs-text);
  font-family: var(--pbs-font-body);
  font-size: 11px;
  line-height: 1.6;
}

.pbs-form-consent input[type="checkbox"] {
  width: 18px;
  height: 18px;
  margin: 1px 0 0;
  accent-color: var(--pbs-sage-dark);
}

.pbs-form-consent a {
  color: var(--pbs-navy-deep);
}

.pbs-form-submit {
  display: inline-flex;
  width: 100%;
  min-height: 52px;
  align-items: center;
  justify-content: center;
  gap: 18px;
  padding: 13px 22px;
  border: 1px solid var(--pbs-sage-dark);
  border-radius: 7px;
  background: linear-gradient(135deg, var(--pbs-sage-dark), #6f917e);
  box-shadow: 0 10px 22px rgba(85, 119, 102, 0.16);
  color: #fff;
  cursor: pointer;
  font-family: var(--pbs-font-heading);
  font-size: 17px;
  line-height: 1;
  transition: transform 180ms ease, box-shadow 180ms ease;
}

.pbs-form-submit:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 27px rgba(85, 119, 102, 0.23);
}

.pbs-form-privacy-note {
  margin: 13px 0 0 !important;
  padding: 0 !important;
  color: var(--pbs-muted);
  font-size: 10px;
  text-align: center;
}

.pbs-form-privacy-note span {
  margin-right: 5px;
  color: var(--pbs-navy);
}

.pbs-form-error {
  display: block;
  margin-top: 5px;
  color: #923f3f;
  font-size: 11px;
  line-height: 1.4;
}

.pbs-form-alert {
  margin-bottom: 20px;
  padding: 14px 17px;
  border-left: 4px solid #a84d4d;
  border-radius: 7px;
  background: #fff4f2;
  color: #6d3030;
  font-size: 13px;
}

.pbs-form-alert p {
  margin: 3px 0 0;
  padding: 0;
}

.pbs-hp-field {
  position: absolute !important;
  left: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

/* Contact side column */
.pbs-contact-aside-column {
  position: relative;
  padding: 12px 0 12px clamp(25px, 3.5vw, 49px) !important;
  border-left: 1px solid var(--pbs-line);
}

.pbs-contact-aside h2 {
  margin-bottom: 27px;
  padding: 0;
  font-size: clamp(30px, 3vw, 41px);
}

.pbs-next-steps {
  position: relative;
  display: grid;
  gap: 23px;
}

.pbs-next-steps::before {
  position: absolute;
  z-index: 0;
  top: 35px;
  bottom: 35px;
  left: 45px;
  width: 1px;
  content: "";
  background: var(--pbs-line);
}

.pbs-next-step {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 22px 64px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
}

.pbs-next-step-number {
  display: grid;
  width: 21px;
  height: 21px;
  place-items: center;
  border-radius: 5px;
  background: #eee9da;
  color: var(--pbs-sage-dark);
  font-size: 10px;
  font-weight: 700;
}

.pbs-next-step::before {
  width: 60px;
  height: 60px;
  content: "";
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.pbs-next-step--mail::before { background-image: url("../images/ikona-wiadomosc.svg"); }
.pbs-next-step--chat::before { background-image: url("../images/ikona-serce.svg"); }
.pbs-next-step--check::before { background-image: url("../images/ikona-lisc.svg"); }

.pbs-next-step h3 {
  margin: 0 0 4px;
  padding: 0;
  color: var(--pbs-navy-deep);
  font-family: var(--pbs-font-body);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.35;
}

.pbs-next-step p {
  margin: 0;
  padding: 0;
  color: var(--pbs-text);
  font-size: 11px;
  line-height: 1.55;
}

.pbs-aside-signature {
  position: relative;
  margin-top: 31px;
  padding: 25px 0 22px;
  border-top: 1px solid var(--pbs-line);
  border-bottom: 1px solid var(--pbs-line);
}

.pbs-aside-signature::before {
  position: absolute;
  top: -10px;
  left: 50%;
  padding: 0 13px;
  content: "♥";
  background: var(--pbs-cream);
  color: var(--pbs-gold);
  font-size: 14px;
  transform: translateX(-50%);
}

.pbs-aside-signature > p {
  margin: 0;
  padding: 0;
  color: var(--pbs-text);
  font-size: 12px;
  line-height: 1.65;
}

.pbs-signature-wrap--aside {
  margin: 14px 0 0;
}

.pbs-signature-wrap--aside .pbs-signature-image {
  width: min(100%, 255px);
}

.pbs-aside-whatsapp {
  margin-top: 24px;
}

.pbs-aside-whatsapp h3 {
  margin-bottom: 7px;
  padding: 0;
  font-size: 20px;
}

.pbs-aside-whatsapp p {
  margin: 0 0 15px;
  padding: 0;
  color: var(--pbs-muted);
  font-size: 11px;
}

.pbs-contact-aside-column .et_pb_button_module_wrapper {
  margin: 0 !important;
}

.pbs-main a.et_pb_button.pbs-button--whatsapp {
  min-width: 190px;
  border-color: var(--pbs-sage-dark) !important;
  background: transparent !important;
  color: var(--pbs-sage-dark) !important;
}

.pbs-main a.et_pb_button.pbs-button--whatsapp::before {
  display: inline-grid !important;
  width: 20px;
  height: 20px;
  place-items: center;
  margin: 0 7px 0 0 !important;
  border: 1px solid currentColor;
  border-radius: 50%;
  content: "W" !important;
  font-family: var(--pbs-font-body) !important;
  font-size: 9px !important;
  font-weight: 700;
  line-height: 1 !important;
  opacity: 1 !important;
  position: static !important;
}

/* Thank-you page */
.pbs-thankyou-section {
  min-height: calc(100vh - var(--pbs-header-height) - 190px);
  display: grid;
  align-items: center;
  padding: 70px 0 !important;
  background:
    radial-gradient(circle at 13% 62%, rgba(220, 230, 218, 0.34), transparent 28%),
    radial-gradient(circle at 86% 38%, rgba(137, 168, 195, 0.18), transparent 28%) !important;
}

.pbs-thankyou-card {
  position: relative;
  overflow: hidden;
  padding: clamp(55px, 7vw, 90px) 40px !important;
  border: 1px solid var(--pbs-line);
  border-radius: var(--pbs-radius-lg);
  background: rgba(255, 253, 249, 0.86);
  box-shadow: var(--pbs-shadow);
  text-align: center;
}

.pbs-thankyou-card::before,
.pbs-thankyou-card::after {
  position: absolute;
  content: "";
  pointer-events: none;
}

.pbs-thankyou-card::before {
  bottom: -50px;
  left: -45px;
  width: 260px;
  height: 330px;
  background: url("../images/dekor-narozna-pionowa.webp") left bottom / contain no-repeat;
  opacity: 0.54;
}

.pbs-thankyou-card::after {
  right: -50px;
  bottom: -30px;
  width: 280px;
  height: 240px;
  background: url("../images/dekor-pioro-prawe.webp") right bottom / contain no-repeat;
  opacity: 0.72;
}

.pbs-thankyou-card > .et_pb_column,
.pbs-thankyou-card .et_pb_module,
.pbs-thankyou-card .et_pb_button_module_wrapper {
  position: relative;
  z-index: 1;
}

.pbs-thankyou-copy h1 {
  margin-bottom: 15px;
  padding: 0;
  font-size: clamp(45px, 5vw, 70px);
}

.pbs-thankyou-copy > .et_pb_text_inner > p:not(.pbs-thankyou-heart) {
  margin: 0 0 28px;
  padding: 0;
  color: var(--pbs-text);
  font-size: 16px;
  line-height: 1.7;
}

.pbs-thankyou-heart {
  margin: 0 0 10px !important;
  padding: 0 !important;
  color: var(--pbs-gold);
  font-size: 34px;
  line-height: 1;
}

.pbs-thankyou-card .et_pb_button_module_wrapper {
  display: inline-block;
  margin: 0 8px 10px !important;
}

.pbs-thankyou-button {
  min-width: 230px !important;
}

.pbs-thankyou-note {
  margin-top: 14px;
}

.pbs-thankyou-note p {
  margin: 0;
  padding: 0;
  color: var(--pbs-muted);
  font-size: 11px;
}

.pbs-thankyou-feather {
  width: min(480px, 80%);
  height: 70px;
  margin: 5px auto -30px;
  background: url("../images/separator-serce-koniec.svg") center / contain no-repeat;
}

@media (max-width: 980px) {
  .pbs-contact-page-section { padding-top: 42px !important; }
  .pbs-contact-layout-row { grid-template-columns: minmax(0, 1.35fr) minmax(275px, 0.8fr); gap: 32px; }
  .pbs-contact-form-wrap { padding: 28px; }
  .pbs-contact-aside-column { padding-left: 27px !important; }
  .pbs-next-step { grid-template-columns: 19px 52px minmax(0, 1fr); gap: 8px; }
  .pbs-next-step::before { width: 50px; height: 50px; }
  .pbs-next-steps::before { left: 37px; }
}

@media (max-width: 767px) {
  .pbs-contact-page-section { padding: 35px 0 31px !important; }
  .pbs-contact-page-section::before { width: 180px; height: 260px; opacity: 0.42; }
  .pbs-contact-intro { text-align: center; }
  .pbs-contact-intro h1 { font-size: 49px; }
  .pbs-contact-intro > .et_pb_text_inner > p:not(.pbs-kicker, .pbs-contact-values) { font-size: 13px; }
  .pbs-contact-values { justify-content: center; font-size: 13px; }
  .pbs-contact-feather-line { position: static; width: 250px; height: 55px; margin: 5px auto -5px; }
  .pbs-contact-layout-row { grid-template-columns: 1fr; gap: 31px; }
  .pbs-contact-form-wrap { padding: 22px 18px; border-radius: 16px; }
  .pbs-form-grid { grid-template-columns: 1fr; gap: 0; }
  .pbs-form-field--half { width: 100%; }
  .pbs-contact-form textarea { min-height: 145px; }
  .pbs-contact-aside-column { padding: 28px 0 0 !important; border-top: 1px solid var(--pbs-line); border-left: 0; }
  .pbs-contact-aside h2 { font-size: 32px; text-align: center; }
  .pbs-next-steps { max-width: 470px; margin: 0 auto; }
  .pbs-aside-signature,
  .pbs-aside-whatsapp { max-width: 470px; margin-right: auto; margin-left: auto; text-align: center; }
  .pbs-contact-aside-column .et_pb_button_module_wrapper { text-align: center; }
  .pbs-thankyou-section { min-height: calc(100vh - var(--pbs-header-height)); padding: 40px 0 !important; }
  .pbs-thankyou-card { padding: 55px 18px 45px !important; border-radius: 19px; }
  .pbs-thankyou-copy h1 { font-size: 43px; }
  .pbs-thankyou-copy > .et_pb_text_inner > p:not(.pbs-thankyou-heart) { font-size: 13px; }
  .pbs-thankyou-card .et_pb_button_module_wrapper { display: block; margin: 0 0 10px !important; }
  .pbs-thankyou-button { width: min(100%, 290px) !important; min-width: 0 !important; }
}

@media (max-width: 420px) {
  .pbs-contact-intro h1 { font-size: 43px; }
  .pbs-contact-form-wrap { padding-inline: 15px; }
  .pbs-next-step { grid-template-columns: 18px 47px minmax(0, 1fr); }
  .pbs-next-step::before { width: 45px; height: 45px; }
  .pbs-next-steps::before { left: 33px; }
  .pbs-next-step h3 { font-size: 13px; }
}

/*
 * Divi 5 compatibility hardening — 1.1.1.
 * Native Divi column widths/flex rules can otherwise collapse the contact
 * aside after conversion. These scoped rules preserve the approved 65/35
 * layout without affecting other Divi rows.
 */
#formularz,
.pbs-contact-page-section {
  scroll-margin-top: calc(var(--pbs-header-height, 96px) + 28px);
}

.pbs-contact-page-section .pbs-contact-layout-row.et_pb_row {
  display: grid !important;
  grid-template-columns: minmax(0, 1.58fr) minmax(330px, 0.86fr) !important;
  gap: clamp(36px, 5vw, 76px) !important;
  align-items: stretch !important;
  width: min(1180px, calc(100% - 40px)) !important;
  max-width: 1180px !important;
}

.pbs-contact-page-section .pbs-contact-layout-row.et_pb_row::after {
  display: none !important;
}

.pbs-contact-page-section .pbs-contact-layout-row.et_pb_row > .et_pb_column {
  float: none !important;
  flex: none !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
}

.pbs-contact-page-section .pbs-contact-aside-column,
.pbs-contact-page-section .pbs-contact-aside,
.pbs-contact-page-section .pbs-contact-aside .et_pb_text_inner,
.pbs-contact-page-section .pbs-next-steps,
.pbs-contact-page-section .pbs-next-step,
.pbs-contact-page-section .pbs-next-step > div {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
}

.pbs-contact-page-section .pbs-next-step {
  grid-template-columns: 22px 64px minmax(0, 1fr) !important;
}

@media (max-width: 980px) {
  .pbs-contact-page-section .pbs-contact-layout-row.et_pb_row {
    grid-template-columns: 1fr !important;
    width: min(760px, calc(100% - 34px)) !important;
  }

  .pbs-contact-page-section .pbs-contact-aside-column {
    padding: 28px 0 0 !important;
    border-top: 1px solid var(--pbs-line);
    border-left: 0 !important;
  }
}

@media (max-width: 767px) {
  .pbs-contact-page-section .pbs-contact-layout-row.et_pb_row {
    width: min(100% - 24px, 620px) !important;
    gap: 26px !important;
  }
}


.pbs-contact-form-wrap--gas {
  padding: clamp(27px, 3.4vw, 42px);
}

.pbs-contact-form-intro h2 {
  margin: 0 0 6px;
  padding: 0;
  font-size: clamp(26px, 3vw, 34px);
}

.pbs-contact-form-sub {
  margin: 0 0 22px !important;
  padding: 0 !important;
  color: var(--pbs-muted);
  font-size: 14px;
}

.pbs-contact-form--gas textarea { min-height: 165px; }
.pbs-contact-form--gas .pbs-form-consent { margin: 6px 0 18px; }
.pbs-form-consent--gas > label {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
}
.pbs-form-alert--inline {
  margin: 14px 0 0;
  border-left-width: 0;
  border: 1px solid #e5c7c7;
}