/* =========================================================================
   SZANSA NA WOLNOŚĆ — Miętowy Dworek  ·  v1.1
   Style strony głównej (bloki Gutenberga + motyw Blocksy)
   WAŻNE: prawie wszystkie reguły są zagnieżdżone pod ".szansa", żeby miały
   wyższy priorytet niż klasy układu Blocksy/Gutenberga (is-layout-flex itp.).
   Kolory zmieniasz w jednym miejscu — w bloku ".szansa{ --mint-… }".
   ========================================================================= */

.szansa{
  --mint-50:#F0F5EF; --mint-100:#DDE8DC; --mint-200:#C2D6C2; --mint-300:#A0BFA1;
  --mint-500:#6B8B72; --mint-700:#3D5A45; --mint-900:#1F3325;
  --sage-100:#E8EBE0; --sage-300:#B8C09F;
  --sand-50:#FAF7F2; --sand-100:#F2EDE2; --sand-200:#E8E0CD; --sand-700:#8A7E5F;
  --terra-500:#B5784C;
  --honey-100:#FCEFD6; --honey-300:#F4C883; --honey-500:#E8A55C; --honey-700:#B5784C; --honey-900:#6B4420;
  --ink-900:#1A2620; --ink-700:#3A4A3F; --ink-500:#6B7A6F; --ink-300:#9AA89E;
  --white:#FFFFFF;
  --font-display:'Fraunces', Georgia, serif;
  --font-body:'Manrope', system-ui, sans-serif;
  --radius-md:14px; --radius-lg:24px; --radius-pill:999px;
  --shadow-sm:0 2px 8px rgba(31,51,37,.05);
  --shadow-md:0 8px 24px rgba(31,51,37,.08);
  --shadow-lg:0 16px 48px rgba(31,51,37,.10);
  --maxw:1200px;
  font-family:var(--font-body); color:var(--ink-900); line-height:1.6;
}
.szansa p{margin:0;}
.szansa :is(h1,h2,h3,h4,h5){
  font-family:var(--font-display); font-weight:400; line-height:1.15;
  letter-spacing:-.01em; color:var(--mint-900); margin:0;
}
.szansa em{font-style:italic;}

/* sekcja pełnej szerokości — pionowe odstępy */
.szansa .szansa-section{padding-block:100px;}

/* eyebrow */
.szansa .szansa-eyebrow{
  font-family:var(--font-body); font-size:12px; font-weight:600;
  letter-spacing:2.5px; text-transform:uppercase; color:var(--mint-500);
  display:inline-flex; align-items:center; gap:10px;
}
.szansa .szansa-eyebrow::before{content:""; width:24px; height:1px; background:var(--mint-300);}

/* nagłówek sekcji */
.szansa .szansa-head{text-align:center; max-width:680px; margin-inline:auto; margin-bottom:64px;}
.szansa .szansa-head .szansa-eyebrow{justify-content:center;}
.szansa .szansa-head h2{font-size:44px; font-weight:300; margin:16px 0;}
.szansa .szansa-head h2 em{color:var(--mint-700);}
.szansa .szansa-head p{font-size:17px; color:var(--ink-500); line-height:1.7;}

/* przyciski */
.szansa .wp-block-button__link{
  border-radius:var(--radius-pill); font-family:var(--font-body);
  font-size:14px; font-weight:600; padding:14px 26px; transition:all .25s ease;
}
.szansa .szansa-btn-primary .wp-block-button__link{
  background:var(--honey-500); color:#3A2410; box-shadow:0 6px 20px rgba(232,165,92,.3);
}
.szansa .szansa-btn-primary .wp-block-button__link:hover{
  background:var(--honey-300); transform:translateY(-1px); box-shadow:0 10px 28px rgba(232,165,92,.4);
}
.szansa .szansa-btn-primary .wp-block-button__link::after{content:" →"; font-weight:600;}
.szansa .szansa-btn-ghost .wp-block-button__link{
  background:transparent; color:var(--mint-900); border:1.5px solid var(--mint-300);
}
.szansa .szansa-btn-ghost .wp-block-button__link:hover{background:var(--mint-50); border-color:var(--mint-500);}

/* ikony (bloki Obraz) */
.szansa .szansa-ico{margin:0;}
.szansa .szansa-ico img{width:26px; height:26px; display:block;}
.szansa .szansa-ico-badge{
  width:56px; height:56px; border-radius:var(--radius-md);
  background:var(--mint-100); display:flex; align-items:center; justify-content:center;
  flex:0 0 auto; margin:0 0 24px;
}
.szansa .szansa-ico-badge.is-terra{background:var(--sand-100);}
.szansa .szansa-ico-badge.is-sage{background:var(--sage-100);}

