/* =====================================================================
   Motyw Akademia — dopasowanie bloków WordPressa do wyglądu strony.
   Bazą jest /assets/css/style.css (ten sam arkusz co podstrony sklepu);
   tu tylko to, czym bloki różnią się od dawnego HTML-a, oraz style bloków
   do wyboru w edytorze (Nadtytuł, Wstęp, Liście, Kropki, Kreski, Złoty…).
   ===================================================================== */

/* --- Dostępność: „Przejdź do treści" widoczne dopiero po Tab --- */
.skip-link { position: absolute; left: 1rem; top: -100px; z-index: 1000; padding: 0.6rem 1.1rem; border-radius: 10px;
  background: var(--surface); color: var(--ink); box-shadow: var(--shadow-card); font-family: var(--font-head); font-weight: 600; }
.skip-link:focus { top: 1rem; }
.tresc { display: block; }

/* --- Bloki bez domyślnych marginesów WordPressa (odstępy jak na starej stronie).
       :where() = zerowa waga — każda klasa z arkusza strony ma pierwszeństwo. --- */
:where(.tresc) :where(.wp-block-image, figure.wp-block-image) { margin: 0; }
:where(.tresc) :where(.wp-block-image) img { height: auto; }
:where(.tresc) :where(.wp-block-buttons) { display: flex; flex-wrap: wrap; gap: 1rem 1.3rem; align-items: center; }
.tresc .wp-block-buttons.srodek, .tresc .wp-block-buttons.is-content-justification-center { justify-content: center; }
:where(.tresc) :where(.wp-block-button) { margin: 0; }
:where(.tresc) :where(.wp-block-quote) { border: 0; padding: 0; margin: 0; }
.tresc .wp-block-details summary { cursor: pointer; }
.tresc .has-text-align-center { text-align: center; }
.tekst-srodek, .tekst-srodek p { text-align: center; }
.sekcja--blisko { padding-top: clamp(1.5rem, 4vw, 3rem); overflow: hidden; }
.hero--strona { padding-bottom: 0; }


/* =====================================================================
   STYLE BLOKÓW (do wyboru w edytorze: panel boczny → Style)
   ===================================================================== */

