/* ==========================================================================
   Grupa „onas”: /o-nas/, /zespol/, /zespol-malgorzata-kimso/,
   /zespol-aleksandra-szelaszuk/, /opinie/
   Mobile-first: baza = telefon 360–390 px, rozszerzenia tylko min-width.
   Tylko tokeny kitu; nowe klasy z prefiksem .on-; każdy svg z jawnym rozmiarem.
   ========================================================================== */

/* ---------- Eyebrow na granacie (mięta tekstowa ma tam za mały kontrast) ---------- */
.on-eb-light{color:var(--mint)}

/* ---------- Portret bez tła na miętowym dysku (głowa wychodzi ponad koło) ---------- */
.on-disc{position:relative;justify-self:center;width:min(70vw,270px);aspect-ratio:1;margin:12% auto 0}
.on-disc::before{content:"";position:absolute;inset:0;border-radius:50%;background:var(--mint)}
.on-disc::after{content:"";position:absolute;inset:-12px;border-radius:50%;border:2px dashed var(--mint);opacity:.7;pointer-events:none}
/* okno przycinające: dół = dolna połowa koła, góra prostokątna (120% wysokości koła) */
.on-disc-clip{position:absolute;left:0;right:0;bottom:0;top:-20%;z-index:1;overflow:hidden;border-radius:0 0 50% 50% / 0 0 41.67% 41.67%}
.on-disc-clip picture{display:contents}
.on-disc-clip img{position:absolute;left:50%;bottom:0;width:90%;height:auto;max-width:none;transform:translateX(-50%)}
.on-disc--work .on-disc-clip img{width:96%}
.on-disc .dot{position:absolute;z-index:2;border-radius:50%;pointer-events:none}
.on-disc .dot.a{width:20%;aspect-ratio:1;right:-6%;bottom:4%;background:var(--mint-100);box-shadow:0 0 0 6px #fff}
@media (min-width:640px){ .on-disc{width:320px} }
@media (min-width:1024px){
  .hero .on-disc{width:370px;justify-self:end;margin:8% 0 0}
  .on-split-disc .on-disc{width:360px;margin-top:10%}
}

/* ---------- Fakty pod H1 profilu / strony ---------- */
.on-facts{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:8px;font-size:14.5px;line-height:1.5}
.on-facts li{display:flex;gap:10px;align-items:flex-start}
.on-facts svg.i{width:20px;height:20px;color:var(--mint-d);margin-top:1px}
.on-facts b{color:var(--navy)}

/* ---------- /zespol/: karty osób ---------- */
.on-team{list-style:none;margin:0;padding:0;display:grid;gap:22px}
.on-card{height:100%;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:28px 20px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}
.on-ph{position:relative;display:block;width:min(50vw,190px);aspect-ratio:1;border-radius:50%;overflow:hidden;background:var(--mint-100);box-shadow:0 0 0 6px #fff,0 0 0 8px var(--mint);margin-bottom:10px}
.on-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.on-card h2{font-size:23px}
.on-card h2 a{color:inherit;text-decoration:none}
.on-card h2 a:hover{color:var(--mint-d)}
.on-role{font:600 14px/1.4 var(--ff-h);color:var(--mint-d)}
.on-card>p:not(.on-role){font-size:15px;max-width:34em}
.on-card .pills{justify-content:center;margin-top:4px}
.on-card .pills a{font-size:13.5px;min-height:44px;padding:8px 14px}
.on-card .btns{justify-content:center;margin-top:auto;padding-top:10px}
@media (min-width:768px){ .on-team{grid-template-columns:repeat(2,1fr);gap:28px} .on-ph{width:200px} }

/* ---------- /zespol/: „Kto pomoże w Twoim problemie?” ---------- */
.on-match{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.on-match>li{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}
.on-mq{font:600 16px/1.4 var(--ff-h);color:var(--navy)}
.on-mq small{display:block;font:400 14px/1.45 var(--ff-b);color:var(--text);margin-top:2px}
.on-who{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.on-who a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:4px 14px 4px 4px;border-radius:999px;background:var(--mint-50);border:1px solid #CFE1DC;color:var(--navy);font:600 14px/1.2 var(--ff-h);text-decoration:none}
.on-who a:hover{background:var(--mint-100)}
.on-who img{width:34px;height:34px;border-radius:50%;object-fit:cover;flex:none}
@media (min-width:768px){
  .on-match>li{flex-direction:row;align-items:center;justify-content:space-between;gap:16px}
  .on-who{flex:none;justify-content:flex-end}
}

/* ---------- Karty usług w profilach: cena pod opisem ---------- */
.on-price{display:block;font:600 14px/1.35 var(--ff-h);color:var(--navy)}
.on-price small{font:400 13px var(--ff-b);color:var(--text)}
.on-also{margin-top:26px}
.on-also h3{font-size:17px;margin-bottom:12px}
div.card.on-card-static{background:transparent;border:1.5px dashed #BFD3CE}

/* ---------- Pojedyncza karta „Poznaj też” ---------- */
.on-team-1{grid-template-columns:1fr!important;justify-items:center;margin-top:36px}
.on-nw{white-space:nowrap}

/* ---------- /opinie/: dwa kafle ocen ---------- */
.on-rt{display:grid;gap:14px;margin-top:28px}
.on-rt .rating{justify-content:center}
.rating.on-light{background:var(--mint-100);color:var(--navy)}
.rating.on-light .big{color:var(--navy)}
.rating.on-light p{color:var(--text)}
.rating.on-light p b{color:var(--navy)}
.rating.on-light .src{color:var(--text)}
.rating.on-light a{color:var(--navy)}
.on-rt .rating .on-plat{font:600 13px/1.3 var(--ff-h);letter-spacing:.12em;text-transform:uppercase}
@media (min-width:640px){ .on-rt{grid-template-columns:1fr 1fr} }
@media (min-width:1024px){ .on-rt{max-width:760px;margin-left:auto;margin-right:auto} }

/* ---------- /opinie/: filtr po usłudze (widoczny tylko z JS) ---------- */
.on-filter{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;list-style:none;margin:0 0 14px;padding:0}
.on-filter button{min-height:44px;padding:9px 16px;border-radius:999px;border:1px solid #CFE1DC;background:#fff;color:var(--navy);font:600 14px/1.2 var(--ff-h);cursor:pointer;transition:background .2s,color .2s}
.on-filter button:hover{background:var(--mint-50)}
.on-filter button[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:#fff}
.on-count{text-align:center;font-size:14px;margin:0 0 22px}

/* ---------- /opinie/: ściana opinii (kolumny, bez pustych dziur) ---------- */
.on-wall{columns:1;column-gap:18px}
.on-wall .q{break-inside:avoid;margin:0 0 16px}
.on-q-svc{padding:14px 0;color:var(--mint-d)} /* inline: pole dotyku ≥ 44 px bez rozpychania podpisu */
.on-src{display:inline-block;font:600 13px/1.3 var(--ff-h);letter-spacing:.08em;text-transform:uppercase;color:var(--mint-d);background:var(--mint-50);border-radius:999px;padding:3px 9px;margin-left:4px;vertical-align:1px}
@media (min-width:768px){ .on-wall{columns:2} }
@media (min-width:1100px){ .on-wall{columns:3;column-gap:22px} }

/* ---------- Drobne ---------- */
.on-lead-strong{font:600 19px/1.4 var(--ff-h);color:var(--navy);margin-top:14px}
.on-intro>p+p{margin-top:12px}
.on-cta-row{justify-content:center;margin-top:28px}
.on-partners{margin-top:18px}
.on-partners .partners{grid-template-columns:repeat(2,1fr)}
@media (min-width:768px){ .on-partners .partners{grid-template-columns:repeat(2,minmax(0,200px))} }

/* ---------- Cele dotyku ≥ 44 px (recenzja): tylko strony tej grupy, bez zmiany wyglądu ---------- */
:is(.page-onas,.page-zespol,.page-profil,.page-opinie) a.link-arrow{min-height:44px}
:is(.page-onas,.page-zespol,.page-profil,.page-opinie) .rating a{display:inline-flex;align-items:center;min-height:44px;padding:0}
.page-profil .checks li>a{display:inline-block;padding:11px 0;margin:-11px 0}
.on-card h2 a{display:inline-block;padding:9px 0;margin:-9px 0}
/* link usługi w podpisie opinii: pole dotyku 44 px bez rozpychania wiersza */

/* ---------- Poprawki recenzji (2) ---------- */
/* Miętowy przycisk w granatowym pasie: kit (.sec--navy a{color:#fff}) dawał biały tekst na mięcie = 2,31:1.
   Granat na mięcie = 4,63:1 (AA). */
.page-onas .sec--navy .btn-mint{color:var(--navy)}
.page-onas .sec--navy .btn-mint:hover{background:#fff;color:var(--navy)}
/* „Czytaj całość” (.q-more) – 44 px: reguła przeniesiona do style.css (wszystkie strony) */
/* .pills{margin:0} i .partners{margin:0} z kitu kasują utility .mt-m – nagłówek dotykał pigułek */
:is(.page-onas,.page-zespol,.page-profil,.page-opinie) :is(.pills,.partners).mt-m{margin-top:24px}