/* ===================== HERO ===================== */
.szansa .szansa-hero{
  background:linear-gradient(180deg,var(--white) 0%,var(--sand-50) 100%);
  padding:80px 0 100px; overflow:hidden;
}
.szansa .szansa-hero-grid{gap:64px; align-items:center;}
.szansa .szansa-hero-title{font-size:60px; font-weight:300; margin:24px 0; letter-spacing:-.02em;}
.szansa .szansa-hero-title em{color:var(--mint-700);}
.szansa .szansa-lead{font-size:18px; color:var(--ink-700); line-height:1.65; margin-bottom:36px; max-width:520px;}

/* karta telefonu */
.szansa .szansa-callcard{
  background:var(--white); border-radius:var(--radius-lg); padding:28px 32px;
  box-shadow:var(--shadow-md); border:1px solid var(--sand-200);
  max-width:520px; margin-bottom:24px;
}
.szansa .szansa-callcard-label{
  font-size:11px; font-weight:600; letter-spacing:2px; text-transform:uppercase;
  color:var(--mint-500); margin-bottom:10px;
}
.szansa .szansa-callcard-row{display:flex; align-items:center; gap:14px; margin-bottom:12px;}
.szansa .szansa-callcard-icon{
  width:48px; height:48px; border-radius:50%; background:var(--honey-100);
  display:flex; align-items:center; justify-content:center; flex:0 0 auto;
}
.szansa .szansa-callcard-icon img{width:24px; height:24px;}
.szansa .szansa-callcard-number{
  font-family:var(--font-display); font-size:36px; font-weight:400;
  color:var(--honey-900); letter-spacing:-.01em; line-height:1;
}
.szansa .szansa-callcard-note{font-size:13px; color:var(--ink-500); font-style:italic;}
.szansa .szansa-hero-btns{gap:12px;}

/* zdjęcie hero + pływające plakietki (FIX rozjeżdżania) */
.szansa .szansa-hero-figure{position:relative; margin:0;}
.szansa .szansa-hero-img{margin:0;}
.szansa .szansa-hero-img img{
  width:100%; aspect-ratio:4/5; object-fit:cover;
  border-radius:var(--radius-lg); box-shadow:var(--shadow-lg); display:block;
}
.szansa .szansa-hero-pills{
  position:absolute; top:24px; right:24px; left:auto; width:auto; max-width:none;
  display:flex; flex-direction:column; align-items:flex-end; gap:8px; margin:0; padding:0;
}
.szansa .szansa-hero-pills > *{width:auto; max-width:none; margin:0;}
.szansa .szansa-pill{
  display:inline-flex; align-items:center; gap:6px; width:auto;
  background:rgba(255,255,255,.95); color:var(--mint-900);
  padding:8px 14px; border-radius:var(--radius-pill);
  font-size:12px; font-weight:500; white-space:nowrap; line-height:1.2;
}
.szansa .szansa-pill p{font-size:12px;}
.szansa .szansa-pill img{width:14px; height:14px;}
.szansa .szansa-hero-badge{
  position:absolute; bottom:24px; left:24px; width:auto; max-width:none;
  display:inline-flex; align-items:center; gap:8px; margin:0;
  background:rgba(255,255,255,.96); color:var(--mint-900);
  padding:12px 18px; border-radius:var(--radius-md); font-size:13px; font-weight:500;
}
.szansa .szansa-hero-badge p{font-size:13px;}
.szansa .szansa-hero-badge img{width:16px; height:16px;}

/* ===================== PASEK ZAUFANIA ===================== */
.szansa .szansa-trust{background:var(--mint-900); color:var(--mint-100); padding:28px 0;}
.szansa .szansa-trust .wp-block-columns{gap:32px; margin:0 auto;}
.szansa .szansa-stat{text-align:center;}
.szansa .szansa-stat-num{
  font-family:var(--font-display); font-size:32px; font-weight:300;
  color:var(--white); letter-spacing:-.02em; line-height:1; margin-bottom:4px;
}
.szansa .szansa-stat-label{font-size:12px; color:var(--mint-200); letter-spacing:.5px;}

/* ===================== FILARY ===================== */
.szansa .szansa-pillars{background:var(--white);}
.szansa .szansa-pillars .wp-block-columns{gap:24px; align-items:stretch;}
.szansa .szansa-pillar{
  background:var(--sand-50); border-radius:var(--radius-lg); padding:40px 32px;
  border:1px solid transparent; transition:all .3s ease; height:100%;
}
.szansa .szansa-pillar:hover{border-color:var(--mint-200); transform:translateY(-4px); box-shadow:var(--shadow-md);}
.szansa .szansa-pillar h3{font-size:22px; font-weight:500; margin-bottom:12px;}
.szansa .szansa-pillar p{color:var(--ink-500); font-size:15px; line-height:1.7;}

