/* Builder: kontakt (formularz + karta z danymi) — port z mockupu */
.contact{padding:54px 0 70px}
.contact__grid{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:start}
.contact--single .contact__grid{grid-template-columns:1fr;max-width:620px}

/* karta z danymi (ciemna) */
.cinfo{background:var(--ink);color:#cfcbc6;border-radius:var(--radius-lg);padding:32px}
.cinfo h3{color:#fff;font-family:var(--display);font-weight:700;font-size:24px;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px}
.info-item{display:flex;gap:14px;align-items:flex-start;padding:14px 0;border-bottom:1px solid #2c2926}
.info-item:last-child{border-bottom:0}
.info-item svg{width:22px;height:22px;flex:none;fill:none;stroke:var(--brand);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;margin-top:2px}
.info-item b{display:block;color:#fff;font-family:var(--display);text-transform:uppercase;letter-spacing:.5px;font-size:14px;margin-bottom:2px}
.info-item__value{font-size:14px;line-height:1.5}
.info-item__value p{margin:0}
.info-item__value p + p{margin-top:6px}
.info-item a{color:#fff;text-decoration:underline}
.info-item a:hover{color:var(--brand)}

/* formularz (shortcode dowolnej wtyczki) — bazowy, spójny wygląd pól */
.contact__form-heading{font-family:var(--display);font-weight:700;font-size:clamp(24px,2.6vw,32px);text-transform:uppercase;letter-spacing:.5px;margin:0 0 20px}
.contact__form label{font-family:var(--display);text-transform:uppercase;letter-spacing:1px;font-size:13px;font-weight:600;display:block;margin-bottom:6px}
.contact__form input:not([type=submit]):not([type=button]):not([type=checkbox]):not([type=radio]),
.contact__form textarea,
.contact__form select{width:100%;border:1.5px solid var(--line);border-radius:var(--radius);padding:13px 14px;font-size:15px;font-family:var(--body);background:#fff;outline:none;transition:.15s}
.contact__form textarea{height:125px;resize:vertical}

/* własny chevron selecta (kontrolowana odległość od prawej krawędzi) */
.contact__form select,.cform .field select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2376726e' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:12px;padding-right:40px}
.contact__form input:focus,.contact__form textarea:focus,.contact__form select:focus{border-color:var(--brand)}
.contact__form input[type=submit],
.contact__form button[type=submit]{display:inline-flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:600;font-size:16px;letter-spacing:1.2px;text-transform:uppercase;padding:14px 26px;border-radius:var(--radius);border:2px solid var(--brand);background:var(--brand);color:#fff;cursor:pointer;transition:.18s}
.contact__form input[type=submit]:hover,
.contact__form button[type=submit]:hover{background:var(--brand-600);border-color:var(--brand-600)}

/* układ formularza CF7 (klasy z mockupu; wyższa specyficzność niż fallback wyżej) */
.cform{display:grid;gap:18px}
.cform__row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.cform .field{display:grid;gap:7px}
.cform .field label{font-family:var(--display);text-transform:uppercase;letter-spacing:1px;font-size:13px;font-weight:600;margin:0}
.cform .field label small{color:var(--muted);font-weight:500;letter-spacing:0;text-transform:none;font-family:var(--body)}
.cform .field input,.cform .field select,.cform .field textarea{border:1.5px solid var(--line);border-radius:var(--radius);padding:13px 14px;font-size:15px;font-family:var(--body);background:#fff;outline:none;transition:.15s;width:100%;margin:0}
.cform .field input:focus,.cform .field select:focus,.cform .field textarea:focus{border-color:var(--brand)}
.cform .field textarea{height:125px;resize:vertical}
.cinfo .social{margin-top:18px}
.cform__consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--muted)}
.cform__consent .wpcf7-list-item{margin:0}
.cform__consent input[type=checkbox]{accent-color:var(--brand);margin-top:2px}
.cform__consent a{color:var(--brand)}
.formnote{font-size:13px;color:var(--muted);background:var(--paper);border-radius:var(--radius);padding:12px 14px;margin:0}
.cform .wpcf7-spinner{margin:0 0 0 12px}
.cform .wpcf7-not-valid-tip{color:#c0392b;font-size:12px}
.wpcf7 form .wpcf7-response-output{margin:0 !important}
.cform .btn{justify-self:start}

@media(max-width:900px){
  .contact__grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .cform__row{grid-template-columns:1fr}
}