/* CTA blog – Joanna Onych.
   Wersja mobilna: ekrany do 767 px oraz kolumna treści węższa niż 640 px (container query). */
.jo-cta{container-type:inline-size;margin:40px 0;font-family:Poppins,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.jo-cta *{box-sizing:border-box}
.jo-cta .jo-cta__card{display:grid;grid-template-columns:300px 1fr;background:#fff;border:1px solid #E2E6E3;border-radius:18px;overflow:hidden;box-shadow:0 18px 40px -28px rgba(18,58,95,.35)}
.jo-cta .jo-cta__photo{position:relative;background:#2A1D16;overflow:hidden;min-height:100%}
.jo-cta .jo-cta__photo img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 22%;display:block;margin:0;border:0;border-radius:0}
.jo-cta .jo-cta__body{position:relative;padding:34px 36px 32px;display:flex;flex-direction:column;gap:16px}
.jo-cta .jo-cta__eyebrow{display:flex;align-items:center;gap:8px;margin:0;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#2E7D45;line-height:1.4}
.jo-cta .jo-cta__eyebrow::before{content:"";width:18px;height:2px;background:currentColor;display:block}
.jo-cta .jo-cta__title{margin:0;padding:0;font-family:inherit;font-size:27px;line-height:1.24;font-weight:700;color:#123A5F;text-wrap:pretty;letter-spacing:0;text-transform:none}
.jo-cta .jo-cta__text{margin:0;padding:0;font-size:16px;line-height:1.62;color:#4C5A63;text-wrap:pretty}
.jo-cta .jo-cta__actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:4px}
.jo-cta a.jo-cta__phone{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:15px 26px;border-radius:8px;background:#2E7D45;color:#fff;font-size:17px;font-weight:600;line-height:1.2;text-decoration:none;box-shadow:none;border:0;transition:background .15s}
.jo-cta a.jo-cta__phone:hover,.jo-cta a.jo-cta__phone:focus{background:#24663A;color:#fff}
.jo-cta a.jo-cta__phone svg{flex:none}
.jo-cta a.jo-cta__mail{font-size:15px;line-height:1.4;color:#4C5A63;text-decoration:none;border:0;border-bottom:1px solid #C9D2CC;padding-bottom:2px;box-shadow:none;transition:color .15s,border-color .15s}
.jo-cta a.jo-cta__mail:hover,.jo-cta a.jo-cta__mail:focus{color:#123A5F;border-bottom-color:#123A5F}
.jo-cta .jo-cta__sig{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:10px;padding-top:16px;border-top:1px solid #EDF0EE;font-size:14px;line-height:1.4;color:#7A857D}
.jo-cta .jo-cta__sig strong{color:#123A5F;font-weight:600}
.jo-cta .jo-cta__dot{width:4px;height:4px;border-radius:50%;background:#C3CBC5;display:block}

@container (max-width:639px){
  .jo-cta .jo-cta__card{display:block;position:relative;background:#0B1F31;border:0}
  .jo-cta .jo-cta__photo{position:absolute;top:0;left:0;right:0;height:360px;min-height:0;background:transparent}
  .jo-cta .jo-cta__photo img{object-position:62% 34%}
  .jo-cta .jo-cta__body{padding:215px 22px 26px;gap:14px;background:linear-gradient(180deg,rgba(11,31,49,0) 0,rgba(11,31,49,.12) 130px,rgba(11,31,49,.72) 235px,#0B1F31 320px)}
  .jo-cta .jo-cta__eyebrow{font-size:11px;color:#7FD196}
  .jo-cta .jo-cta__eyebrow::before{display:none}
  .jo-cta .jo-cta__title{font-size:22px;line-height:1.26;font-weight:600;color:#fff}
  .jo-cta .jo-cta__text{font-size:15px;line-height:1.6;color:#CBD8E2}
  .jo-cta .jo-cta__actions{flex-direction:column;align-items:stretch;gap:14px}
  .jo-cta a.jo-cta__phone{display:flex;width:100%;min-height:54px;padding:16px;background:#3D9E55}
  .jo-cta a.jo-cta__phone:hover,.jo-cta a.jo-cta__phone:focus{background:#348949}
  .jo-cta a.jo-cta__mail{align-self:center;text-align:center;color:#CBD8E2;border-bottom-color:rgba(203,216,226,.4)}
  .jo-cta a.jo-cta__mail:hover,.jo-cta a.jo-cta__mail:focus{color:#fff;border-bottom-color:#fff}
  .jo-cta .jo-cta__sig{justify-content:center;margin-top:6px;padding-top:14px;border-top-color:rgba(255,255,255,.12);font-size:13px;color:#A8BAC8}
  .jo-cta .jo-cta__sig strong{color:#A8BAC8;font-weight:400}
  .jo-cta .jo-cta__dot{width:3px;height:3px;background:#A8BAC8}
}
@media (max-width:767px){
  .jo-cta .jo-cta__card{display:block;position:relative;background:#0B1F31;border:0}
  .jo-cta .jo-cta__photo{position:absolute;top:0;left:0;right:0;height:360px;min-height:0;background:transparent}
  .jo-cta .jo-cta__photo img{object-position:62% 34%}
  .jo-cta .jo-cta__body{padding:215px 22px 26px;gap:14px;background:linear-gradient(180deg,rgba(11,31,49,0) 0,rgba(11,31,49,.12) 130px,rgba(11,31,49,.72) 235px,#0B1F31 320px)}
  .jo-cta .jo-cta__eyebrow{font-size:11px;color:#7FD196}
  .jo-cta .jo-cta__eyebrow::before{display:none}
  .jo-cta .jo-cta__title{font-size:22px;line-height:1.26;font-weight:600;color:#fff}
  .jo-cta .jo-cta__text{font-size:15px;line-height:1.6;color:#CBD8E2}
  .jo-cta .jo-cta__actions{flex-direction:column;align-items:stretch;gap:14px}
  .jo-cta a.jo-cta__phone{display:flex;width:100%;min-height:54px;padding:16px;background:#3D9E55}
  .jo-cta a.jo-cta__phone:hover,.jo-cta a.jo-cta__phone:focus{background:#348949}
  .jo-cta a.jo-cta__mail{align-self:center;text-align:center;color:#CBD8E2;border-bottom-color:rgba(203,216,226,.4)}
  .jo-cta a.jo-cta__mail:hover,.jo-cta a.jo-cta__mail:focus{color:#fff;border-bottom-color:#fff}
  .jo-cta .jo-cta__sig{justify-content:center;margin-top:6px;padding-top:14px;border-top-color:rgba(255,255,255,.12);font-size:13px;color:#A8BAC8}
  .jo-cta .jo-cta__sig strong{color:#A8BAC8;font-weight:400}
  .jo-cta .jo-cta__dot{width:3px;height:3px;background:#A8BAC8}
}

/* Edytor bloku: placeholdery i podświetlenie zaznaczenia */
.editor-styles-wrapper .jo-cta [data-rich-text-placeholder]::after{opacity:.55}
.editor-styles-wrapper .jo-cta a{pointer-events:none}