/* ===================== O OŚRODKU ===================== */
.szansa .szansa-about{background:var(--sand-50);}
.szansa .szansa-about-grid{gap:80px; align-items:center;}
.szansa .szansa-about-figure{position:relative; margin:0;}
.szansa .szansa-about-img{margin:0;}
.szansa .szansa-about-img img{
  width:100%; aspect-ratio:4/5; object-fit:cover;
  border-radius:var(--radius-lg); box-shadow:var(--shadow-md); display:block;
}
.szansa .szansa-about-quote{
  position:absolute; bottom:-30px; right:-30px; width:auto; max-width:240px; margin:0;
  background:var(--white); padding:24px; border-radius:var(--radius-md); box-shadow:var(--shadow-md);
  font-family:var(--font-display); font-style:italic; font-size:16px; color:var(--mint-900); line-height:1.5;
}
.szansa .szansa-about h2{font-size:48px; font-weight:300; margin:20px 0 24px;}
.szansa .szansa-about h2 em{color:var(--mint-700);}
.szansa .szansa-about-text{font-size:16px; color:var(--ink-700); line-height:1.8; margin-bottom:16px;}
.szansa .szansa-about-features{
  list-style:none; margin:28px 0; padding:0; display:flex; flex-direction:column; gap:14px;
}
.szansa .szansa-about-features li{display:flex; align-items:center; gap:12px; font-size:15px; color:var(--ink-700);}
.szansa .szansa-about-features li::before{
  content:""; width:26px; height:26px; flex:0 0 auto; border-radius:50%;
  background:var(--mint-100) center/14px no-repeat;
  background-image:url("../icons/check-mint.svg");
}

/* ===================== OFERTA (ciemna) ===================== */
.szansa .szansa-offer{background:var(--mint-900); color:var(--mint-100);}
.szansa .szansa-offer .szansa-head h2{color:var(--white);}
.szansa .szansa-offer .szansa-head h2 em{color:var(--mint-300);}
.szansa .szansa-offer .szansa-head p{color:var(--mint-200);}
.szansa .szansa-offer .szansa-eyebrow{color:var(--mint-300);}
.szansa .szansa-offer .szansa-eyebrow::before{background:var(--mint-500);}
.szansa .szansa-offer .wp-block-columns{gap:18px; align-items:stretch;}
.szansa .szansa-offer-card{
  background:rgba(255,255,255,.04); border:1px solid rgba(221,232,220,.12);
  border-radius:var(--radius-md); padding:32px 24px; text-align:center;
  transition:all .3s ease; height:100%;
}
.szansa .szansa-offer-card:hover{background:rgba(255,255,255,.08); border-color:var(--mint-300); transform:translateY(-3px);}
.szansa .szansa-offer-card .szansa-ico-badge{
  width:56px; height:56px; border-radius:50%; background:rgba(221,232,220,.1); margin:0 auto 16px;
}
.szansa .szansa-offer-card h4{font-size:18px; color:var(--white); font-weight:500; margin-bottom:6px;}
.szansa .szansa-offer-card p{font-size:13px; color:var(--mint-200); line-height:1.5;}

/* ===================== JAK TO DZIAŁA ===================== */
.szansa .szansa-process{background:var(--white);}
.szansa .szansa-process .wp-block-columns{gap:24px; position:relative; align-items:stretch;}
.szansa .szansa-process .wp-block-columns::before{
  content:""; position:absolute; top:28px; left:12%; right:12%; height:1px;
  background:linear-gradient(90deg,transparent,var(--mint-200),var(--mint-200),transparent);
}
.szansa .szansa-step{text-align:center; position:relative;}
.szansa .szansa-step-num{
  width:56px; height:56px; border-radius:50%; background:var(--honey-100);
  border:2px solid var(--honey-300); color:var(--honey-900);
  font-family:var(--font-display); font-size:22px; font-weight:500;
  display:flex; align-items:center; justify-content:center;
  margin:0 auto 20px; position:relative; z-index:1;
}
.szansa .szansa-step h4{font-size:18px; font-weight:500; margin-bottom:8px;}
.szansa .szansa-step p{font-size:14px; color:var(--ink-500); line-height:1.6;}