/* Akapit: Nadtytuł (małe złote/zielone litery nad tytułem) */
.is-style-nadtytul {
  font-family: var(--font-head); font-weight: 600; font-size: 0.72rem; letter-spacing: 0.42em; text-transform: uppercase;
  color: var(--tekst-zloty, #7d5f1b); margin: 0 0 1.1rem;
}
.pricing-head .is-style-nadtytul, .page-hero .is-style-nadtytul { text-align: center; }
/* Akapit: Wstęp (większy, spokojny tekst pod tytułem) */
.is-style-wstep {
  font-size: clamp(1.18rem, 1.02rem + 0.7vw, 1.4rem); line-height: 1.62; text-wrap: pretty;
  color: color-mix(in srgb, var(--ink) 74%, var(--ink-soft));
}
.page-hero .is-style-wstep, .pricing-head .is-style-wstep { margin-inline: auto; }
.is-style-wstep.narrow { width: min(680px, 92vw); }

/* Nagłówek: Ozdobny (szeryf, jak tytuły podstron) */
.is-style-ozdobny { font-family: var(--font-display); font-weight: 600; color: var(--ink); }
/* Nagłówek: Gradient (zieleń → złoto, jak „O mnie") */
.is-style-gradient {
  font-family: var(--font-display); font-weight: 600;
  background: linear-gradient(160deg, #2A4B1C, #4E9622 50%, #C89B3C); -webkit-background-clip: text; background-clip: text;
  color: transparent; -webkit-text-fill-color: transparent;
}
/* Nagłówek: Wyraźny (bezszeryfowy, pogrubiony) */
.is-style-wyrazny { font-family: var(--font-head); font-weight: 700; letter-spacing: 0; }
.tytul-duzy { font-size: clamp(2.8rem, 8vw, 5.5rem); }
.page-hero h1.tytul-duzy { font-size: clamp(2.8rem, 8vw, 5.5rem); }
/* Podtytuł kursywą — ciemniejsza zieleń zamiast jasnej (czytelność) */
.podtytul-kursywa { font-family: var(--font-display); font-style: italic; font-size: clamp(1.15rem, 2.4vw, 1.5rem); color: #3a6f1c; margin: 0.2rem 0 0; }

/* Lista: Liście (listek przed każdym punktem) */
.tresc ul.is-style-liscie, .tresc ul.is-style-kropki, .tresc ul.is-style-kreski, .tresc ul.is-style-bez { list-style: none; padding-left: 0; margin: 1.3rem 0; }
.wp-block-list.is-style-liscie li, .wp-block-list.is-style-kropki li, .wp-block-list.is-style-kreski li { position: relative; padding-left: 2rem; margin-bottom: 0.85rem; color: var(--ink-soft); }
.wp-block-list.is-style-liscie li::before, .wp-block-list.is-style-kropki li::before, .wp-block-list.is-style-kreski li::before { content: ""; position: absolute; left: 0; border-radius: 0; }
.wp-block-list.is-style-liscie li::before {
  top: 0.28em; width: 1.15em; height: 1.15em; background: var(--accent);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 19c0-7 5-13 14-14 1 9-4 15-14 14Z'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 19c0-7 5-13 14-14 1 9-4 15-14 14Z'/%3E%3C/svg%3E") center / contain no-repeat;
}
/* Lista: Kropki (złote kropki) */
.wp-block-list.is-style-kropki li { padding-left: 1.4rem; }
.wp-block-list.is-style-kropki li::before { top: 0.68em; width: 0.42em; height: 0.42em; border-radius: 50%; background: linear-gradient(135deg, #d4b056, #9a6f1f); }
/* Lista: Kreski (cienka kreska — jak w wyliczeniu) */
.wp-block-list.is-style-kreski li { padding-left: 1.6rem; }
.wp-block-list.is-style-kreski li::before { top: 0.82em; width: 0.85em; height: 1.5px; border-radius: 2px; background: var(--accent-dark); }
/* Lista: Bez punktorów */
.wp-block-list.is-style-bez li { padding-left: 0; }
.wp-block-list.is-style-bez li::before { content: none; }
/* Listy numerowane — numer w kolorze marki */
.tresc ol.wp-block-list li::marker { color: var(--accent-dark); font-weight: 700; font-family: var(--font-head); }

/* Przyciski: wspólna baza (jak .btn) */
.tresc .wp-block-button .wp-block-button__link, .editor-styles-wrapper .wp-block-button .wp-block-button__link {
  display: inline-flex; align-items: center; justify-content: center; gap: 0.55rem;
  font-family: var(--font-head); font-weight: 600; font-size: 0.98rem; letter-spacing: 0.01em; line-height: 1.4;
  padding: 0.85rem 1.9rem; border-radius: 999px; border: 1.5px solid transparent; text-decoration: none;
  background: linear-gradient(135deg, #d4b056 0%, #b5862f 100%); color: #2c2310; box-shadow: 0 12px 28px rgba(160,120,40,0.30);
  transition: background 0.3s var(--ease), color 0.3s var(--ease), border-color 0.3s var(--ease), transform 0.3s var(--ease), box-shadow 0.3s var(--ease);
}
.tresc .wp-block-button .wp-block-button__link:hover { transform: translateY(-2px); }
/* Złoty (jak „Dołącz", „Rozpocznij") */
.wp-block-button.is-style-zloty .wp-block-button__link { background: linear-gradient(135deg, #d4b056 0%, #b5862f 100%); color: #2c2310; }
.wp-block-button.is-style-zloty .wp-block-button__link:hover { background: linear-gradient(135deg, #ddbd66 0%, #a9791f 100%); box-shadow: 0 16px 34px rgba(160,120,40,0.38); color: #2c2310; }
/* Obramowany (jak „Zobacz usługi") */
.wp-block-button.is-style-obramowany .wp-block-button__link { background: color-mix(in srgb, var(--accent) 12%, transparent); color: #356b19; border-color: color-mix(in srgb, var(--accent) 55%, transparent); box-shadow: none; }
.wp-block-button.is-style-obramowany .wp-block-button__link:hover { border-color: var(--accent); background: color-mix(in srgb, var(--accent) 22%, transparent); color: #2f5f16; }
/* Zielony z listkiem (jak „Umów się" na „O mnie") */
.wp-block-button.is-style-lisc .wp-block-button__link { position: relative; overflow: hidden; background: transparent; color: #356b19; border-color: color-mix(in srgb, var(--accent) 55%, transparent); box-shadow: none; }
.wp-block-button.is-style-lisc .wp-block-button__link::before { content: ""; width: 1.1em; height: 1.1em; flex: none; background: currentColor; position: relative; z-index: 1;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 19c0-7 5-13 14-14 1 9-4 15-14 14Z'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 19c0-7 5-13 14-14 1 9-4 15-14 14Z'/%3E%3C/svg%3E") center / contain no-repeat; }
.wp-block-button.is-style-lisc .wp-block-button__link::after { content: ""; position: absolute; inset: 0; z-index: 0; background: var(--accent-dark); transform: scaleX(0); transform-origin: left center; transition: transform 0.5s var(--ease); }
.wp-block-button.is-style-lisc .wp-block-button__link:hover { color: #fff; border-color: var(--accent-dark); }
.wp-block-button.is-style-lisc .wp-block-button__link:hover::after { transform: scaleX(1); }
.wp-block-button.is-style-lisc .wp-block-button__link { isolation: isolate; }
.wp-block-button.is-style-lisc .wp-block-button__link > * { position: relative; z-index: 1; }
/* Zielony z kalendarzem (rezerwacja — jak „Umów wizytę" na głównej) */
.wp-block-button.is-style-booksy .wp-block-button__link { font-weight: 700; font-size: 1rem; color: #fff; background: linear-gradient(135deg, #4E9622, var(--accent-dark)); box-shadow: 0 12px 28px rgba(60,125,80,0.32); }
.wp-block-button.is-style-booksy .wp-block-button__link:hover { color: #fff; box-shadow: 0 16px 34px rgba(60,125,80,0.42); }
.wp-block-button.is-style-booksy .wp-block-button__link::before { content: ""; width: 20px; height: 20px; flex: none; background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='4.5' width='17' height='16' rx='2.5'/%3E%3Cpath d='M3.5 9h17M8 3v3M16 3v3M9 13l2 2 4-4'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='4.5' width='17' height='16' rx='2.5'/%3E%3Cpath d='M3.5 9h17M8 3v3M16 3v3M9 13l2 2 4-4'/%3E%3C/svg%3E") center / contain no-repeat; }
/* Biały (na ciemnym tle) */
.wp-block-button.is-style-bialy .wp-block-button__link { background: rgba(255,255,255,0.94); color: #2c2310; box-shadow: 0 10px 24px rgba(0,0,0,0.18); }

/* Grupa: Kafelek (jasna karta z cieniem) */
.wp-block-group.is-style-kafelek { padding: clamp(1.3rem, 2.4vw, 1.9rem); border-radius: 24px; background: color-mix(in srgb, var(--surface) 90%, transparent); border: 1px solid var(--border); box-shadow: var(--shadow-card); }
/* Grupa: Złota ramka */
.wp-block-group.is-style-ramka-zlota { padding: clamp(1.3rem, 2.4vw, 1.9rem); border-radius: 24px; background: linear-gradient(120deg, color-mix(in srgb, var(--gold) 16%, var(--surface)), var(--surface)); border: 1px solid color-mix(in srgb, var(--gold) 45%, transparent); box-shadow: var(--shadow-card); }

/* Cytat: Zwój (kursywa, wyśrodkowany — jak na „O mnie") */
.wp-block-quote.is-style-zwoj, .wp-block-quote.omnie-cytat { font-family: var(--font-display); font-style: italic; font-size: clamp(1.3rem, 3vw, 1.8rem); line-height: 1.55; color: #3f7a1f; text-align: center; max-width: 30ch; margin: 2.5rem auto 0; }
.wp-block-quote.is-style-zwoj p, .wp-block-quote.omnie-cytat p { margin: 0; color: inherit; font-size: inherit; }
.wp-block-quote.is-style-zwoj cite, .wp-block-quote.omnie-cytat cite { display: block; margin-top: 0.9rem; font-style: normal; font-size: 1rem; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase;
  background: linear-gradient(100deg, #6f5616, #9a7a2a 42%, #b8902f 64%, #715719); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; }

/* Obraz: Zaokrąglone rogi / Z cieniem */
.wp-block-image.is-style-zaokraglone img { border-radius: var(--radius); }
.wp-block-image.is-style-cien img { border-radius: var(--radius); box-shadow: var(--shadow-soft); }

/* Szczegóły: Pytanie (jak FAQ — linia, plus po prawej) */
.wp-block-details.is-style-pytanie, .faq .wp-block-details { border-bottom: 1px solid var(--border); }
.faq .wp-block-details:first-child { border-top: 1px solid var(--border); }
.wp-block-details.is-style-pytanie summary { cursor: pointer; list-style: none; position: relative; padding: 1.35rem 2.6rem 1.35rem 0; font-family: var(--font-head); font-weight: 600; font-size: 1.05rem; color: var(--ink); }
.wp-block-details.is-style-pytanie summary::-webkit-details-marker { display: none; }
.wp-block-details.is-style-pytanie summary::after { content: "+"; position: absolute; right: 0.2rem; top: 50%; transform: translateY(-50%); font-size: 1.6rem; font-weight: 400; line-height: 1; color: var(--accent-dark); transition: transform 0.3s var(--ease); }
.wp-block-details.is-style-pytanie[open] summary::after { transform: translateY(-50%) rotate(45deg); }
.wp-block-details.is-style-pytanie > :not(summary) { margin: -0.2rem 0 1.5rem; padding-right: 2rem; color: var(--ink-soft); font-size: 0.98rem; }
.faq .wp-block-details > p { margin: -0.2rem 0 1.5rem; }

/* =====================================================================
   SEKCJE — tam, gdzie bloki mają inną budowę niż dawny HTML
   ===================================================================== */

/* Hero strony głównej: zdjęcie panoramy na całą szerokość */
.hero-photo.wp-block-image img { display: block; width: 100%; height: clamp(340px, 52vh, 640px); object-fit: cover; }
@media (max-width: 640px) { .hero-photo.wp-block-image img { height: clamp(240px, 46vh, 380px); } }
.booksy-cta .wp-block-buttons { justify-content: center; }
.booksy-cta .booksy-hint { margin: 0; display: block; }

/* Herb (logo) w nagłówku podstron */
.wp-block-image.hero-crest { height: auto; width: auto; display: flex; justify-content: center; margin: 0 auto 0.5rem; }
.wp-block-image.hero-crest img { display: block; height: clamp(128px, 15vw, 178px); width: auto; object-fit: contain; }
.page-hero .wp-block-buttons { justify-content: center; }
.page-hero .is-style-wstep { margin-top: 0.8rem; }

/* „Od czego zaczynasz?" — kafelek jak link, ikona i strzałka z arkusza */
.sciezka { gap: 0.35rem; }
.sciezka > p { margin: 0; }
.sciezka::before {
  content: ""; width: 52px; height: 52px; border-radius: 50%; flex: none; margin-bottom: 0.4rem;
  background-color: color-mix(in srgb, var(--accent) 15%, var(--surface));
  background-image: var(--ikona), radial-gradient(circle at 30% 25%, color-mix(in srgb, var(--accent-2) 26%, var(--surface)), color-mix(in srgb, var(--accent) 15%, var(--surface)));
  background-repeat: no-repeat; background-position: center; background-size: 25px 25px, cover;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 24%, transparent);
}
.sciezka--uslugi { --ikona: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233D7A1D' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21c0-6.5 3-10.5 8.5-12.5-.8 6.6-3.8 10.6-8.5 12.5Z'/%3E%3Cpath d='M12 21C12 14.5 9 10.5 3.5 8.5 4.3 15.1 7.3 19.1 12 21Z'/%3E%3Cpath d='M12 21v-9'/%3E%3C/svg%3E"); }
.sciezka--akademia { --ikona: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233D7A1D' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 19.5c-4.2 0-7.8-2.1-8.8-5.3 3.2 0 5.9 1.2 8.8 5.3Zm0 0c4.2 0 7.8-2.1 8.8-5.3-3.2 0-5.9 1.2-8.8 5.3Z'/%3E%3Cpath d='M12 19.5c-2.1-2.6-3.2-5.3-3.2-7.9S10.4 6.4 12 4.8c1.6 1.6 3.2 4.2 3.2 6.8s-1.1 5.3-3.2 7.9Z'/%3E%3C/svg%3E"); }
.sciezka--warsztaty { --ikona: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233D7A1D' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15.5' rx='2.5'/%3E%3Cpath d='M3.5 10h17M8 3v4M16 3v4'/%3E%3Cpath d='M9.2 15l1.9 1.9 3.7-3.8'/%3E%3C/svg%3E"); }
.sciezka--medytacje { --ikona: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233D7A1D' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 15.5V12a8 8 0 0 1 16 0v3.5'/%3E%3Crect x='3' y='14' width='4.6' height='6.5' rx='1.8'/%3E%3Crect x='16.4' y='14' width='4.6' height='6.5' rx='1.8'/%3E%3C/svg%3E"); }
.sciezka__opis { flex: 1; }
.sciezka__dalej a { color: inherit; display: inline-flex; align-items: center; gap: 0.4rem; }
.sciezka__dalej a::after { content: "→"; font-size: 1.15em; letter-spacing: 0; transition: transform .35s var(--ease); }
.sciezka:hover .sciezka__dalej a::after { transform: translateX(4px); }
/* Cały kafelek klikalny (link „Zobacz" rozciągnięty na kartę) */
.sciezka__dalej a::before { content: ""; position: absolute; inset: 0; border-radius: inherit; }
.sciezka:focus-within { outline: 2px solid var(--accent); outline-offset: 2px; }
@media (max-width: 600px) {
  .sciezka { display: grid; grid-template-columns: 46px minmax(0, 1fr) auto; grid-template-rows: auto auto; column-gap: 0.9rem; row-gap: 0.15rem; align-items: center; }
  .sciezka::before { grid-row: 1 / span 2; width: 46px; height: 46px; margin: 0; background-size: 22px 22px, cover; }
  .sciezka__tytul { grid-column: 2; }
  .sciezka__opis { grid-column: 2; }
  .sciezka__dalej { grid-column: 3; grid-row: 1 / span 2; }
  .sciezka__dalej a { font-size: 0; }
  .sciezka__dalej a::after { font-size: 1.3rem; }
}

/* „O przestrzeni": punkty w jednym, spokojnym panelu — jeden pod drugim, rozdzielone
   cienką złotą linią, przy każdym okrągły medalion z listkiem. Zastępuje sześć osobnych
   kafelków różnej wysokości, w których tekst łamał się w przypadkowych miejscach. */
.o-przestrzeni__tekst p.o-przestrzeni__cytat { margin-top: 1.4rem; }
.o-przestrzeni__tekst p + p:not(.o-przestrzeni__cytat) { margin-top: 0.75em; }
.o-przestrzeni__tekst .is-style-nadtytul { margin-bottom: 1.1rem; }
.tresc ul.o-przestrzeni__lista.wp-block-list, .editor-styles-wrapper ul.o-przestrzeni__lista.wp-block-list {
  position: relative; margin: 0; padding: 0.6rem 0.4rem; list-style: none;
  display: flex; flex-direction: column; gap: 0;
  border-radius: 28px; overflow: hidden;
  background:
    radial-gradient(110% 80% at 0% 0%, rgba(100,184,37,0.08), transparent 55%),
    radial-gradient(110% 80% at 100% 100%, rgba(212,176,86,0.12), transparent 55%),
    linear-gradient(165deg, rgba(252,248,238,0.97), rgba(246,238,219,0.94));
  border: 1px solid color-mix(in srgb, var(--gold) 36%, transparent);
  box-shadow: 0 34px 70px -30px rgba(52,41,31,0.26), inset 0 1px 0 rgba(255,255,255,0.75);
}
/* złota nitka u góry panelu */
.tresc ul.o-przestrzeni__lista.wp-block-list::before, .editor-styles-wrapper ul.o-przestrzeni__lista.wp-block-list::before {
  content: ""; position: absolute; left: 14%; right: 14%; top: 0; height: 2px; border-radius: 2px;
  background: linear-gradient(90deg, transparent, #d9b65c 30%, #b5862f 50%, #d9b65c 70%, transparent);
}
.tresc ul.o-przestrzeni__lista.wp-block-list li, .editor-styles-wrapper ul.o-przestrzeni__lista.wp-block-list li {
  position: relative; display: grid; grid-template-columns: 44px minmax(0, 1fr); align-items: center; column-gap: 1.05rem;
  margin: 0; padding: 0.95rem 1.4rem; min-height: 0;
  background: none; border: 0; border-radius: 18px; box-shadow: none;
  font-family: var(--font-body); font-weight: 500; font-size: 1rem; line-height: 1.45;
  color: var(--ink); text-wrap: pretty;
  transition: background-color .35s var(--ease);
}
/* cienka linia między punktami */
.tresc ul.o-przestrzeni__lista.wp-block-list li + li::after, .editor-styles-wrapper ul.o-przestrzeni__lista.wp-block-list li + li::after {
  content: ""; position: absolute; left: calc(1.4rem + 44px + 1.05rem); right: 1.4rem; top: 0; height: 1px;
  background: linear-gradient(90deg, color-mix(in srgb, var(--gold) 34%, transparent), color-mix(in srgb, var(--gold) 12%, transparent));
}
/* medalion z listkiem */
.tresc ul.o-przestrzeni__lista.wp-block-list li::before, .editor-styles-wrapper ul.o-przestrzeni__lista.wp-block-list li::before {
  content: ""; position: static; display: block; width: 44px; height: 44px; border-radius: 50%; margin: 0;
  -webkit-mask: none; mask: none;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 19c0-7 5-13 14-14 1 9-4 15-14 14Z' fill='%233D7A1D'/%3E%3Cpath d='M6 18C9 13 13 9 18 6.5' stroke='%23ffffff' stroke-opacity='0.6' stroke-width='1.1' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") center / 22px 22px no-repeat,
    radial-gradient(circle at 32% 28%, #ffffff 0%, #f4f9ea 48%, #e2eecb 100%);
  box-shadow: inset 0 0 0 1px rgba(181,134,47,0.40), 0 8px 18px -9px rgba(61,122,29,0.40);
  transition: transform .45s var(--ease), box-shadow .45s var(--ease);
}
.tresc ul.o-przestrzeni__lista.wp-block-list li:hover { background-color: rgba(255,255,255,0.6); }
.tresc ul.o-przestrzeni__lista.wp-block-list li:hover::before { transform: rotate(-10deg) scale(1.06); }
@media (max-width: 860px) {
  .tresc ul.o-przestrzeni__lista.wp-block-list { max-width: 620px; }
}
@media (max-width: 560px) {
  .tresc ul.o-przestrzeni__lista.wp-block-list { border-radius: 22px; padding: 0.35rem 0.2rem; }
  .tresc ul.o-przestrzeni__lista.wp-block-list li { padding: 0.85rem 1rem; grid-template-columns: 38px minmax(0, 1fr); column-gap: 0.85rem; font-size: 0.97rem; }
  .tresc ul.o-przestrzeni__lista.wp-block-list li::before { width: 38px; height: 38px; background-size: 19px 19px, cover; }
  .tresc ul.o-przestrzeni__lista.wp-block-list li + li::after { left: calc(1rem + 38px + 0.85rem); right: 1rem; }
}

/* „Jak dołączasz": kroki (dawniej <ol>) */
.kroki .krok > * { margin-block-start: 0; }
.kroki p.krok__nr { margin: 0 auto 0.9rem; max-width: none; line-height: 1; }
@media (max-width: 860px) { .kroki p.krok__nr { margin: 0; } }
.akp-cta.wp-block-buttons { justify-content: center; margin: clamp(1.4rem, 3vw, 2rem) 0 0; }
.akp-cta-hero.wp-block-buttons { justify-content: center; margin: 1.4rem 0 0; }
.akp-cta .wp-block-button__link, .akp-cta-hero .wp-block-button__link { min-width: 12rem; font-size: 1.02rem; }

/* Akademia w pigułce: <details> z bloku „Szczegóły" — nagłówek z ikoną i plusem */
.akp-item.wp-block-details { padding: 0; }
.akp-item.wp-block-details > summary {
  list-style: none; cursor: pointer; display: flex; align-items: center; gap: 1rem;
  padding: clamp(0.9rem, 2vw, 1.1rem) var(--akp-pad);
  font-family: var(--font-display); font-weight: 600; color: var(--ink);
  font-size: clamp(1.2rem, 1.05rem + 0.6vw, 1.45rem); line-height: 1.25; user-select: none; -webkit-tap-highlight-color: transparent;
  transition: color .25s var(--ease);
}
.akp-item.wp-block-details > summary::-webkit-details-marker { display: none; }
.akp-item.wp-block-details > summary::before {
  content: ""; flex: none; width: var(--akp-ico); height: var(--akp-ico); border-radius: 50%;
  background-color: color-mix(in srgb, var(--accent) 15%, var(--surface));
  background-image: var(--ikona), radial-gradient(circle at 30% 25%, color-mix(in srgb, var(--accent-2) 26%, var(--surface)), color-mix(in srgb, var(--accent) 15%, var(--surface)));
  background-repeat: no-repeat; background-position: center; background-size: 22px 22px, cover;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 24%, transparent);
}
.akp-item.wp-block-details > summary::after {
  content: "+"; flex: none; margin-left: auto; width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center;
  border: 1px solid color-mix(in srgb, var(--accent) 40%, transparent); font-family: var(--font-head); font-weight: 400; font-size: 1.3rem; line-height: 1;
  color: var(--accent-dark); transition: transform .45s var(--ease), background-color .3s var(--ease);
}
.akp-item.wp-block-details > summary:hover { color: var(--accent-dark); }
.akp-item.wp-block-details > summary:hover::after { background: color-mix(in srgb, var(--accent) 10%, transparent); }
.akp-item.wp-block-details[open]:not(.is-zamykany) > summary { color: var(--accent-dark); }
.akp-item.wp-block-details[open]:not(.is-zamykany) > summary::after { content: "−"; transform: rotate(180deg); background: color-mix(in srgb, var(--accent) 12%, transparent); }
.akp-item.wp-block-details > :not(summary) { margin-left: calc(var(--akp-pad) + var(--akp-ico) + 1rem); margin-right: var(--akp-pad); }
.akp-item.wp-block-details > :not(summary):last-child { margin-bottom: clamp(1.1rem, 2.4vw, 1.5rem); }
.akp-item--co { --ikona: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233D7A1D' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12v8.5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V12'/%3E%3Crect x='2.5' y='7.5' width='19' height='4.5' rx='1'/%3E%3Cpath d='M12 7.5v14M12 7.5C10.5 4 7 3.6 7 5.6c0 1.6 2.6 1.9 5 1.9ZM12 7.5c1.5-3.5 5-3.9 5-1.9 0 1.6-2.6 1.9-5 1.9Z'/%3E%3C/svg%3E"); }
.akp-item--dla { --ikona: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233D7A1D' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20.5s-7.5-4.6-7.5-10.2A4.3 4.3 0 0 1 12 7.6a4.3 4.3 0 0 1 7.5 2.7c0 5.6-7.5 10.2-7.5 10.2Z'/%3E%3C/svg%3E"); }
.akp-item--dlaczego { --ikona: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233D7A1D' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5l2.5 5.2 5.7.8-4.1 4 1 5.6L12 16.4l-5.1 2.7 1-5.6-4.1-4 5.7-.8Z'/%3E%3C/svg%3E"); }
.akp-item--po { --ikona: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233D7A1D' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4.5h4.5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1H14'/%3E%3Cpath d='M3.5 12h11M11 8l3.5 4-3.5 4'/%3E%3C/svg%3E"); }
.tresc .akp-lista.wp-block-list { margin-top: 0; margin-bottom: 0; }
.akp-lista.is-style-liscie li { padding-left: 1.7rem; margin: 0 0 0.6rem; line-height: 1.55; }
.akp-lista.is-style-liscie li::before { top: 0.22em; width: 1.1em; height: 1.1em; }
.akp-lista--2.is-style-liscie { columns: 2; column-gap: 1.8rem; }
.akp-lista--2.is-style-liscie li { break-inside: avoid; }
@media (max-width: 640px) {
  .akp-item.wp-block-details > :not(summary) { margin-left: var(--akp-pad); }
  .akp-lista--2.is-style-liscie { columns: 1; }
}

/* Media społecznościowe na stronie Akademii (blok „Ikony społecznościowe") */
.wp-block-social-links.channel-social { display: flex; flex-wrap: wrap; gap: 1rem; justify-content: center; padding: 0; margin: 0; list-style: none; }
.wp-block-social-links.channel-social .wp-social-link { background: var(--surface) !important; color: var(--ink) !important; border: 1px solid var(--border); border-radius: 999px; box-shadow: var(--shadow-card); transition: transform 0.3s var(--ease), box-shadow 0.3s var(--ease); margin: 0; }
.wp-block-social-links.channel-social .wp-social-link:hover { transform: translateY(-2px); box-shadow: var(--shadow-soft); }
.wp-block-social-links.channel-social .wp-block-social-link-anchor { display: flex; align-items: center; gap: 0.6rem; padding: 0.8rem 1.4rem; color: var(--ink) !important; font-family: var(--font-head); font-weight: 600; font-size: 1rem; }
.wp-block-social-links.channel-social .wp-block-social-link-anchor:hover { color: var(--primary) !important; }
.wp-block-social-links.channel-social .wp-block-social-link-anchor svg { width: 22px; height: 22px; fill: currentColor; }
.wp-block-social-links.channel-social .wp-block-social-link-label { margin: 0; font-size: 1rem; line-height: 1.2; }
.wp-block-social-links.channel-social.wp-block-social-links .wp-social-link { font-size: 1rem; }
.wp-block-social-links.channel-social .wp-social-link svg { width: 22px !important; height: 22px !important; }

/* Tryptyk portretów — figure z bloku obrazu ma te same klasy co dawniej */
.triptych .wp-block-image.triptych__item img { width: 100%; height: 100%; object-fit: cover; }

/* Certyfikaty: przycisk-podsumowanie i galeria w bloku „Szczegóły" */
.cert-wrap { text-align: center; position: relative; z-index: 1; }
.cert-cue { font-family: var(--font-display); font-style: italic; font-size: clamp(1.05rem, 2vw, 1.3rem); color: #8a6a22; display: block; }
.cert-cue::after { content: ""; display: block; width: 58px; height: 44px; margin: 0.2rem auto 0; background: var(--gold);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 60' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M8 6 C30 4 64 10 60 38' stroke-dasharray='1 7'/%3E%3Cpath d='M50 30 L60 40 L70 28' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 60' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M8 6 C30 4 64 10 60 38' stroke-dasharray='1 7'/%3E%3Cpath d='M50 30 L60 40 L70 28' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; }
.cert-reveal.wp-block-details > summary { list-style: none; cursor: pointer; display: inline-flex; align-items: center; gap: 0.6rem;
  font-family: var(--font-head); font-weight: 600; font-size: 1rem; color: #2c2310; padding: 0.85rem 1.7rem; border-radius: 999px;
  background: linear-gradient(135deg, #f0d98a, #c2a14a 60%, #b5862f); box-shadow: 0 12px 28px rgba(160,120,40,0.32);
  transition: transform 0.3s var(--ease), box-shadow 0.3s var(--ease); }
.cert-reveal.wp-block-details > summary::-webkit-details-marker { display: none; }
.cert-reveal.wp-block-details > summary::after { content: "⌄"; font-size: 1.1rem; line-height: 1; transform: translateY(-0.15em); transition: transform 0.35s var(--ease); }
.cert-reveal.wp-block-details[open] > summary::after { transform: rotate(180deg) translateY(-0.1em); }
.cert-reveal.wp-block-details > summary:hover { transform: translateY(-2px); box-shadow: 0 16px 34px rgba(160,120,40,0.4); }
.wp-block-gallery.cert-gallery { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1.2rem; max-width: 620px; margin: 1.6rem auto 0; }
.wp-block-gallery.cert-gallery .wp-block-image { width: auto !important; margin: 0 !important; border-radius: 14px; overflow: hidden; background: #fff; border: 1px solid color-mix(in srgb, var(--gold) 26%, var(--border)); box-shadow: var(--shadow-card); padding: 0.7rem; aspect-ratio: 3 / 4; }
.wp-block-gallery.cert-gallery .wp-block-image img { width: 100%; height: 100% !important; object-fit: contain !important; }
.cert-reveal[open] .cert-gallery { animation: certFade 0.5s var(--ease) both; }

/* Biorezonans */
.bio-tile .wp-block-image.bio-tile__icon { margin: 0; }
.bio-tile .wp-block-image.bio-tile__icon img { width: 78px; height: 78px; object-fit: contain; filter: drop-shadow(0 4px 8px rgba(52,41,31,0.18)); }
.bio-tile__icon.skala-113 img { transform: scale(1.13); }
.bio-tile__icon.skala-117 img { transform: scale(1.17); }
.bio-tile__icon.skala-119 img { transform: scale(1.19); }
.bio-tile__icon.skala-200 img { transform: scale(2); }
.bio-tile p.bio-tile__label { margin: 0; }
.bio-premium p { margin: 0; display: flex; gap: 0.8rem; align-items: center; justify-content: center; flex-wrap: wrap;
  font-family: var(--font-display); font-weight: 600; font-size: clamp(1.2rem, 3vw, 1.6rem);
  background: linear-gradient(100deg, #6f5616, #9a7a2a 42%, #b8902f 64%, #6f5616); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; }
.bio-premium p strong { font-weight: 700; }
.bio-premium p::before, .bio-premium p::after { content: "◈"; color: var(--gold); -webkit-text-fill-color: var(--gold); opacity: 0.7; font-size: 0.9em; }
.bio-timeline::before { content: ""; position: absolute; left: 1.45rem; top: 0.4rem; bottom: 0.4rem; width: 2px; border-radius: 2px; background: linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 30%, transparent)); transform-origin: top center; transition: transform 1.6s var(--ease); }
html.anim-ready .bio-timeline.reveal:not(.is-in)::before { transform: scaleY(0); }
.bio-step p.bio-step__num { margin: 0; color: #4e8f24; }
.bio-warning h3 { margin-top: 0; }
.tresc .hero-actions.wp-block-buttons { margin-top: 2.2rem; }

/* Warsztaty, O mnie: treść czytelną kolumną */
.content .wp-block-list.is-style-liscie { margin: 1.3rem 0; }
.content > .wp-block-image.omnie-portrait img { width: 100%; height: auto; }

/* Dokumenty (regulamin, polityki) */
.dokument { margin-top: 1.5rem; }
.dokument h2, .dokument h3, .dokument h4 { font-family: var(--font-display); color: var(--ink); }

/* Stopka: opis pod imieniem */
.footer__opis { max-width: 30ch; margin-top: 0.6rem; font-size: 0.92rem; color: #9fc0b0; }

/* Nagłówek: aktywna pozycja menu */
.nav-links .current-menu-item > a, .nav-links .current_page_item > a { color: var(--accent-dark); }

/* Lista wpisów (blog) */
.card__img { width: 100%; height: auto; border-radius: var(--radius-sm); margin-bottom: 0.8rem; }
.stronicowanie { margin-top: 2rem; text-align: center; }


/* Strona główna — sekcja „Intencja” wyśrodkowana (lista kafelków usunięta 15.10.2026). */
.tresc .o-przestrzeni__grid { grid-template-columns: minmax(0, 1fr); justify-items: center; max-width: 760px; margin-inline: auto; text-align: center; }
.tresc .o-przestrzeni__tekst { margin-inline: auto; text-align: center; }
.tresc .o-przestrzeni__tekst p { margin-inline: auto; }
.tresc .o-przestrzeni__cytat.o-przestrzeni__cytat { padding-left: 0; border-left: 0; max-width: 34ch; margin-inline: auto; }

/* Strona Usługi — pierwszy akapit wyśrodkowany (PL 31, EN 44, UA 57), 16.10.2026. */
.page-id-31 .tresc .section > .wrap > p.lead,
.page-id-44 .tresc .section > .wrap > p.lead,
.page-id-57 .tresc .section > .wrap > p.lead { margin-left: auto; margin-right: auto; text-align: center; }
/* Strona Usługi — nagłówek na środku, przycisk „Umów się” po prawej w tym samym wierszu (PL 31, EN 44, UA 57), 16.10.2026.
   Na wąskich ekranach przycisk schodzi pod nagłówek, bo obok by się nie zmieścił. */
@media (min-width: 700px) {
  .page-id-31 .tresc .section > .wrap > div:first-child:has(> h1),
  .page-id-44 .tresc .section > .wrap > div:first-child:has(> h1),
  .page-id-57 .tresc .section > .wrap > div:first-child:has(> h1) { display: grid !important; grid-template-columns: 1fr auto 1fr; align-items: center; }
  .page-id-31 .tresc .section > .wrap > div:first-child:has(> h1) > h1,
  .page-id-44 .tresc .section > .wrap > div:first-child:has(> h1) > h1,
  .page-id-57 .tresc .section > .wrap > div:first-child:has(> h1) > h1 { grid-column: 2; text-align: center; }
  .page-id-31 .tresc .section > .wrap > div:first-child:has(> h1) > .btn,
  .page-id-44 .tresc .section > .wrap > div:first-child:has(> h1) > .btn,
  .page-id-57 .tresc .section > .wrap > div:first-child:has(> h1) > .btn { grid-column: 3; justify-self: end; }
}
@media (max-width: 699px) {
  .page-id-31 .tresc .section > .wrap > div:first-child:has(> h1),
  .page-id-44 .tresc .section > .wrap > div:first-child:has(> h1),
  .page-id-57 .tresc .section > .wrap > div:first-child:has(> h1) { flex-direction: column; justify-content: center !important; align-items: center !important; text-align: center; }
}
/* Strona Usługi — nagłówek w gradiencie zieleń–złoto, jak na Warsztatach i O mnie (PL 31, EN 44, UA 57), 16.10.2026. */
.page-id-31 .tresc .section > .wrap > div:first-child > h1,
.page-id-44 .tresc .section > .wrap > div:first-child > h1,
.page-id-57 .tresc .section > .wrap > div:first-child > h1 { background: linear-gradient(160deg, #2A4B1C, #4E9622 50%, #C89B3C); -webkit-background-clip: text; background-clip: text; color: transparent !important; -webkit-text-fill-color: transparent; }
