/* ============================================================ PODSTRONY: usluga, terapeuta, kategoria, lista terapeutow Ten sam system wizualny co strona glowna (tokeny ze style.css). ============================================================ */ /* Kadence: zdejmujemy pojemnik i baner tytulu (mamy wlasne hero) */ body.single-hs_usluga .entry-hero, body.single-hs_terapeuta .entry-hero, body.tax-hs_kategoria_uslugi .entry-hero, body.post-type-archive-hs_terapeuta .entry-hero{display:none;} body.single-hs_usluga .content-container.site-container, body.single-hs_terapeuta .content-container.site-container, body.tax-hs_kategoria_uslugi .content-container.site-container, body.post-type-archive-hs_terapeuta .content-container.site-container{max-width:none;padding:0;} body.single-hs_usluga #primary, body.single-hs_terapeuta #primary, body.tax-hs_kategoria_uslugi #primary, body.post-type-archive-hs_terapeuta #primary{padding:0;margin:0;} body.single-hs_usluga .entry.content-bg, body.single-hs_terapeuta .entry.content-bg{background:none;box-shadow:none;padding:0;margin:0;} body.single-hs_usluga .entry-content-wrap, body.single-hs_terapeuta .entry-content-wrap, body.single-hs_usluga .content-wrap, body.single-hs_terapeuta .content-wrap, body.tax-hs_kategoria_uslugi .content-wrap, body.post-type-archive-hs_terapeuta .content-wrap{padding:0;margin:0;} /* ---------- HERO USLUGI / KATEGORII ---------- */ .hs-hero-usluga{background:var(--hs-brown-dark) center 45%/cover no-repeat;color:#fff;padding:96px 0 100px;text-align:left;} .hs-hero-usluga .hs-wrap{max-width:var(--hs-wrap);} .hs-hero-usluga h1{font-family:var(--hs-font-heading);font-size:clamp(2.1rem,4.6vw,3.3rem);line-height:1.14;font-weight:500;color:#fff;margin:0 0 .5em;max-width:760px;} .hs-hero-usluga .hs-hero-sub{font-size:1.08rem;max-width:620px;margin:0 0 1.8em;color:#F3EBE1;} .hs-hero-usluga .hs-hero-btny{justify-content:flex-start;} .hs-hero-usluga .hs-zaufanie{margin-top:24px;font-size:.9rem;color:#EFE5D9;display:flex;flex-wrap:wrap;gap:8px 16px;} .hs-hero-usluga .hs-zaufanie span+span::before{content:"·";margin-right:16px;opacity:.55;} /* ---------- LEAD + CYTAT ---------- */ .hs-lead-sekcja{padding:56px 0 44px;} .hs-lead-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:48px;align-items:start;} .hs-lead-usluga{font-family:var(--hs-font-heading);font-size:1.35rem;line-height:1.5;color:var(--hs-brown-deep);margin:0;} .hs-cytat-terapeuty{margin:0;padding:22px 26px;border-left:3px solid var(--hs-gold);background:var(--hs-cream-2);border-radius:0 var(--hs-radius) var(--hs-radius) 0;} .hs-cytat-terapeuty p{font-family:var(--hs-font-heading);font-style:italic;font-size:1.2rem;line-height:1.45;margin:0 0 .6em;color:var(--hs-brown-dark);} .hs-cytat-terapeuty footer{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--hs-gold);} /* ---------- TRESC Z EDYTORA ---------- */ .hs-tresc-usluga{max-width:780px;} .hs-tresc-usluga h2{font-family:var(--hs-font-heading);font-size:clamp(1.6rem,3vw,2.1rem);color:var(--hs-brown-dark);font-weight:500;margin:1.6em 0 .5em;} .hs-tresc-usluga h2:first-child{margin-top:0;} .hs-tresc-usluga h3{font-family:var(--hs-font-heading);font-size:1.35rem;color:var(--hs-brown-dark);font-weight:500;margin:1.4em 0 .4em;} .hs-tresc-usluga p,.hs-tresc-usluga li{color:var(--hs-text);line-height:1.7;} .hs-tresc-usluga ul,.hs-tresc-usluga ol{margin:22px 0;padding-left:1.2em;} .hs-tresc-usluga li{margin-bottom:.4em;} .hs-tresc-usluga a{color:var(--hs-brown-deep);border-bottom:1px solid var(--hs-gold);text-decoration:none;} /* ---------- CENNIK USLUGI ---------- */ .hs-cennik-usluga{list-style:none;margin:24px 0 0;padding:0;} .hs-cennik-usluga .hs-cennik-poz{display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:baseline;padding:16px 0;border-bottom:1px solid var(--hs-line);} .hs-cennik-usluga .hs-cennik-nazwa{font-family:var(--hs-font-heading);font-size:1.15rem;color:var(--hs-brown-dark);} .hs-cennik-usluga .hs-cennik-osoby{display:block;font-family:var(--hs-font-body);font-size:.82rem;color:var(--hs-muted);margin-top:2px;} .hs-cennik-usluga .hs-cennik-osoby a{color:var(--hs-muted);text-decoration:none;border-bottom:1px solid var(--hs-line);} .hs-cennik-usluga .hs-cennik-czas{font-size:.85rem;color:var(--hs-muted);white-space:nowrap;} .hs-cennik-usluga .hs-cennik-cena{font-family:var(--hs-font-heading);font-size:1.25rem;color:var(--hs-brown);white-space:nowrap;} .hs-cennik-dopisek{margin-top:18px;font-size:.9rem;color:var(--hs-muted);} .hs-cennik-dopisek a{color:var(--hs-brown-deep);} /* ---------- KTO PROWADZI ---------- */ .hs-prowadzacy{display:grid;grid-template-columns:1fr;gap:22px;margin-top:30px;} .hs-prow-karta{display:grid;grid-template-columns:220px 1fr;gap:28px;align-items:start;background:var(--hs-cream-2);border:1px solid var(--hs-line);border-radius:var(--hs-radius);padding:22px;} .hs-prow-foto{display:block;aspect-ratio:4/5;border-radius:calc(var(--hs-radius) - 6px);overflow:hidden;} .hs-prow-foto img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;} .hs-prow-tresc h3{font-family:var(--hs-font-heading);font-size:1.5rem;font-weight:500;margin:0 0 .15em;} .hs-prow-tresc h3 a{color:var(--hs-brown-dark);text-decoration:none;} .hs-prow-rola{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--hs-gold);margin:0 0 .9em;} .hs-prow-tresc p{color:var(--hs-text);margin:0 0 .8em;} .hs-prow-cytat{font-family:var(--hs-font-heading);font-style:italic;font-size:1.1rem;color:var(--hs-brown-deep);} /* ---------- CTA + DISCLAIMER ---------- */ .hs-cta-usluga h2{font-family:var(--hs-font-heading);font-size:clamp(1.6rem,3vw,2.2rem);font-weight:500;color:var(--hs-brown-dark);margin:0 0 .5em;} .hs-cta-usluga p{color:var(--hs-text);} .hs-center-btny{justify-content:center;margin-top:22px;} .hs-kontakt-linijka{margin-top:22px;font-size:.95rem;color:var(--hs-muted);} .hs-kontakt-linijka a{color:var(--hs-brown-deep);text-decoration:none;} .hs-disclaimer-tekst{margin-top:26px;font-size:.84rem;color:var(--hs-muted);max-width:720px;margin-left:auto;margin-right:auto;} /* ---------- KAFELKI (kategoria, pokrewne, uslugi terapeuty) ---------- */ .hs-kafelek-osoby{display:block;font-size:.82rem;color:var(--hs-muted);margin-bottom:.6em;} .hs-kafelek-foto img{width:100%;height:100%;object-fit:cover;display:block;} /* ---------- PROFIL TERAPEUTY ---------- */ .hs-prof-hero{padding-top:64px;} .hs-prof-grid{display:grid;grid-template-columns:380px 1fr;gap:56px;align-items:center;} .hs-prof-foto{border-radius:var(--hs-radius);overflow:hidden;aspect-ratio:4/5;} .hs-prof-foto img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;} .hs-prof-tresc h1{font-family:var(--hs-font-heading);font-size:clamp(2.1rem,4.4vw,3.2rem);font-weight:500;color:var(--hs-brown-dark);margin:0 0 .2em;} .hs-prof-rola{font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:var(--hs-gold);margin:0 0 1.2em;} .hs-prof-zajawka{font-family:var(--hs-font-heading);font-size:1.25rem;line-height:1.5;color:var(--hs-brown-deep);margin:0 0 1.2em;} .hs-prof-tresc .hs-cytat-terapeuty{margin-bottom:1.4em;} .hs-prof-tresc .hs-hero-btny{justify-content:flex-start;} .hs-prof-bio{max-width:780px;} .hs-prof-bio p{color:var(--hs-text);line-height:1.75;} .hs-prof-bio h2,.hs-prof-bio h3{font-family:var(--hs-font-heading);font-weight:500;color:var(--hs-brown-dark);} /* lista terapeutow: siatka kart z karuzeli, ale bez przewijania */ .hs-osoby-lista{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;} .hs-osoby-lista .hs-osoba-karta{width:auto;} .hs-osoby-lista .hs-osoba-imie a{color:var(--hs-brown-dark);text-decoration:none;} /* ============================================================ */ @media(max-width:1024px){ .hs-osoby-lista{grid-template-columns:repeat(2,1fr);} .hs-prof-grid{grid-template-columns:1fr;gap:30px;} .hs-prof-foto{max-width:420px;} } @media(max-width:860px){ .hs-hero-usluga{padding:64px 0 72px;} .hs-hero-usluga .hs-hero-btny .hs-btn{flex:1 1 100%;text-align:center;} .hs-lead-grid{grid-template-columns:1fr;gap:24px;} .hs-prow-karta{grid-template-columns:1fr;} .hs-prow-foto{max-width:260px;} .hs-cennik-usluga .hs-cennik-poz{grid-template-columns:1fr auto;} .hs-cennik-usluga .hs-cennik-czas{grid-column:1;font-size:.8rem;} .hs-osoby-lista{grid-template-columns:1fr;} .hs-center-btny .hs-btn{flex:1 1 100%;text-align:center;} } /* ---------- STRONA CENNIKA ([hs_cennik]) ---------- */ body.page-id-8979 .entry-hero{display:none;} body.page-id-8979 .entry.content-bg{background:none;box-shadow:none;} .hs-strona-cennik{max-width:860px;margin:0 auto;padding:56px 0 40px;} .hs-strona-cennik h1{font-family:var(--hs-font-heading);font-size:clamp(2rem,4vw,2.8rem);font-weight:500;color:var(--hs-brown-dark);margin:0 0 .4em;} .hs-strona-cennik h2{font-family:var(--hs-font-heading);font-size:1.7rem;font-weight:500;color:var(--hs-brown-dark);margin:2em 0 .6em;} .hs-cennik-szukaj{width:100%;padding:14px 18px;border:1px solid var(--hs-line);border-radius:var(--hs-radius-pill);background:var(--hs-cream-2);font-family:var(--hs-font-body);font-size:1rem;margin:0 0 22px;} .hs-cennik-szukaj:focus{outline:2px solid var(--hs-gold);border-color:var(--hs-gold);} .hs-cennik-kat{border:1px solid var(--hs-line);border-radius:var(--hs-radius);background:var(--hs-cream-2);margin-bottom:14px;padding:0 22px;} .hs-cennik-kat>summary{cursor:pointer;list-style:none;padding:18px 0;font-family:var(--hs-font-heading);font-size:1.35rem;color:var(--hs-brown-dark);display:flex;justify-content:space-between;align-items:center;gap:16px;} .hs-cennik-kat>summary::-webkit-details-marker{display:none;} .hs-cennik-kat>summary::after{content:"+";color:var(--hs-gold);font-size:1.5rem;} .hs-cennik-kat[open]>summary::after{content:"–";} .hs-cennik-lista{list-style:none;margin:0;padding:4px 0 12px;} .hs-cennik-lista .hs-cennik-poz{display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:baseline;padding:13px 0;border-top:1px solid var(--hs-line);} .hs-cennik-lista .hs-cennik-nazwa{color:var(--hs-brown-dark);} .hs-cennik-lista .hs-cennik-nazwa>a{color:var(--hs-brown-dark);text-decoration:none;border-bottom:1px solid transparent;} .hs-cennik-lista .hs-cennik-nazwa>a:hover{border-bottom-color:var(--hs-gold);} .hs-cennik-lista .hs-cennik-osoby{display:block;font-size:.82rem;color:var(--hs-muted);margin-top:2px;} .hs-cennik-lista .hs-cennik-osoby a{color:var(--hs-muted);text-decoration:none;border-bottom:1px solid var(--hs-line);} .hs-cennik-lista .hs-cennik-czas{font-size:.85rem;color:var(--hs-muted);white-space:nowrap;} .hs-cennik-lista .hs-cennik-cena{font-family:var(--hs-font-heading);font-size:1.2rem;color:var(--hs-brown);white-space:nowrap;} .hs-cennik-poz.hs-ukryta{display:none;} .hs-cennik-kat.hs-ukryta{display:none;} @media(max-width:860px){ .hs-cennik-lista .hs-cennik-poz{grid-template-columns:1fr auto;} .hs-cennik-lista .hs-cennik-czas{grid-column:1;} } /* ---------- PROFIL: KARTY USLUG Z AMELII ---------- */ .hs-am-karty{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:30px;} .hs-am-karta{display:flex;justify-content:space-between;align-items:center;gap:18px;background:var(--hs-cream-2);border:1px solid var(--hs-line);border-left:3px solid var(--hs-gold);border-radius:var(--hs-radius);padding:18px 22px;transition:box-shadow .25s,transform .25s;} .hs-am-karta:hover{box-shadow:0 10px 28px rgba(91,74,61,.12);transform:translateY(-2px);} .hs-am-karta-wybrana{border-color:var(--hs-gold);background:#FBF3E6;} .hs-am-karta h3{font-family:var(--hs-font-heading);font-size:1.2rem;font-weight:500;color:var(--hs-brown-dark);margin:0 0 .25em;line-height:1.3;} .hs-am-karta-meta{margin:0;font-size:.85rem;color:var(--hs-muted);display:flex;gap:14px;} .hs-am-karta-meta span+span::before{content:"\00B7";margin-right:14px;opacity:.6;} .hs-am-karta-btny{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex:none;} .hs-am-wiecej{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--hs-brown-deep);text-decoration:none;border-bottom:1px solid var(--hs-gold);padding-bottom:2px;white-space:nowrap;} .hs-btn-maly{padding:10px 20px;font-size:.85rem;} @media(max-width:860px){ .hs-am-karty{grid-template-columns:1fr;} .hs-am-karta{flex-direction:column;align-items:stretch;} .hs-am-karta-btny{flex-direction:row;justify-content:space-between;align-items:center;} } /* ramka „Rezerwujesz: ..." nad formularzem Amelii */ .hs-rez-wybor{display:flex;justify-content:space-between;align-items:center;gap:18px;background:#FBF3E6;border:1px solid var(--hs-gold);border-left:4px solid var(--hs-gold);border-radius:var(--hs-radius);padding:16px 20px;margin:18px 0 22px;} .hs-rez-wybor-tresc{display:flex;flex-direction:column;gap:3px;} .hs-rez-wybor-tresc strong{font-family:var(--hs-font-heading);font-size:1.25rem;font-weight:500;color:var(--hs-brown-dark);} .hs-rez-wybor-tresc span{font-size:.9rem;color:var(--hs-muted);} .hs-rez-zmien{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--hs-brown-deep);text-decoration:none;border-bottom:1px solid var(--hs-gold);white-space:nowrap;padding-bottom:2px;} @media(max-width:860px){ .hs-rez-wybor{flex-direction:column;align-items:flex-start;} } /* ============================================================ ZWYKLE STRONY (o nas, kontakt, rejestracja...): pelna szerokosc, bez banera tytulu Kadence (mamy wlasne hero w tresci) ============================================================ */ body.page:not(.home) .entry-hero{display:none;} body.page:not(.home) .content-container.site-container{max-width:none;padding-left:0;padding-right:0;} body.page:not(.home) #primary{padding:0;margin:0;} body.page:not(.home) .entry.content-bg{background:none;box-shadow:none;border:0;padding:0;margin:0;} body.page:not(.home) .entry-content-wrap,body.page:not(.home) .content-wrap,body.page:not(.home) .site-main{padding:0;margin:0;} body.page:not(.home) .entry-content>*{margin-top:0;margin-bottom:0;} /* landingi Elementora (Canvas) maja swoje style - nie ruszamy */ body.elementor-page .entry-content>*{margin-top:revert;margin-bottom:revert;} .hs-hero-niski{padding:72px 0 76px;} .hs-sekcja .hs-wrap>.wp-block-group__inner-container>h2,.hs-sekcja h2.wp-block-heading{font-family:var(--hs-font-heading);font-size:clamp(1.9rem,3.4vw,2.6rem);color:var(--hs-brown-dark);margin:0 0 .5em;font-weight:500;} .hs-tresc-usluga h2.wp-block-heading{font-size:clamp(1.6rem,3vw,2.1rem);} /* O nas */ .hs-onas.wp-block-columns{gap:56px;} .hs-onas-portret img{border-radius:var(--hs-radius);width:100%;height:auto;display:block;} .hs-podpis{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--hs-gold);margin-top:1.2em;} .hs-galeria.wp-block-gallery{gap:16px;margin-top:30px;} .hs-galeria .wp-block-image img{border-radius:var(--hs-radius);aspect-ratio:4/3;object-fit:cover;width:100%;height:100%;} /* Kontakt */ .hs-kontakt-grid.wp-block-columns{gap:48px;align-items:start;} .hs-kontakt-lista{list-style:none;margin:24px 0 26px;padding:0;} .hs-kontakt-lista li{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--hs-line);align-items:baseline;} .hs-kontakt-lista li span{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--hs-gold);} .hs-kontakt-lista li strong{font-weight:400;color:var(--hs-text);line-height:1.55;} .hs-kontakt-lista li strong small{display:block;color:var(--hs-muted);font-size:.85rem;margin-top:2px;} .hs-kontakt-lista a{color:var(--hs-brown-deep);text-decoration:none;border-bottom:1px solid var(--hs-gold);} .hs-mapa-kontakt{min-height:420px;} .hs-mapa-kontakt iframe{min-height:420px;} /* formularz Fluent na stronie kontaktu: w kolorach marki */ .hs-sekcja .fluentform .ff-el-input--label label{font-family:var(--hs-font-body);font-weight:600;color:var(--hs-brown-dark);font-size:.92rem;} .hs-sekcja .fluentform .ff-el-form-control{border:1px solid var(--hs-line);border-radius:12px;background:var(--hs-cream-2);padding:12px 14px;font-family:var(--hs-font-body);} .hs-sekcja .fluentform .ff-el-form-control:focus{border-color:var(--hs-gold);box-shadow:0 0 0 3px rgba(194,160,110,.18);outline:none;} .hs-sekcja .fluentform .ff-btn-submit{background:var(--hs-gold)!important;border:1.5px solid var(--hs-gold)!important;color:#fff!important;border-radius:var(--hs-radius-pill);padding:14px 34px;font-weight:700;font-family:var(--hs-font-body);} .hs-sekcja .fluentform .ff-btn-submit:hover{background:var(--hs-gold-hover)!important;border-color:var(--hs-gold-hover)!important;} @media(max-width:860px){ .hs-onas.wp-block-columns,.hs-kontakt-grid.wp-block-columns{gap:26px;} .hs-kontakt-lista li{grid-template-columns:1fr;gap:4px;} .hs-mapa-kontakt,.hs-mapa-kontakt iframe{min-height:300px;} .hs-galeria.wp-block-gallery{gap:10px;} } /* kolumny na kontakcie i o nas: pelna szerokosc pojemnika, nie zwezone przez Kadence */ .hs-kontakt-grid.wp-block-columns,.hs-onas.wp-block-columns{display:flex!important;width:100%;max-width:none;flex-wrap:wrap;} .hs-kontakt-grid.wp-block-columns>.wp-block-column{flex:1 1 380px;min-width:0;} .hs-onas.wp-block-columns>.wp-block-column{min-width:0;} .hs-onas.wp-block-columns>.wp-block-column:not([style]){flex:1 1 380px;} /* kontakt: widok z ulicy pod mapa */ .hs-sv-podpis{margin:18px 0 10px;font-size:.95rem;} .hs-streetview,.hs-streetview iframe{min-height:340px;} .hs-sv-podpis{margin:12px 0 0;font-size:.92rem;color:var(--hs-muted);} .hs-streetview{margin-top:22px;} /* ============================================================ PAKIETY (/pakiety/, 4 strony pakietow, /zamow-pakiet/, /dziekujemy-za-zakup-pakietu/). Tresc = natywne bloki, wyglad = te reguly. Klasy hs-pk-* nadaje sie w polu „Dodatkowe klasy CSS" bloku. ============================================================ */ /* hero: grupa z obrazem tla (zdjecie zmienia sie w panelu bloku), przyciemnienie CSS-em */ .hs-hero-pakiet.wp-block-group{position:relative;color:#fff;padding:96px 0 100px;background-color:var(--hs-brown-dark);background-size:cover;background-position:50% 45%;} .hs-hero-pakiet.wp-block-group::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(58,46,38,.86) 0%,rgba(58,46,38,.62) 50%,rgba(58,46,38,.28) 100%);} .hs-hero-pakiet.wp-block-group>*{position:relative;z-index:1;} .hs-hero-pakiet h1.wp-block-heading{font-family:var(--hs-font-heading);font-size:clamp(2.1rem,4.6vw,3.3rem);line-height:1.14;font-weight:500;color:#fff;margin:0 0 .5em;max-width:760px;} .hs-hero-pakiet .hs-hero-sub{font-size:1.1rem;max-width:640px;margin:0 0 1.1em;color:#F3EBE1;} .hs-hero-pakiet .hs-hero-hook{max-width:640px;margin:0 0 1.8em;color:#E8DDD0;font-size:1rem;line-height:1.7;} .hs-hero-pakiet .hs-zaufanie{margin:24px 0 0;font-size:.9rem;color:#EFE5D9;} .hs-hero-pakiet.hs-hero-niski{padding:72px 0 76px;} /* kolumny blokowe: pelna szerokosc, nie zwezone przez Kadence */ .hs-pk-siatka.wp-block-columns,.hs-pk-lead.wp-block-columns,.hs-pk-warianty.wp-block-columns{display:flex!important;width:100%;max-width:none;flex-wrap:wrap;gap:24px;} .hs-pk-siatka.wp-block-columns>.wp-block-column,.hs-pk-warianty.wp-block-columns>.wp-block-column{flex:1 1 380px;min-width:0;display:flex;} .hs-pk-siatka.wp-block-columns{margin-bottom:24px;} .hs-pk-siatka.wp-block-columns:last-child{margin-bottom:0;} .hs-pk-lead.wp-block-columns{gap:48px;align-items:center;} .hs-pk-lead.wp-block-columns>.wp-block-column{flex:1 1 380px;min-width:0;} .hs-pk-lead.wp-block-columns>.wp-block-column:first-child{flex:1.25 1 400px;} .hs-pk-lead .hs-lead-usluga{margin:0;} /* cytat blokowy w ramce */ .wp-block-quote.hs-cytat-terapeuty{margin:0;padding:22px 26px;border-left:3px solid var(--hs-gold);background:var(--hs-cream-2);border-radius:0 var(--hs-radius) var(--hs-radius) 0;} .wp-block-quote.hs-cytat-terapeuty p{font-family:var(--hs-font-heading);font-style:italic;font-size:1.2rem;line-height:1.45;margin:0 0 .6em;color:var(--hs-brown-dark);} .wp-block-quote.hs-cytat-terapeuty cite{display:block;font-style:normal;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--hs-gold);} /* karty pakietow na hubie */ .hs-pk-karta.wp-block-group{position:relative;display:flex;flex-direction:column;width:100%;background:var(--hs-cream-2);border:1px solid var(--hs-line);border-radius:var(--hs-radius);padding:34px 32px 30px;box-shadow:0 10px 34px rgba(91,74,61,.08);transition:transform .25s,box-shadow .25s;} .hs-pk-karta.wp-block-group:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(91,74,61,.14);} .hs-pk-karta.hs-pk-wyrozniona{border:1.5px solid var(--hs-gold);} .hs-pk-karta .hs-pk-badge{position:absolute;top:-13px;left:32px;margin:0;} .hs-pk-karta h3.wp-block-heading{font-family:var(--hs-font-heading);font-size:1.7rem;font-weight:500;color:var(--hs-brown-dark);margin:0 0 .4em;line-height:1.15;} .hs-pk-karta .hs-pk-dla{color:var(--hs-muted);margin:0 0 1.3em;flex:1 0 auto;} .hs-pk-karta .hs-przyciski{margin-top:auto;} .hs-pk-tag{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--hs-gold);font-weight:700;margin:0 0 .7em;} .hs-pk-badge{display:inline-block;background:var(--hs-gold);color:#fff;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;padding:6px 16px;border-radius:var(--hs-radius-pill);box-shadow:0 6px 16px rgba(194,160,110,.35);} .hs-pk-cena{font-family:var(--hs-font-heading);font-size:1.5rem;color:var(--hs-brown);font-weight:500;margin:0 0 1.2em;} .hs-pk-cena small{font-family:var(--hs-font-body);font-size:.82rem;color:var(--hs-muted);font-weight:400;} .hs-sekcja-wstep{max-width:680px;color:var(--hs-muted);margin:0 0 2em;} /* lista „dla kogo": kafelki 2 kolumny */ ul.hs-pk-kafle{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:32px 0;padding:0;} ul.hs-pk-kafle li{background:var(--hs-cream-2);border:1px solid var(--hs-line);border-radius:14px;padding:16px 18px;font-size:.98rem;display:flex;gap:11px;align-items:center;margin:0;} /* znak Holistic Space zamiast gwiazdki; maska pozwala sterowac kolorem z CSS */ ul.hs-pk-kafle li::before{ content:"";flex:none;width:14px;height:14px;background:var(--hs-gold); -webkit-mask:url(znak-holistic.svg) center/contain no-repeat; mask:url(znak-holistic.svg) center/contain no-repeat; } /* kroki / co zawiera: numerowane karty */ ol.hs-pk-kroki{list-style:none;counter-reset:hs-krok;display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:26px 0 0;padding:0;} ol.hs-pk-kroki li{counter-increment:hs-krok;position:relative;background:var(--hs-cream-2);border:1px solid var(--hs-line);border-radius:var(--hs-radius);padding:24px 24px 22px 74px;color:var(--hs-muted);font-size:.95rem;line-height:1.6;margin:0;} ol.hs-pk-kroki li::before{content:counter(hs-krok);position:absolute;left:24px;top:24px;width:34px;height:34px;border-radius:50%;background:var(--hs-gold);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;} ol.hs-pk-kroki li strong{display:block;font-family:var(--hs-font-heading);font-weight:500;font-size:1.2rem;color:var(--hs-brown-dark);margin-bottom:.25em;line-height:1.25;} /* cena: jedna */ .hs-pk-cena-box.wp-block-group{background:var(--hs-cream-2);border:1.5px solid var(--hs-gold);border-radius:var(--hs-radius);box-shadow:0 10px 34px rgba(91,74,61,.08);padding:34px;max-width:600px;margin:26px auto 0;text-align:center;} .hs-pk-kwota{font-family:var(--hs-font-heading);font-size:2.9rem;line-height:1;color:var(--hs-brown-dark);font-weight:500;margin:0 0 .3em;} .hs-pk-promo{display:inline-block;background:var(--hs-beige);color:var(--hs-brown-deep);font-size:.82rem;font-weight:700;padding:6px 16px;border-radius:var(--hs-radius-pill);margin:0 0 1.2em;} .hs-pk-cena-box .hs-pk-promo{margin-left:auto;margin-right:auto;} .hs-pk-cena-opis{color:var(--hs-muted);font-size:.95rem;margin:0 0 .8em;} .hs-pk-cena-box .hs-przyciski{margin:22px 0 0;} .hs-pk-nota{font-size:.88rem;color:var(--hs-muted);margin:18px 0 0;} .hs-pk-nota a{color:var(--hs-brown-deep);text-decoration:none;border-bottom:1px solid var(--hs-gold);} .hs-pk-wstep-srodek{max-width:640px;margin:0 auto;color:var(--hs-muted);} /* cena: dwa warianty */ .hs-pk-warianty.wp-block-columns{margin-top:30px;align-items:stretch;} .hs-pk-wariant.wp-block-group{width:100%;background:var(--hs-cream-2);border:1px solid var(--hs-line);border-radius:var(--hs-radius);padding:30px 28px 26px;text-align:left;display:flex;flex-direction:column;} .hs-pk-wariant.hs-pk-premium{border:1.5px solid var(--hs-gold);box-shadow:0 12px 36px rgba(91,74,61,.10);} .hs-pk-wariant .hs-pk-badge{align-self:flex-start;margin:0 0 14px;} .hs-pk-wariant .hs-pk-kwota{font-size:2.4rem;margin:0 0 .5em;} ul.hs-pk-zawiera{list-style:none;margin:0 0 22px;padding:0;flex:1 0 auto;} ul.hs-pk-zawiera li{position:relative;padding:9px 0 9px 26px;border-bottom:1px solid var(--hs-line);font-size:.95rem;color:var(--hs-text);margin:0;} ul.hs-pk-zawiera li:last-child{border-bottom:0;} ul.hs-pk-zawiera li::before{content:"✓";position:absolute;left:0;top:9px;color:var(--hs-gold);font-weight:700;} .hs-pk-wariant .hs-przyciski .wp-block-button{flex:1 1 100%;} .hs-pk-wariant .hs-przyciski .wp-block-button__link{display:block;text-align:center;} /* FAQ jako blok „Szczegoly” (core/details) */ .wp-block-details.hs-faq-poz{border-bottom:1px solid var(--hs-line);} .wp-block-details.hs-faq-poz summary{cursor:pointer;padding:20px 0;font-family:var(--hs-font-heading);font-size:1.25rem;color:var(--hs-brown-dark);list-style:none;display:flex;justify-content:space-between;gap:18px;align-items:center;} .wp-block-details.hs-faq-poz summary::-webkit-details-marker{display:none;} .wp-block-details.hs-faq-poz summary::after{content:"+";color:var(--hs-gold);font-size:1.5rem;flex:none;} .wp-block-details.hs-faq-poz[open] summary::after{content:"–";} .wp-block-details.hs-faq-poz p{padding:0 0 20px;color:var(--hs-muted);margin:0;} .wp-block-details.hs-faq-poz a{color:var(--hs-brown-deep);} .hs-sekcja .hs-faq{margin-top:10px;} /* disclaimer w ramce */ .hs-pk-disc{background:var(--hs-beige);border-radius:14px;padding:18px 22px;font-size:.9rem;color:var(--hs-muted);margin:0;} .hs-sekcja.hs-pk-disc-sekcja{padding:0 0 56px;} /* ciemne CTA na koncu */ .hs-pk-cta.wp-block-group{background:linear-gradient(135deg,var(--hs-brown),var(--hs-brown-dark));color:#F2ECE3;} .hs-sekcja.hs-pk-cta h2.wp-block-heading,.hs-pk-cta h2{color:#fff!important;font-family:var(--hs-font-heading);font-size:clamp(1.7rem,3.2vw,2.4rem);font-weight:500;margin:0 0 .5em;} .hs-pk-cta p{color:#E6DDD0;} .hs-pk-cta .hs-przyciski{margin:22px 0 0;} .hs-pk-cta .hs-pk-nap{font-size:.86rem;color:#CFC4B3;margin:26px 0 0;} .hs-pk-cta .hs-pk-nap a{color:#E8DCC6;text-decoration:none;} /* zamow pakiet + dziekujemy */ .hs-pk-zamow-naglowek.wp-block-group,.hs-pk-dz-naglowek.wp-block-group{padding-bottom:30px;} .hs-pk-zamow-naglowek h1.wp-block-heading,.hs-pk-dz-naglowek h1.wp-block-heading{font-family:var(--hs-font-heading);font-size:clamp(2rem,4.2vw,3rem);font-weight:500;color:var(--hs-brown-dark);margin:0 0 .4em;} .hs-pk-zamow-naglowek .hs-hero-sub,.hs-pk-dz-naglowek .hs-hero-sub{font-size:1.1rem;color:var(--hs-muted);margin:0;} .hs-pk-dz-naglowek .hs-hero-sub{margin:0 auto;max-width:620px;} .hs-pk-zamow .fluentform{background:var(--hs-cream-2);border:1px solid var(--hs-line);border-radius:var(--hs-radius);padding:30px 28px;} .hs-pk-zamow .hs-pk-nota{text-align:center;} .hs-pk-oplacone{display:inline-block;background:var(--hs-cream-2);border:1px solid var(--hs-line);border-radius:var(--hs-radius-pill);padding:12px 22px 12px 44px;font-size:.92rem;color:var(--hs-brown-deep);position:relative;margin:0 0 30px;} .hs-pk-oplacone::before{content:"✓";position:absolute;left:14px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;background:var(--hs-gold);color:#fff;font-size:.85rem;font-weight:700;display:flex;align-items:center;justify-content:center;} .hs-pk-dz{text-align:center;} .hs-pk-dz .amelia-v2-booking,.hs-pk-dz .amelia-app-booking{text-align:left;max-width:940px;margin:0 auto;} @media(max-width:860px){ .hs-hero-pakiet.wp-block-group{padding:64px 0 72px;} .hs-hero-pakiet .hs-przyciski .wp-block-button{flex:1 1 100%;} .hs-hero-pakiet .hs-przyciski .wp-block-button__link{display:block;text-align:center;} .hs-pk-siatka.wp-block-columns,.hs-pk-lead.wp-block-columns,.hs-pk-warianty.wp-block-columns{gap:18px;} .hs-pk-siatka.wp-block-columns{margin-bottom:18px;} ul.hs-pk-kafle,ol.hs-pk-kroki{grid-template-columns:1fr;} .hs-pk-karta.wp-block-group{padding:28px 22px 24px;} .hs-pk-cena-box.wp-block-group{padding:26px 20px;} .hs-pk-wariant.wp-block-group{padding:24px 20px 22px;} .hs-pk-zamow .fluentform{padding:20px 16px;} } /* ---------- WELLBEING DLA FIRM ---------- */ .hs-wb-forma.wp-block-group{background:var(--hs-cream-2);border:1px solid var(--hs-line);border-radius:var(--hs-radius);padding:28px 30px 24px;margin:0 0 18px;} .hs-wb-forma h3.wp-block-heading{font-family:var(--hs-font-heading);font-size:1.5rem;font-weight:500;color:var(--hs-brown-dark);margin:0 0 .5em;} .hs-wb-forma p{color:var(--hs-text);} ul.hs-wb-lista{list-style:none;margin:18px 0 32px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:4px 24px;} ul.hs-wb-lista li{position:relative;padding-left:20px;font-size:.95rem;margin:0;line-height:1.55;} ul.hs-wb-lista li::before{ content:"";position:absolute;left:0;top:.34em;width:12px;height:12px;background:var(--hs-gold); -webkit-mask:url(znak-holistic.svg) center/contain no-repeat; mask:url(znak-holistic.svg) center/contain no-repeat; } ul.hs-wb-chipsy{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px;} ul.hs-wb-chipsy li{background:var(--hs-cream-2);border:1px solid var(--hs-line);border-radius:var(--hs-radius-pill);padding:9px 18px;font-size:.92rem;color:var(--hs-brown-deep);margin:0;} .hs-pk-cta ul.hs-wb-lista-jasna{list-style:none;margin:0 auto 1.2em;padding:0;max-width:480px;text-align:left;} .hs-pk-cta ul.hs-wb-lista-jasna li{position:relative;padding:6px 0 6px 22px;color:#F2ECE3;margin:0;} .hs-pk-cta ul.hs-wb-lista-jasna li::before{content:"✓";position:absolute;left:0;color:var(--hs-gold-light);font-weight:700;} .hs-wb-formularz.wp-block-group{max-width:680px;margin:-120px auto 50px;background:var(--hs-cream-2);border-radius:var(--hs-radius);padding:34px 30px;box-shadow:0 14px 40px rgba(91,74,61,.16);position:relative;z-index:2;} .hs-wb-formularz .fluentform .ff-btn-submit{background:var(--hs-gold)!important;border:1.5px solid var(--hs-gold)!important;color:#fff!important;border-radius:var(--hs-radius-pill);padding:14px 34px;font-weight:700;} .hs-wb-formularz .fluentform .ff-el-form-control{border:1px solid var(--hs-line);border-radius:12px;background:#fff;padding:12px 14px;font-family:var(--hs-font-body);} .hs-wb-kontakt.wp-block-group{padding-bottom:160px;} .hs-wb-kontakty.wp-block-columns>.wp-block-column{flex:1 1 240px;} .hs-wb-karta-k.wp-block-group{text-align:center;padding:22px 24px;} .hs-wb-karta-k .hs-pk-tag{margin-bottom:.4em;} .hs-wb-k{font-family:var(--hs-font-heading);font-size:1.25rem;color:var(--hs-brown-dark);margin:0;line-height:1.35;} .hs-wb-k a{color:var(--hs-brown-dark);text-decoration:none;} .hs-wb-k a:hover{color:var(--hs-gold);} /* ---------- STRONY PRAWNE (regulamin, polityka) ---------- */ .hs-tresc-prawna h2.wp-block-heading{font-size:1.45rem;margin:1.8em 0 .5em;} .hs-tresc-prawna h2.wp-block-heading:first-child{margin-top:0;} .hs-tresc-prawna h3.wp-block-heading{font-size:1.2rem;} .hs-tresc-prawna p,.hs-tresc-prawna li{font-size:.97rem;line-height:1.7;color:var(--hs-text);} ol.hs-lista-prawna{padding-left:1.4em;margin:0 0 1.2em;} ol.hs-lista-prawna li{margin-bottom:.55em;} ol.hs-lista-rzymska{list-style-type:lower-roman;} ul.hs-lista-prawna{padding-left:1.2em;margin:.5em 0 .6em;list-style:disc;} ul.hs-lista-litery{list-style:none;padding-left:.4em;} .hs-tresc-prawna a{color:var(--hs-brown-deep);border-bottom:1px solid var(--hs-gold);text-decoration:none;} /* ---------- WARSZTATY: kafelki HTML (warstwa 3) w tresci blokowej ---------- */ .entry-content>#hs-warsztaty{width:100%!important;max-width:100%!important;margin-left:0!important;} /* dziekujemy (warsztat): ramka z przyciskami */ .hs-pk-dz-naglowek .hs-pk-cena-box.wp-block-group{margin-top:30px;} .hs-pk-dz-naglowek .hs-przyciski .wp-block-button__link{display:inline-block;} @media(max-width:860px){ ul.hs-wb-lista{grid-template-columns:1fr;} .hs-wb-forma.wp-block-group{padding:22px 18px 18px;} .hs-wb-formularz.wp-block-group{margin-top:-90px;padding:24px 16px;} } /* ---------- PROFIL TERAPEUTY: lewa kolumna „przyklejona" (jak w makiecie designera) ---------- */ .hs-prof-grid{align-items:start;gap:64px;} .hs-prof-lewa{position:sticky;top:112px;display:flex;flex-direction:column;gap:18px;} .hs-prof-ramka{background:var(--hs-beige);border-radius:var(--hs-radius);padding:22px 24px;} .hs-prof-ramka-rola{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--hs-gold);margin:0 0 .5em;} .hs-prof-ramka-gdzie{font-size:.9rem;color:var(--hs-muted);margin:0 0 1em;} .hs-prof-ramka .hs-hero-btny{justify-content:flex-start;gap:10px;} .hs-prof-ramka .hs-btn{padding:12px 20px;font-size:.9rem;} .hs-prof-tresc .hs-prof-bio{margin-top:2em;max-width:none;} .hs-prof-tresc .hs-prof-bio .hs-eyebrow{display:none;} @media(max-width:1024px){ .hs-prof-lewa{position:static;flex-direction:row;align-items:flex-start;gap:24px;} .hs-prof-lewa .hs-prof-foto{flex:0 0 220px;max-width:220px;} .hs-prof-ramka{flex:1;} } @media(max-width:640px){ .hs-prof-lewa{flex-direction:column;} .hs-prof-lewa .hs-prof-foto{max-width:100%;flex:none;} } /* ---------- STRONA USLUGI: tresc + przyklejony panel rezerwacji (jak w makiecie) ---------- */ .hs-usluga-sekcja{padding-top:56px;} .hs-usluga-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:64px;align-items:start;} .hs-usluga-tresc .hs-lead-usluga{margin:0 0 1.2em;} .hs-usluga-tresc .hs-cytat-terapeuty{margin:0 0 2em;} .hs-usluga-tresc .hs-tresc-usluga{max-width:none;} .hs-usluga-aside{position:sticky;top:var(--hs-sticky-top,112px);background:var(--hs-cream-2);border:1px solid var(--hs-line);border-radius:var(--hs-radius);padding:26px 26px 22px;box-shadow:0 12px 36px rgba(91,74,61,.10);} .hs-aside-eyebrow{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--hs-gold);font-weight:700;margin:0 0 .5em;} .hs-aside-tytul{font-family:var(--hs-font-heading);font-size:1.45rem;font-weight:500;color:var(--hs-brown-dark);margin:0 0 .7em;line-height:1.2;} .hs-aside-ceny{list-style:none;margin:0 0 18px;padding:0;} .hs-aside-ceny li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:9px 0;border-bottom:1px solid var(--hs-line);font-size:.93rem;color:var(--hs-text);} .hs-aside-ceny li small{display:block;color:var(--hs-muted);font-size:.8rem;} .hs-aside-ceny li strong{font-family:var(--hs-font-heading);font-size:1.2rem;font-weight:500;color:var(--hs-brown);white-space:nowrap;} .hs-aside-ceny .hs-aside-wiecej{border-bottom:0;padding-top:6px;} .hs-aside-ceny .hs-aside-wiecej a{font-size:.85rem;color:var(--hs-brown-deep);} .hs-aside-osoby{display:flex;flex-direction:column;gap:8px;margin:0 0 18px;} .hs-aside-osoba{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--hs-brown-dark);font-size:.95rem;} .hs-aside-osoba img{width:44px;height:44px;border-radius:50%;object-fit:cover;object-position:center top;flex:none;} .hs-aside-osoba small{display:block;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--hs-muted);} .hs-aside-btn{display:block;text-align:center;width:100%;} .hs-aside-tel{display:block;text-align:center;margin:12px 0 0;font-size:.9rem;color:var(--hs-brown-deep);text-decoration:none;} .hs-aside-nota{margin:16px 0 0;font-size:.82rem;color:var(--hs-muted);line-height:1.55;} .hs-aside-nota a{color:var(--hs-brown-deep);} @media(max-width:1024px){ .hs-usluga-grid{grid-template-columns:1fr;gap:32px;} .hs-usluga-aside{position:static;} } /* ============================================================ NAGLOWEK v2 (jak stara strona): nad hero przezroczysty, po przewinieciu brazowy + przyklejony, duze logo. Klasy nadaje hs.js: body.hs-nad-hero / body.hs-bez-hero, .hs-header.hs-zwiniety ============================================================ */ .hs-header{position:fixed;top:0;left:0;right:0;z-index:900;background:transparent;transition:background .35s ease,box-shadow .35s ease;} body.hs-bez-hero #tresc{padding-top:var(--hs-header-h,96px);} body.hs-nad-hero .hs-hero-glowna{padding-top:calc(var(--hs-header-h,116px) + 56px);} body.hs-nad-hero .hs-hero-usluga,body.hs-nad-hero .hs-hero-pakiet.wp-block-group{padding-top:calc(var(--hs-header-h,116px) + 56px);} /* pasek kontaktowy: na zdjeciu jasny, po przewinieciu zwija sie */ .hs-header .hs-topbar{background:transparent;color:#F3EBE1;border-bottom:1px solid rgba(255,255,255,.14);max-height:60px;overflow:hidden;transition:max-height .3s ease,opacity .3s ease;} .hs-header .hs-topbar a{color:#F3EBE1;} .hs-header .hs-topbar a:hover{color:var(--hs-gold-light);} body.hs-bez-hero .hs-header .hs-topbar,.hs-header.hs-zwiniety .hs-topbar{max-height:0;opacity:0;border-bottom:0;} /* pasek glowny */ .hs-header .hs-bar{position:static;background:transparent;border-bottom:0;} .hs-bar-in{padding-top:12px;padding-bottom:12px;gap:26px;} .hs-logo img{height:64px;width:auto;transition:height .3s ease;} .hs-header.hs-zwiniety .hs-logo img{height:54px;} .hs-menu a{color:#F6F1E9;} .hs-menu a:hover{color:var(--hs-gold-light);} .hs-menu .sub-menu a{color:var(--hs-brown-dark);} .hs-menu .sub-menu a:hover{color:var(--hs-gold);} .hs-cta{background:var(--hs-gold);color:#fff;} .hs-cta:hover{background:var(--hs-gold-hover);} .hs-burger span{background:#F6F1E9;} .hs-tel-ikona{color:#F6F1E9;} /* stan brazowy */ .hs-header.hs-zwiniety{background:var(--hs-brown);box-shadow:0 6px 24px rgba(58,46,38,.18);} /* menu na telefon w brazie */ .hs-mobile{background:var(--hs-brown);border-bottom:1px solid rgba(255,255,255,.15);max-height:calc(100vh - 70px);overflow:auto;} .hs-mobile-menu a,.hs-mobile ul a{color:#F6F1E9;border-color:rgba(255,255,255,.15);} .hs-mobile ul .sub-menu a{color:#E8DDD0;} .hs-mobile-kontakt a{color:#F6F1E9;border-color:rgba(255,255,255,.3);} @media(max-width:1100px){ .hs-logo img{height:52px;} .hs-header.hs-zwiniety .hs-logo img{height:44px;} .hs-bar-in{padding-top:10px;padding-bottom:10px;} body.hs-nad-hero .hs-hero-glowna,body.hs-nad-hero .hs-hero-usluga,body.hs-nad-hero .hs-hero-pakiet.wp-block-group{padding-top:calc(var(--hs-header-h,72px) + 36px);} } /* logo nie moze sie kurczyc w pasku (flex), menu ciasniejsze, zeby zmiescilo sie 8 pozycji + przycisk */ .hs-logo{flex:0 0 auto;display:block;} .hs-logo img{height:58px;width:auto;max-width:none;} .hs-header.hs-zwiniety .hs-logo img{height:50px;} .hs-bar-in{gap:18px;} .hs-menu{gap:18px;} .hs-menu a{font-size:.78rem;letter-spacing:.1em;} .hs-cta{padding:11px 20px;font-size:.76rem;letter-spacing:.1em;} @media(max-width:1180px){ .hs-menu{gap:14px;} .hs-menu a{font-size:.74rem;letter-spacing:.06em;} .hs-logo img{height:50px;} } /* ---------- MENU ROZWIJANE v2 (jak stara strona): brazowe, 3 poziomy, bez przerwy przy najezdzaniu ---------- */ .hs-menu > li{position:relative;padding:12px 0;} .hs-menu > li.menu-item-has-children > a::after{content:"\25BE";font-size:.75em;margin-left:6px;opacity:.85;} .hs-menu .sub-menu{display:none;position:absolute;left:-14px;top:100%;margin:0;padding:10px 0;min-width:260px;background:var(--hs-brown);border:0;border-radius:6px;box-shadow:0 16px 38px rgba(58,46,38,.3);z-index:60;} .hs-menu .sub-menu::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px;} /* mostek: mysz nie gubi menu */ .hs-menu li:hover > .sub-menu,.hs-menu li:focus-within > .sub-menu{display:block;} .hs-menu .sub-menu li{position:relative;} .hs-menu .sub-menu a{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:9px 20px;color:#F6F1E9;text-transform:none;letter-spacing:0;font-size:.92rem;font-weight:600;white-space:nowrap;} .hs-menu .sub-menu a:hover{color:var(--hs-gold-light);background:rgba(255,255,255,.06);} .hs-menu .sub-menu .menu-item-has-children > a::after{content:"\203A";font-size:1.05em;opacity:.8;} .hs-menu .sub-menu .sub-menu{left:100%;top:-10px;} .hs-menu .sub-menu .sub-menu::before{left:-12px;right:auto;top:0;bottom:0;width:12px;height:auto;} /* telefon: Uslugi pokazuje Pakiety + kategorie, listy uslug w kategoriach schowane (za dlugie) */ .hs-mobile ul .sub-menu .sub-menu{display:none !important;} /* ---------- PRZYCISKI JAK NA LANDINGACH: zloto #C2A06E + delikatna poswiata (decyzja Przemka 22.08) ---------- */ @keyframes hsPoswiata{0%,100%{box-shadow:0 8px 22px rgba(194,160,110,.32);}50%{box-shadow:0 8px 30px rgba(194,160,110,.62);}} .hs-btn,.hs-przyciski .wp-block-button__link,.hs-cta,.hs-aside-btn,.hs-sekcja .fluentform .ff-btn-submit,.hs-wb-formularz .fluentform .ff-btn-submit,.hs-pk-zamow .fluentform .ff-btn-submit{ background:var(--hs-btn)!important;border-color:var(--hs-btn)!important;color:#fff!important; box-shadow:0 8px 22px rgba(194,160,110,.32);animation:hsPoswiata 3.2s ease-in-out infinite; } .hs-btn:hover,.hs-przyciski .wp-block-button__link:hover,.hs-cta:hover,.hs-aside-btn:hover,.hs-sekcja .fluentform .ff-btn-submit:hover{ background:var(--hs-btn-hover)!important;border-color:var(--hs-btn-hover)!important;animation:none;box-shadow:0 12px 34px rgba(194,160,110,.7);transform:translateY(-2px); } /* przyciski obrysowe zostaja przezroczyste, bez poswiaty */ .hs-btn-obrys,.hs-btn-jasny,.hs-przyciski .hs-obrys .wp-block-button__link,.hs-przyciski .hs-obrys-ciemny .wp-block-button__link,.hs-am-wiecej{ background:transparent!important;box-shadow:none;animation:none; } .hs-btn-obrys,.hs-przyciski .hs-obrys .wp-block-button__link{border-color:rgba(255,255,255,.65)!important;color:#fff!important;} .hs-btn-obrys:hover,.hs-przyciski .hs-obrys .wp-block-button__link:hover{background:rgba(255,255,255,.12)!important;border-color:#fff!important;transform:none;} .hs-btn-jasny,.hs-przyciski .hs-obrys-ciemny .wp-block-button__link{border-color:var(--hs-btn)!important;color:var(--hs-brown-deep)!important;} .hs-btn-jasny:hover,.hs-przyciski .hs-obrys-ciemny .wp-block-button__link:hover{background:var(--hs-btn)!important;color:#fff!important;transform:none;} .hs-btn-maly{box-shadow:0 4px 12px rgba(194,160,110,.3);} @media(prefers-reduced-motion:reduce){.hs-btn,.hs-przyciski .wp-block-button__link,.hs-cta,.hs-aside-btn{animation:none;}} /* pasek na cala szerokosc ekranu (jak stara strona): logo przy lewej krawedzi, menu przy prawej, odstep miedzy nimi */ .hs-header .hs-bar-in,.hs-header .hs-topbar-in{max-width:none;padding-left:32px;padding-right:32px;} .hs-header .hs-nav{margin-left:auto;padding-left:40px;} @media(max-width:860px){.hs-header .hs-bar-in{padding-left:18px;padding-right:18px;}} /* menu + przycisk wysrodkowane w przestrzeni na prawo od logo (jak stara strona), nie przyklejone do prawej krawedzi */ @media(min-width:861px){ .hs-header .hs-nav{margin-left:auto;padding-left:24px;} .hs-header .hs-cta{margin-left:26px;margin-right:auto;} .hs-menu{gap:24px;} .hs-menu a{font-size:.82rem;letter-spacing:.1em;font-weight:700;} } @media(max-width:1180px){ .hs-menu{gap:16px;} .hs-header .hs-cta{margin-left:16px;} } /* zdjecia w tresci uslugi (figure z podpisem) */ .hs-tresc-usluga .hs-figura{margin:26px 0;} .hs-tresc-usluga .hs-figura img{width:100%;height:auto;border-radius:var(--hs-radius);display:block;} .hs-tresc-usluga .hs-figura-mala{max-width:420px;} .hs-tresc-usluga .hs-figura figcaption{font-size:.85rem;color:var(--hs-muted);margin-top:8px;} /* zdjecia w tresci: nie wyzsze niz 460 px (pionowe kadry) */ .hs-tresc-usluga .hs-figura img{max-height:460px;object-fit:cover;object-position:center;} /* linki wewnetrzne w tresci (automat hs_linki_wewnetrzne) */ .hs-link-wew{color:var(--hs-brown-deep);text-decoration:none;border-bottom:1px solid var(--hs-gold);} .hs-link-wew:hover{color:var(--hs-gold);} /* cennik uslugi: cena zawsze w ostatniej kolumnie, wyrownana do prawej (takze gdy pozycja nie ma czasu trwania) */ .hs-cennik-usluga .hs-cennik-poz{grid-template-columns:1fr 88px 110px;} .hs-cennik-usluga .hs-cennik-czas{grid-column:2;text-align:right;} .hs-cennik-usluga .hs-cennik-cena{grid-column:3;text-align:right;} @media(max-width:860px){ .hs-cennik-usluga .hs-cennik-poz{grid-template-columns:1fr 100px;} .hs-cennik-usluga .hs-cennik-czas{grid-column:1;text-align:left;} .hs-cennik-usluga .hs-cennik-cena{grid-column:2;grid-row:1;} } /* cytat: imie i rola w jednej linii pod cytatem */ .hs-cytat-terapeuty footer cite{display:inline;font-style:normal;} .hs-usluga-tresc .hs-cytat-terapeuty footer{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--hs-gold);} .hs-aside-osoby{max-height:none;} /* ===== BLOG (krok 4): filtr tematow, metryka, autor, stronicowanie ===== */ .hs-wpis-kategorie{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px} .hs-wpis-kat{display:inline-block;padding:7px 14px;border:1px solid var(--hs-line);border-radius:999px; font-size:.9rem;text-decoration:none;color:var(--hs-brown);background:transparent;transition:.15s} .hs-wpis-kat:hover{background:var(--hs-beige);border-color:var(--hs-gold)} .hs-wpis-kat-aktywna{background:var(--hs-brown);border-color:var(--hs-brown);color:var(--hs-white)} .hs-wpis-strony{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:32px 0 0} .hs-wpis-strony .page-numbers{display:inline-block;min-width:40px;padding:9px 13px;text-align:center; border:1px solid var(--hs-line);border-radius:8px;text-decoration:none;color:var(--hs-brown)} .hs-wpis-strony .page-numbers:hover{background:var(--hs-beige)} .hs-wpis-strony .page-numbers.current{background:var(--hs-brown);border-color:var(--hs-brown);color:var(--hs-white)} .hs-wpis-autor{display:flex;gap:18px;align-items:flex-start;margin:38px 0 0;padding:22px; background:var(--hs-beige);border-radius:var(--hs-radius)} .hs-wpis-autor-foto{width:88px;height:88px;border-radius:50%;object-fit:cover;flex:0 0 88px} .hs-wpis-autor-tresc{flex:1 1 auto;min-width:0} .hs-wpis-autor .hs-eyebrow{margin:0 0 4px} .hs-wpis-autor-nazwa{margin:0 0 6px;font-weight:600;font-size:1.05rem} .hs-wpis-autor-nazwa a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px} .hs-wpis-autor-nazwa span{display:block;font-weight:400;font-size:.9rem;color:var(--hs-brown);margin-top:2px} .hs-wpis-autor-opis{margin:0;font-size:.95rem;line-height:1.6} .hs-wpis .hs-tresc-usluga>*:first-child{margin-top:0} @media (max-width:600px){ .hs-wpis-autor{flex-direction:column;gap:12px;padding:18px} .hs-wpis-autor-foto{width:72px;height:72px;flex:0 0 72px} } /* cytat: taki sam odstep jak zdjecie, zeby bloki mialy jeden rytm */ .hs-tresc-usluga blockquote{margin:26px 0;} /* ---------- Rozwijane „Usługi": grupa „Pomagamy przy" na górze (23.08.2026) ---------- Strony problemowe siedzą na 2. poziomie, bo 3. poziom jest na telefonie ukryty. Etykietę i kreskę oddzielającą rysujemy CSS-em, żeby nie tworzyć pozycji-atrapy z pustym linkiem. */ .hs-menu .sub-menu li.hs-poz-problem-pierwszy::before, .hs-mobile ul li.hs-poz-problem-pierwszy::before{ content:"Pomagamy przy"; display:block; padding:8px 20px 2px; font-size:.68rem; letter-spacing:.16em; text-transform:uppercase; color:var(--hs-gold-light); opacity:.75; } .hs-mobile ul li.hs-poz-problem-pierwszy::before{padding-left:0;padding-top:14px;} .hs-menu .sub-menu li.hs-poz-problem-ostatni, .hs-mobile ul li.hs-poz-problem-ostatni{ border-bottom:1px solid rgba(255,255,255,.18); padding-bottom:6px; margin-bottom:6px; } /* ---------- BELKA v3: zagęszczone menu i wcześniejszy hamburger (23.08.2026) ---------- Po dodaniu pozycji „Artykuły" pasek potrzebuje 1355 px szerokości, a z zagęszczeniem 1201 px. Hamburger włączał się dopiero przy 860 px, więc między 861 a 1355 px przycisk „Zarezerwuj wizytę" był ucinany. Błąd istniał już wcześniej, przy 7 pozycjach próg wynosił 1152 px. */ @media(max-width:1400px){ .hs-menu{gap:14px;} .hs-menu a{font-size:.74rem;letter-spacing:.06em;} .hs-logo img{height:50px;} .hs-header .hs-cta{margin-left:16px;} } @media(max-width:1200px){ .hs-nav,.hs-bar .hs-cta{display:none;} .hs-tel-ikona{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;width:42px;height:42px;border-radius:50%;border:1px solid var(--hs-line);background:var(--hs-beige);text-decoration:none;transition:.2s;} .hs-tel-ikona:hover{background:var(--hs-gold);color:#fff;border-color:var(--hs-gold);} .hs-burger{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:44px;height:44px;background:none;border:none;cursor:pointer;padding:0;} .hs-burger span{display:block;width:24px;height:1.5px;background:#F6F1E9;border-radius:2px;transition:.25s;} .hs-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg);} .hs-burger[aria-expanded="true"] span:nth-child(2){opacity:0;} .hs-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg);} } /* Przycisk rezerwacji w menu telefonu był chowany razem z tym z paska (regula .hs-cta{display:none}). Na telefonie to jedyne wejscie do rezerwacji z menu, wiec przywracamy. */ .hs-mobile .hs-cta-blok{display:block;} /* ---------- Karty „drogi wsparcia" na stronach problemowych (23.08.2026) ---------- Uwaga Przemka: przyciski „Zobacz szczegóły" stały na różnych wysokościach, bo opis i cena mają w każdej karcie inną liczbę linii. Opis rozpycha kartę do pełnej wysokości, cena dostaje miejsce na dwie linie, a przycisk siada zawsze przy dolnej krawędzi. Klasa hs-siatka-problemy jest tylko tutaj, karty pakietów zostają bez zmian. */ .hs-siatka-problemy .hs-pk-karta.wp-block-group{justify-content:flex-start;} .hs-siatka-problemy .hs-pk-karta .hs-pk-dla{flex:1 1 auto;margin-bottom:1em;} .hs-siatka-problemy .hs-pk-karta .hs-pk-cena{ margin:auto 0 0; min-height:2.5em; display:flex; align-items:flex-end; line-height:1.25; } .hs-siatka-problemy .hs-pk-karta .hs-przyciski{margin-top:20px;} @media(max-width:860px){ .hs-siatka-problemy .hs-pk-karta .hs-pk-cena{min-height:0;margin-top:auto;} } /* Blok Grupa renderuje wewnątrz karty dodatkowy .wp-block-group__inner-container. Bez tego reguły „przyklej przycisk do dołu" nie mają na czym działać, bo karta ma tylko jedno dziecko. Rozciągamy ten kontener na całą wysokość karty. */ .hs-siatka-problemy .hs-pk-karta > .wp-block-group__inner-container{ display:flex; flex-direction:column; flex:1 1 auto; width:100%; } /* ---------- CENNIK: wyróżniony pierwszy krok (24.08.2026, prośba Przemka) ---------- Cel: konsultacja startowa ma być widoczna od razu, a nie schowana w akapicie. */ .hs-cennik-srodek .hs-eyebrow, .hs-cennik-srodek > .wp-block-group__inner-container > h1, .hs-cennik-srodek > .wp-block-group__inner-container > .hs-sekcja-wstep{ text-align:center; } .hs-cennik-srodek > .wp-block-group__inner-container > .hs-sekcja-wstep{ max-width:680px; margin-left:auto; margin-right:auto; } .hs-cennik-krok.wp-block-group{ max-width:720px; margin:36px auto 46px; padding:34px 36px 32px; background:var(--hs-brown); border-radius:var(--hs-radius); box-shadow:0 16px 40px rgba(91,74,61,.18); text-align:center; color:#F6F1E9; } .hs-cennik-krok .hs-eyebrow{color:var(--hs-gold-light);margin:0 0 .8em;} .hs-cennik-krok h2.wp-block-heading{ color:#fff; margin:0 0 .5em; font-size:clamp(1.5rem,3vw,1.9rem); } .hs-cennik-krok p{color:#EFE6DA;margin:0 auto .9em;max-width:520px;} .hs-cennik-krok .hs-cennik-krok-cena{ color:var(--hs-gold-light); font-weight:700; margin-bottom:1.4em; } .hs-cennik-krok .hs-przyciski{margin:0;} /* liczba pozycji przy nazwie kategorii */ .hs-cennik-kat > summary .hs-cennik-ile{ margin-left:auto; font-family:var(--hs-font-body); font-size:.85rem; font-weight:400; color:var(--hs-muted); white-space:nowrap; } @media(max-width:640px){ .hs-cennik-krok.wp-block-group{padding:26px 20px 24px;margin:26px auto 34px;} .hs-cennik-kat > summary .hs-cennik-ile{display:none;} } /* ---------- STRONA-SPIS „Pomagamy przy" + gałąź w menu (24.08.2026) ---------- */ .hs-problemy-siatka{ display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:24px; margin:8px 0 0; } a.hs-problem-karta{ display:flex; flex-direction:column; background:var(--hs-cream-2); border:1px solid var(--hs-line); border-radius:var(--hs-radius); overflow:hidden; text-decoration:none; color:inherit; box-shadow:0 10px 34px rgba(91,74,61,.08); transition:transform .25s,box-shadow .25s; } a.hs-problem-karta:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(91,74,61,.14);} .hs-problem-foto{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--hs-beige);} .hs-problem-foto img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s;} a.hs-problem-karta:hover .hs-problem-foto img{transform:scale(1.04);} .hs-problem-tresc{display:flex;flex-direction:column;flex:1 1 auto;padding:26px 26px 24px;} .hs-problem-tytul{ font-family:var(--hs-font-heading); font-size:1.5rem; font-weight:500; color:var(--hs-brown-dark); line-height:1.2; margin-bottom:.5em; } .hs-problem-opis{color:var(--hs-muted);font-size:.98rem;line-height:1.6;flex:1 1 auto;margin-bottom:1.2em;} .hs-problem-wiecej{ font-size:.78rem; letter-spacing:.14em; text-transform:uppercase; font-weight:700; color:var(--hs-gold); } a.hs-problem-karta:hover .hs-problem-wiecej{color:var(--hs-gold-hover);} /* Gałąź „Pomagamy przy" ma się rozwijać także na telefonie. Reguła wyżej chowa cały 3. poziom, bo listy usług w kategoriach są za długie, ale ta lista jest krótka. */ .hs-mobile ul li.hs-poz-problemy-rodzic .sub-menu{display:block !important;} .hs-menu .sub-menu li.hs-poz-problem-wszystkie > a, .hs-mobile ul li.hs-poz-problem-wszystkie > a{font-style:italic;opacity:.85;} @media(max-width:640px){ .hs-problemy-siatka{grid-template-columns:1fr;gap:18px;} .hs-problem-tresc{padding:22px 20px 20px;} } /* ========================================================================== POPRAWKI PO PRZEGLĄDZIE NA TELEFONIE (24.08.2026, uwagi Przemka) ========================================================================== */ /* 1. CENNIK dotykał krawędzi ekranu. Pozostałe strony mają 24 px z boku, ta nie miała nic, bo jej treść nie siedzi w .hs-wrap tylko w .hs-strona-cennik. */ .hs-strona-cennik.wp-block-group{padding-left:24px;padding-right:24px;box-sizing:border-box;} @media(min-width:861px){ .hs-strona-cennik.wp-block-group{padding-left:0;padding-right:0;} } /* 2. HERO: blok Grupa ze zdjęciem w tle dostaje od WordPressa własny boczny odstęp, przez co tekst w hero miał 54 px z boku zamiast 24 px jak treść niżej. Zerujemy go, bo wewnętrzny .hs-wrap i tak daje właściwe 24 px. */ .hs-hero-pakiet.wp-block-group, .hs-hero-glowna.wp-block-group{padding-left:0;padding-right:0;} /* 3. DOLNY PASEK NA TELEFONIE: zostaje sam przycisk i ikona, znika jasne tło, kreska i cień, żeby pasek nie odcinał się od strony. */ @media(max-width:860px){ .hs-sticky-mobile{ background:transparent; border-top:0; box-shadow:none; padding:0 14px 12px; } } /* 4. IKONA TELEFONU W NAGŁÓWKU: była jasna na jasnym tle, czyli wyglądała na szarą. Teraz od razu wygląda tak, jak wcześniej dopiero po dotknięciu. */ .hs-tel-ikona{background:var(--hs-btn);border-color:var(--hs-btn);color:#fff;} .hs-tel-ikona:hover,.hs-tel-ikona:focus{background:var(--hs-btn-hover);border-color:var(--hs-btn-hover);color:#fff;} /* 5. LOGO W STOPCE w kolorach marki. Wcześniej było wybielane filtrem, przez co wychodziło szare. */ .hs-footer-logo{filter:none;opacity:1;} /* 6. MENU NA TELEFONIE: pozycje z podmenu można zwinąć. Rozwinięte „Usługi" zajmowały 562 z 742 px całego menu. Strzałkę i obsługę dokłada hs.js. */ .hs-mobile-menu > li.hs-ma-podmenu{position:relative;} .hs-mobile-menu .hs-rozwin{ position:absolute;right:0;top:0;width:48px;height:49px; background:none;border:0;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent; } .hs-mobile-menu .hs-rozwin::before{ content:"";position:absolute;left:50%;top:50%; width:9px;height:9px;margin:-7px 0 0 -5px; border-right:1.5px solid #F6F1E9;border-bottom:1.5px solid #F6F1E9; transform:rotate(45deg);transition:transform .25s,margin .25s; } .hs-mobile-menu > li.hs-zwiniete > .hs-rozwin::before{transform:rotate(-45deg);margin-top:-2px;} .hs-mobile-menu > li.hs-zwiniete > .sub-menu, .hs-mobile ul > li.hs-zwiniete > .sub-menu{display:none !important;} .hs-mobile ul li.hs-poz-problemy-rodzic.hs-zwiniete > .sub-menu{display:none !important;} /* Poprawka do punktu 2: reguła Kadence `.entry-content .wp-block-group.has-background{padding:20px 30px}` ma wyższy priorytet niż nasza i narzucała hero boczny odstęp 30 px (razem z wrapem dawało 54 px, przy 24 px w treści niżej). Podnosimy priorytet, żeby o odstępie decydował wyłącznie .hs-wrap. PRZY OKAZJI: ta sama reguła Kadence obcinała dolny odstęp hero ze 100 px do 20 px. Zostawiamy na razie zmianę tylko w poziomie, dolny odstęp do decyzji Przemka. */ .entry-content .hs-hero-pakiet.wp-block-group, .entry-content .hs-hero-glowna.wp-block-group, .entry-content .hs-hero-usluga.wp-block-group{ padding-left:0; padding-right:0; } /* Menu na telefonie: blokada przewijania strony pod spodem i schowanie dolnego paska. Powód: przy otwartym menu strona przewijała się w tle, a przycisk „Zarezerwuj wizytę" zasłaniał adres e-mail na końcu listy. */ body.hs-menu-otwarte{ position:fixed; left:0; right:0; width:100%; overflow:hidden; } body.hs-menu-otwarte .hs-sticky-mobile{display:none;} /* Przy otwartym menu naglowek musi kryc takze w trybie przezroczystym (nad hero): bez tego przez pasek z logo przeswitywala tresc strony, np. napis USLUGI nad logo (Przemek 25.08). Blokada przewijania (position:fixed wyzej) zeruje scroll, wiec klasa hs-zwiniety tu nie ratuje. */ body.hs-menu-otwarte .hs-header{background:var(--hs-brown);} body.hs-menu-otwarte .hs-header .hs-topbar{max-height:0;opacity:0;border-bottom:0;} .hs-mobile{overscroll-behavior:contain;} /* Zapas na dole listy w menu, zeby ostatnia linia nie przylegala do krawedzi ekranu. */ .hs-mobile{padding-bottom:18px;} /* Cennik, wiersze pakietów: dopisek promocyjny („590 zł dla pierwszych 10 osób") dziedziczył zakaz łamania wiersza po cenie i rozpychał kolumnę tak, że na nazwę zostawała jedna litera na linię. Dopisek dostaje własny wiersz pod ceną i wolno mu się łamać. */ .hs-cennik-lista .hs-cennik-cena small, .hs-cennik-usluga .hs-cennik-cena small{ display:block; white-space:normal; max-width:170px; margin:3px 0 0 auto; text-align:right; font-family:var(--hs-font-body); font-size:.78rem; line-height:1.35; color:var(--hs-muted); font-weight:400; } @media(max-width:640px){ .hs-cennik-lista .hs-cennik-poz, .hs-cennik-usluga .hs-cennik-poz{gap:12px;} .hs-cennik-lista .hs-cennik-cena small, .hs-cennik-usluga .hs-cennik-cena small{max-width:130px;} } /* Doprecyzowanie: na wąskim ekranie dopisek promocyjny nadal zabierał 130 px i na nazwę pakietu zostawało 106 px. Zwężamy dopisek, żeby nazwa miała ok. 150 px. */ @media(max-width:640px){ .hs-cennik-lista .hs-cennik-cena small, .hs-cennik-usluga .hs-cennik-cena small{max-width:100px;font-size:.74rem;} } /* Linki telefonu i e-mail w treści nie miały żadnego oznaczenia poza kolorem, przez co wyglądały jak zwykły tekst (uwaga informatyka, WCAG 1.4.1: sam kolor to za mało). Dostają tę samą złotą kreskę co pozostałe linki w treści. */ .hs-tresc-usluga a[href^="tel:"], .hs-tresc-usluga a[href^="mailto:"], .hs-usluga-tresc a[href^="tel:"], .hs-usluga-tresc a[href^="mailto:"], .hs-sekcja p a[href^="tel:"], .hs-sekcja p a[href^="mailto:"], .hs-sekcja li a[href^="tel:"], .hs-sekcja li a[href^="mailto:"], .entry-content p a[href^="tel:"], .entry-content p a[href^="mailto:"]{ color:var(--hs-brown-deep); text-decoration:none; border-bottom:1px solid var(--hs-gold); } .hs-sekcja p a[href^="tel:"]:hover, .hs-sekcja p a[href^="mailto:"]:hover, .entry-content p a[href^="tel:"]:hover, .entry-content p a[href^="mailto:"]:hover{color:var(--hs-gold);} /* Wyjątek: w ciemnych sekcjach i na przyciskach zostaje jak było. */ .hs-pk-cta a[href^="tel:"],.hs-pk-cta a[href^="mailto:"], .hs-pk-nap a[href^="tel:"],.hs-pk-nap a[href^="mailto:"], .hs-footer a[href^="tel:"],.hs-footer a[href^="mailto:"], .hs-topbar a[href^="tel:"],.hs-topbar a[href^="mailto:"], .wp-block-button__link[href^="tel:"]{border-bottom:0;} /* Telefon w panelu rezerwacji na stronie usługi też dostaje oznaczenie. Pozostałe nieoznaczone linki tel/mail siedzą w środku widżetu Amelii (am-fs-sb), czyli w komponencie wtyczki, i tego celowo nie ruszamy. */ .hs-usluga-aside a[href^="tel:"]{ color:var(--hs-brown-deep); text-decoration:none; border-bottom:1px solid var(--hs-gold); } .hs-usluga-aside a[href^="tel:"]:hover{color:var(--hs-gold);} /* ---------- ANKIETA „Od czego zacząć" (25.08.2026) ---------- */ .hs-ankieta{ background:var(--hs-beige); border-radius:var(--hs-radius); padding:34px 32px 30px; margin:8px 0 0; } .hs-ankieta fieldset{border:0;margin:0 0 26px;padding:0;} .hs-ankieta fieldset:last-of-type{margin-bottom:8px;} .hs-ank-pytanie{ font-family:var(--hs-font-heading); font-size:1.3rem; color:var(--hs-brown-dark); padding:0; margin:0 0 14px; } .hs-ank-opcje{display:flex;flex-wrap:wrap;gap:10px;} .hs-ank-opcja{ display:inline-flex;align-items:center;gap:9px; background:#fff;border:1px solid var(--hs-line);border-radius:var(--hs-radius-pill,999px); padding:11px 18px;cursor:pointer;font-size:.96rem;color:var(--hs-text); transition:border-color .2s,background .2s; } .hs-ank-opcja:hover{border-color:var(--hs-gold);} .hs-ank-opcja input{accent-color:var(--hs-gold);margin:0;width:16px;height:16px;flex:none;} .hs-ank-opcja:has(input:checked){border-color:var(--hs-gold);background:#fff;box-shadow:0 0 0 1px var(--hs-gold) inset;} .hs-ank-wynik{border-top:1px solid var(--hs-line);margin-top:22px;padding-top:24px;} .hs-ank-wynik .hs-eyebrow{margin:0 0 14px;} .hs-ank-propozycje{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px;} a.hs-ank-karta{ display:flex;flex-direction:column; background:#fff;border:1px solid var(--hs-line);border-radius:14px; padding:18px 20px 16px;text-decoration:none;color:inherit; transition:transform .2s,box-shadow .2s; } a.hs-ank-karta:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(91,74,61,.10);} .hs-ank-karta-nazwa{font-family:var(--hs-font-heading);font-size:1.2rem;color:var(--hs-brown-dark);margin-bottom:.35em;line-height:1.2;} .hs-ank-karta-czemu{color:var(--hs-muted);font-size:.93rem;line-height:1.55;flex:1 1 auto;margin-bottom:.9em;} .hs-ank-karta-wiecej{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--hs-gold);} .hs-ank-brak,.hs-ank-dalej{grid-column:1 / -1;margin:0;color:var(--hs-muted);} .hs-ank-dalej a{color:var(--hs-brown-deep);border-bottom:1px solid var(--hs-gold);text-decoration:none;} .hs-ank-nota{font-size:.88rem;color:var(--hs-muted);margin:0 0 16px;} .hs-ank-btny{display:flex;flex-wrap:wrap;gap:12px;margin:0;} @media(max-width:640px){ .hs-ankieta{padding:24px 20px 22px;} .hs-ank-propozycje{grid-template-columns:1fr;} .hs-ank-opcja{width:100%;} } /* Pasek „Nie wiesz, którą terapię wybrać?" na stronie głównej z ankietą (25.08.2026). Pasek jest brązowy, ankieta siedzi w nim jako jasna karta na pełnej szerokości. */ .hs-pasek-ankieta .hs-wrap{display:block;} .hs-pasek-ankieta .hs-pasek-tekst{margin:0 0 24px;max-width:760px;} .hs-pasek-ankieta .hs-pasek-tekst p{opacity:.95;} .hs-pasek-ankieta .hs-pasek-tekst a{color:#fff;border-bottom:1px solid var(--hs-gold-light);text-decoration:none;} .hs-pasek-ankieta .hs-pasek-tekst a:hover{color:var(--hs-gold-light);} .hs-pasek-ankieta .hs-ankieta{background:var(--hs-cream-2,#fff);box-shadow:0 16px 44px rgba(0,0,0,.16);} /* ---------- ANALIZA krokowa (25.08.2026) ---------- */ .hs-analiza{ background:var(--hs-cream-2,#fff); border:1px solid var(--hs-line); border-radius:var(--hs-radius); padding:34px 34px 30px; max-width:720px; } .hs-pasek-ankieta .hs-analiza{box-shadow:0 16px 44px rgba(0,0,0,.16);border:0;} .hs-anl-start{text-align:center;padding:8px 0 4px;} .hs-anl-meta{color:var(--hs-muted);font-size:.92rem;margin:0 0 18px;} .hs-anl-pasek{height:3px;background:var(--hs-beige);border-radius:99px;overflow:hidden;margin-bottom:16px;} .hs-anl-pasek-wypelnienie{display:block;height:100%;width:0;background:var(--hs-gold);transition:width .35s ease;} .hs-anl-licznik{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--hs-muted);margin:0 0 2px;} .hs-anl-os{font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--hs-gold);font-weight:700;margin:0 0 10px;} .hs-anl-pytanie{font-family:var(--hs-font-heading);font-size:1.45rem;font-weight:500;color:var(--hs-brown-dark);margin:0 0 18px;line-height:1.25;} .hs-anl-odpowiedzi{display:flex;flex-direction:column;gap:10px;} .hs-anl-odp{ display:flex;align-items:center;gap:14px;width:100%;text-align:left; background:#fff;border:1px solid var(--hs-line);border-radius:14px; padding:14px 18px;cursor:pointer;font-family:var(--hs-font-body);font-size:.98rem;color:var(--hs-text); transition:border-color .2s,transform .15s; } .hs-anl-odp:hover{border-color:var(--hs-gold);transform:translateY(-1px);} .hs-anl-odp-wybrana{border-color:var(--hs-gold);box-shadow:0 0 0 1px var(--hs-gold) inset;} .hs-anl-litera{ flex:none;width:28px;height:28px;border-radius:50%; display:inline-flex;align-items:center;justify-content:center; background:var(--hs-beige);color:var(--hs-brown-deep);font-weight:700;font-size:.82rem; } .hs-anl-odp:hover .hs-anl-litera{background:var(--hs-gold);color:#fff;} .hs-anl-wstecz,.hs-anl-restart{ background:none;border:0;padding:0;margin-top:16px;cursor:pointer; color:var(--hs-muted);font-size:.88rem;font-family:var(--hs-font-body); } .hs-anl-wstecz:hover,.hs-anl-restart:hover{color:var(--hs-gold);} .hs-anl-wjazd{animation:hsAnlWjazd .3s ease both;} @keyframes hsAnlWjazd{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}} @media(prefers-reduced-motion:reduce){.hs-anl-wjazd{animation:none;}} .hs-anl-wynik .hs-eyebrow{margin:0 0 6px;} .hs-anl-profil{font-family:var(--hs-font-heading);font-size:1.7rem;font-weight:500;color:var(--hs-brown-dark);margin:0 0 .5em;} .hs-anl-opis{color:var(--hs-text);line-height:1.7;margin:0 0 20px;} .hs-anl-naglowek-terapii{margin:0 0 12px;} .hs-anl-karty{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;} a.hs-anl-karta{ display:flex;flex-direction:column;gap:.5em; background:var(--hs-beige);border-radius:14px;padding:16px 18px; text-decoration:none;color:inherit;transition:transform .2s; } a.hs-anl-karta:hover{transform:translateY(-2px);} .hs-anl-karta-nazwa{font-family:var(--hs-font-heading);font-size:1.15rem;color:var(--hs-brown-dark);line-height:1.25;} .hs-anl-karta-wiecej{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--hs-gold);} .hs-anl-brak{grid-column:1/-1;margin:0;color:var(--hs-muted);} .hs-anl-dalej{color:var(--hs-muted);margin:0 0 14px;} .hs-anl-dalej a{color:var(--hs-brown-deep);border-bottom:1px solid var(--hs-gold);text-decoration:none;} .hs-anl-nota{font-size:.86rem;color:var(--hs-muted);margin:0 0 16px;} .hs-anl-btny{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 6px;} @media(max-width:640px){ .hs-analiza{padding:24px 20px 22px;} .hs-anl-karty{grid-template-columns:1fr;} .hs-anl-pytanie{font-size:1.25rem;} } /* ---------- ANALIZA, poprawki po uwagach Przemka (25.08.2026) ---------- 1. GRANATOWE PODSWIETLENIE: motyw Kadence ma regule button:hover/focus/active { background: var(--global-palette-btn-bg-hover) } i lapala ona odpowiedzi analizy (to