/* ===================== OPINIE ===================== */
.szansa .szansa-testimonials{background:var(--sand-100);}
.szansa .szansa-testimonials .wp-block-columns{gap:24px; align-items:stretch;}
.szansa .szansa-testimonial{
  background:var(--white); border-radius:var(--radius-lg); padding:36px 36px 32px;
  box-shadow:var(--shadow-sm); height:100%;
}
.szansa .szansa-testimonial::before{
  content:"\201C"; font-family:var(--font-display); font-size:72px; line-height:.6;
  color:var(--mint-200); display:block; height:34px;
}
.szansa .szansa-testimonial-text{
  font-family:var(--font-display); font-size:19px; font-style:italic; font-weight:300;
  color:var(--mint-900); line-height:1.55; margin-bottom:24px;
}
.szansa .szansa-testimonial-author{
  display:flex; align-items:center; gap:12px; padding-top:20px; border-top:1px solid var(--sand-200);
}
.szansa .szansa-testimonial-avatar{
  width:44px; height:44px; border-radius:50%; background:var(--mint-100); color:var(--mint-700);
  display:flex; align-items:center; justify-content:center;
  font-family:var(--font-body); font-weight:600; font-size:14px; flex:0 0 auto;
}
.szansa .szansa-testimonial-name{font-size:14px; font-weight:600; color:var(--mint-900);}
.szansa .szansa-testimonial-meta{font-size:12px; color:var(--ink-500);}

/* ===================== FAQ ===================== */
.szansa .szansa-faq{background:var(--sand-50);}
.szansa .szansa-faq-list{max-width:780px; margin-inline:auto; display:flex; flex-direction:column; gap:12px;}
.szansa .szansa-faq-item{
  background:var(--white); border-radius:var(--radius-md);
  border:1px solid var(--sand-200); padding:24px 28px; transition:border-color .2s;
}
.szansa .szansa-faq-item:hover{border-color:var(--mint-300);}
.szansa .szansa-faq-item summary{
  list-style:none; cursor:pointer; display:flex; justify-content:space-between;
  align-items:center; gap:16px; font-size:16px; font-weight:600; color:var(--mint-900);
}
.szansa .szansa-faq-item summary::-webkit-details-marker{display:none;}
.szansa .szansa-faq-item summary::after{
  content:"+"; color:var(--mint-500); font-size:22px; font-weight:400; line-height:1; flex:0 0 auto;
}
.szansa .szansa-faq-item[open] summary::after{content:"–";}
.szansa .szansa-faq-item p{margin-top:14px; font-size:15px; color:var(--ink-700); line-height:1.7;}

/* ===================== CTA KOŃCOWE ===================== */
.szansa .szansa-cta{
  background:linear-gradient(135deg,var(--mint-700) 0%,var(--mint-900) 100%);
  color:var(--white); padding:100px 0; text-align:center;
}
.szansa .szansa-cta .szansa-eyebrow{color:var(--honey-300); justify-content:center;}
.szansa .szansa-cta .szansa-eyebrow::before{background:var(--honey-500);}
.szansa .szansa-cta h2{font-size:48px; font-weight:300; color:var(--white); margin:16px auto 20px; max-width:720px;}
.szansa .szansa-cta h2 em{color:var(--mint-200);}
.szansa .szansa-cta-lead{font-size:18px; color:var(--mint-200); line-height:1.65; margin:0 auto 40px; max-width:620px;}
.szansa .szansa-cta-phone{justify-content:center;}
.szansa .szansa-cta-phone .wp-block-button__link{
  background:var(--honey-500); color:#3A2410; padding:22px 40px;
  border-radius:var(--radius-pill); font-family:var(--font-display);
  font-size:32px; font-weight:400; letter-spacing:-.01em;
  box-shadow:0 16px 48px rgba(232,165,92,.35);
}
.szansa .szansa-cta-phone .wp-block-button__link:hover{background:var(--honey-300); transform:translateY(-2px);}
.szansa .szansa-cta-note{font-size:14px; color:var(--mint-300); font-style:italic; margin-top:16px;}

/* ===================== RESPONSYWNOŚĆ ===================== */
@media (max-width:980px){
  .szansa .szansa-section{padding-block:72px;}
  .szansa .szansa-hero-title{font-size:44px;}
  .szansa .szansa-about h2,.szansa .szansa-cta h2{font-size:36px;}
  .szansa .szansa-head h2{font-size:32px;}
  .szansa .szansa-offer .wp-block-columns,.szansa .szansa-process .wp-block-columns{flex-wrap:wrap;}
  .szansa .szansa-offer .wp-block-column,.szansa .szansa-process .wp-block-column{flex-basis:calc(50% - 12px);}
  .szansa .szansa-process .wp-block-columns::before{display:none;}
  .szansa .szansa-trust .wp-block-column{flex-basis:calc(50% - 16px);}
}
@media (max-width:781px){
  .szansa .szansa-about-quote{position:static; margin:16px 0 0; max-width:none;}
  .szansa .szansa-hero-pills{position:static; flex-direction:row; flex-wrap:wrap; align-items:flex-start; margin-top:12px;}
  .szansa .szansa-hero-badge{position:static; margin-top:8px;}
}
@media (max-width:560px){
  .szansa .szansa-section{padding-block:56px;}
  .szansa .szansa-hero-title{font-size:34px;}
  .szansa .szansa-callcard-number{font-size:28px;}
  .szansa .szansa-cta-phone .wp-block-button__link{font-size:24px;}
}