/*
 Theme Name:   Program Mentoringowy PMI
 Description:  Motyw dla Programu Mentoringowego PMI
 Author:       Łukasz
 Template:     blocksy
*/

.pmi-hero *,
.pmi-hero *::before,
.pmi-hero *::after { box-sizing:border-box; }

.pmi-hero {
  /* --- Tokeny --- kolory z palety Blocksy, gdzie to możliwe --- */
  --pmi-heading:#0f2d52;                        /* Heading */
  --pmi-text:#334155;                           /* Text (tytuł hero jest w kolorze tekstu, nie nagłówka) */
  --pmi-violet:var(--theme-palette-color-9);    /* Violet 500 */
  --pmi-aqua:var(--theme-palette-color-18);     /* Aqua 500 */
  --pmi-aqua-50:var(--theme-palette-color-17);  /* Aqua 50 */
  --pmi-font-head:"DM Serif Display", Georgia, serif;
  --pmi-font-body:"Plus Jakarta Sans", system-ui, sans-serif;

  position:relative;
  background:#fff;
  overflow:hidden;
}

/* Układ: desktop = 2 kolumny (tekst 40% / wideo), grid ze spanem */
.pmi-hero__inner {
  max-width:1130px;
  margin:0 auto;
  padding:80px 0;
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,40%) minmax(0,1fr);
  grid-template-areas:
    "title media"
    "desc  media"
    "cd    media";
  column-gap:60px;
  row-gap:40px;
  align-content:center;
}

.pmi-hero__title { grid-area:title; margin:0;
  font-family:var(--pmi-font-head); font-weight:400;
  font-size:44px; line-height:50px; letter-spacing:-0.015em;
  color:var(--pmi-text); }
.pmi-hero__title .grad {
  background:linear-gradient(90deg,#1d4ed8 0%,#4d44e3 35%,#7c3aed 70%,#6d28d9 100%);
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent; color:transparent; }

.pmi-hero__desc { grid-area:desc; margin:0;
  font-family:var(--pmi-font-body); font-weight:700;
  font-size:18px; line-height:28px; color:var(--pmi-text); }

/* --- Licznik --- */
.pmi-hero__cd { grid-area:cd; }
.pmi-cd-title { margin:0 0 4px; font-family:var(--pmi-font-body);
  font-weight:700; font-size:18px; line-height:28px; color:var(--pmi-violet); }
.pmi-countdown { display:flex; align-items:center; gap:14px;
  font-family:var(--pmi-font-body); width:fit-content; flex-wrap:wrap; }
.pmi-cd-unit { display:flex; flex-direction:column; align-items:center; min-width:48px; }
.pmi-cd-num { font-size:18px; font-weight:700; line-height:28px; color:var(--pmi-text); }
.pmi-cd-lbl { font-size:12px; font-weight:700; line-height:16px;
  letter-spacing:.02em; color:var(--pmi-text); }
.pmi-cd-sep { width:1px; height:21px; background:var(--pmi-text); opacity:.4; }

/* --- Strefa wideo (stała wysokość, nie rozciąga się) --- */
.pmi-hero__media { grid-area:media; align-self:center;
  position:relative; width:100%; height:503px;
  border-radius:100px; overflow:hidden; background:#1b1b1f; }
.pmi-hero__video { position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; z-index:0; }
.pmi-hero__media-overlay { position:absolute; inset:0;
  background:rgba(0,0,0,.6); z-index:1; }
.pmi-hero__media-content { position:absolute; inset:0; z-index:2;
  display:flex; align-items:center; justify-content:center; padding:0 16px; }

/* Kafelki MENTORING (desktop) */
.pmi-tiles { display:flex; gap:4px; justify-content:center;
  align-items:center; flex-wrap:wrap; }
.pmi-tiles span { display:flex; align-items:center; justify-content:center;
  width:50px; height:50px; border-radius:16px; background:var(--pmi-aqua-50);
  color:#000; font-family:var(--pmi-font-body); font-weight:700; font-size:16px; }

/* Przycisk Play (mobile) — domyślnie ukryty */
.pmi-play { display:none; width:100px; height:100px; padding:0; border:0;
  background:transparent; cursor:pointer; }
.pmi-play svg { width:100%; height:100%; display:block; }

/* --- Warstwa figur dekoracyjnych (trzyma się szerokości treści 1130px) --- */
.pmi-hero__deco { position:absolute; top:0; bottom:0;
  left:50%; transform:translateX(-50%);
  width:100%; max-width:1130px;
  z-index:0; pointer-events:none; overflow:hidden; }
.pmi-fig { position:absolute; width:64px; height:64px; opacity:.20;
  background-repeat:no-repeat; background-size:contain; background-position:center; }

/* Figury z serwera (SVG) */
.pmi-fig--vision        { background-image:url("/wp-content/uploads/2026/07/Vision-1.svg");        top:4%;  right:9%;  }
.pmi-fig--community     { background-image:url("/wp-content/uploads/2026/07/Community-2.svg");     top:42%; right:2%;  }
.pmi-fig--determination { background-image:url("/wp-content/uploads/2026/07/Determination-1.svg"); bottom:16%; right:6%; }
.pmi-fig--teamwork      { background-image:url("/wp-content/uploads/2026/07/Teamwork-5.svg");      bottom:4%; right:13%; }
.pmi-fig--vision-left   { background-image:url("/wp-content/uploads/2026/07/Vision-1.svg");        bottom:0; left:0;  }

/* =========================================================
   TABLET / MOBILE: jedna kolumna, kolejność tytuł→wideo→opis→licznik
   ========================================================= */
@media (max-width:1024px) {
  .pmi-hero__inner {
    grid-template-columns:1fr;
    grid-template-areas:"title" "media" "desc" "cd";
    row-gap:32px;
    padding:50px 16px;
  }
  .pmi-hero__media { height:380px; }
}

@media (max-width:767px) {
  .pmi-hero__title { font-size:32px; line-height:40px; }
  .pmi-hero__media { height:327px; border-radius:50px; }
  /* przełączenie: chowamy kafelki, pokazujemy Play */
  .pmi-tiles { display:none; }
  .pmi-play { display:block; }
  /* zostaje tylko jedna figura (Vision, dół-lewo) */
  .pmi-fig--vision,
  .pmi-fig--community,
  .pmi-fig--determination,
  .pmi-fig--teamwork { display:none; }
  .pmi-fig--vision-left { display:block; bottom:2%; left:2%; }
}


/* ============================================================
   KOMPONENTY WSPOLNE
   Używane w kilku sekcjach — trzymane raz, żeby się nie dublowały.
   ============================================================ */

/* Chipsy filtrów (Aktualności, Webinary) */
.pmi-chip {
  display:inline-flex; align-items:center; gap:8px;
  height:50px; padding:12px 20px; border-radius:28px; cursor:pointer;
  border:1px solid var(--pmi-text, #334155); background:transparent;
  color:var(--pmi-text, #334155);
  font-family:"Plus Jakarta Sans", system-ui, sans-serif;
  font-weight:500; font-size:16px; line-height:26px; }
.pmi-chip.is-active { background:var(--pmi-text, #334155); color:var(--pmi-white, #fafbfc); }
.pmi-chip:hover { filter:brightness(0.98); }
/* nie pozwól Blocksy bielić tekstu chipa na hover/focus/klik (dot. też <button> w filtrach) */
.pmi-chip,
.pmi-chip:hover,
.pmi-chip:focus,
.pmi-chip:focus-visible,
.pmi-chip:active { color:var(--pmi-text, #334155) !important; }
.pmi-chip.is-active,
.pmi-chip.is-active:hover,
.pmi-chip.is-active:focus,
.pmi-chip.is-active:focus-visible,
.pmi-chip.is-active:active { color:var(--pmi-white, #fafbfc) !important; }
.pmi-chip__x { width:20px; height:20px; flex:none; }
.pmi-chip--clear {
  background:var(--theme-palette-color-21);   /* Tangerine 50 */
  border-color:#a12608; color:#a12608; }       /* Tangerine 600 (poza paletą) */

@media (max-width:767px) {
  .pmi-chip { height:32px; padding:4px 12px; font-size:14px; line-height:20px; gap:4px; }
  .pmi-chip__x { width:16px; height:16px; }
}


/* ============================================================
   PRZYCISKI (jeden wspólny komponent)
   Bazowa klasa:      .pmi-btn            (domyślnie Violet 500)
   Warianty koloru:   .pmi-btn--violet / --aqua / --tangerine
   Modyfikatory:      .pmi-btn--block (100% szer.) / --center / --sm
   • tekst ZAWSZE biały (link, visited, hover, focus, active)
   • hover animuje TYLKO rogi: 26px 0 26px 0  ->  26px
   Stare klasy przycisków sekcji są podpięte pod ten sam wygląd,
   więc NIE trzeba ruszać HTML już wdrożonych bloków.
   ============================================================ */
.pmi-btn,
.pmi-mm__btn,
.pmi-about__btn,
.pmi-contact__btn,
.pmi-news__more,
.pmi-news-more__seemore,
.pmi-web__register,
.pmi-web__seemore {
  --pmi-btn-bg:var(--theme-palette-color-9);      /* Violet 500 (domyślnie) */
  align-self:flex-start;
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:14px 24px; border:0; cursor:pointer; text-decoration:none;
  background:var(--pmi-btn-bg);
  border-radius:26px 0 26px 0;
  font-family:"Plus Jakarta Sans", system-ui, sans-serif;
  font-weight:500; font-size:16px; line-height:26px;
  transition:border-radius .35s cubic-bezier(.4, 0, .2, 1);
}

/* Tekst ZAWSZE biały — nadpisuje kolory linków z Blocksy */
.pmi-btn, .pmi-btn:link, .pmi-btn:visited, .pmi-btn:hover, .pmi-btn:focus, .pmi-btn:focus-visible, .pmi-btn:active,
.pmi-mm__btn, .pmi-mm__btn:hover, .pmi-mm__btn:focus-visible,
.pmi-about__btn, .pmi-about__btn:hover, .pmi-about__btn:focus-visible,
.pmi-contact__btn, .pmi-contact__btn:hover, .pmi-contact__btn:focus-visible,
.pmi-news__more, .pmi-news__more:hover, .pmi-news__more:focus-visible,
.pmi-news-more__seemore, .pmi-news-more__seemore:hover, .pmi-news-more__seemore:focus-visible,
.pmi-web__register, .pmi-web__register:hover, .pmi-web__register:focus-visible,
.pmi-web__seemore, .pmi-web__seemore:hover, .pmi-web__seemore:focus-visible {
  color:#fff !important;
}

/* Ikony w przyciskach */
.pmi-btn svg,
.pmi-mm__btn svg, .pmi-about__btn svg, .pmi-contact__btn svg,
.pmi-news__more svg, .pmi-news-more__seemore svg,
.pmi-web__register svg, .pmi-web__seemore svg { width:20px; height:20px; flex:none; }

/* Jednakowa animacja rogów na hover / focus */
.pmi-btn:hover, .pmi-btn:focus-visible,
.pmi-mm__btn:hover, .pmi-mm__btn:focus-visible,
.pmi-about__btn:hover, .pmi-about__btn:focus-visible,
.pmi-contact__btn:hover, .pmi-contact__btn:focus-visible,
.pmi-news__more:hover, .pmi-news__more:focus-visible,
.pmi-news-more__seemore:hover, .pmi-news-more__seemore:focus-visible,
.pmi-web__register:hover, .pmi-web__register:focus-visible,
.pmi-web__seemore:hover, .pmi-web__seemore:focus-visible {
  border-radius:26px;
}

/* --- Warianty koloru --- */
.pmi-btn--violet { --pmi-btn-bg:var(--theme-palette-color-9);  }  /* Violet 500 */
.pmi-btn--aqua,
.pmi-contact__btn { --pmi-btn-bg:var(--theme-palette-color-18); }  /* Aqua 500 */
.pmi-btn--tangerine,
.pmi-news__more,
.pmi-news-more__seemore,
.pmi-web__seemore { --pmi-btn-bg:var(--theme-palette-color-23); }  /* Tangerine 800 */
.pmi-mm__btn { --pmi-btn-bg:var(--accent); }                       /* z karty: violet (mentor) / aqua (mentee) */

/* --- Modyfikatory układu --- */
.pmi-btn--block,
.pmi-web__register { width:100%; }
.pmi-btn--center,
.pmi-news-more__seemore,
.pmi-web__seemore { align-self:center; }
.pmi-btn--sm,
.pmi-news__more { font-size:14px; line-height:20px; letter-spacing:.001em; white-space:nowrap; }


/* ============================================================
   SEKCJA MENTOR / MENTEE
   ============================================================ */

.pmi-mm *,
.pmi-mm *::before,
.pmi-mm *::after { box-sizing:border-box; }

.pmi-mm {
  --pmi-heading:#0f2d52;
  --pmi-text:#334155;
  --pmi-white:#fafbfc;
  --pmi-font-head:"DM Serif Display", Georgia, serif;
  --pmi-font-body:"Plus Jakarta Sans", system-ui, sans-serif;
  background:#fff;
  padding:80px 20px;
}

.pmi-mm__inner {
  max-width:1130px; margin:0 auto;
  display:flex; flex-direction:column; gap:40px;
}

.pmi-mm__title {
  margin:0; max-width:707px;
  font-family:var(--pmi-font-head); font-weight:400;
  font-size:32px; line-height:38px; letter-spacing:-0.01em;
  color:var(--pmi-heading);
}
.pmi-mm__title .accent { color:var(--theme-palette-color-9); }

/* --- Karty --- */
.pmi-mm__cards { display:flex; gap:20px; align-items:stretch; }

.pmi-mm__card {
  flex:1 1 0; display:flex; flex-direction:column;
  --accent:var(--theme-palette-color-9);   /* Violet 500 */
  --soft:var(--theme-palette-color-12);    /* Violet 50  */
  transition:transform .3s ease;           /* hover: uniesienie + powiększenie */
  transform-origin:center;
}
.pmi-mm__card--mentee {
  --accent:var(--theme-palette-color-18);  /* Aqua 500 */
  --soft:var(--theme-palette-color-17);    /* Aqua 50  */
}

/* Nagłówek karty — WĄSKI (dopasowany do treści), przy lewej krawędzi */
.pmi-mm__top {
  width:fit-content; max-width:100%; align-self:flex-start;
  background:var(--accent); color:var(--pmi-white);
  border-radius:16px 16px 0 0;
  padding:14px 16px 14px 24px;
  display:flex; flex-direction:column; gap:4px; justify-content:center;
  min-height:92px;
}
/* biel wymuszona — nadpisuje globalny kolor nagłówków Blocksy */
.pmi-mm__top h3, .pmi-mm__top .date { color:var(--pmi-white) !important; }
.pmi-mm__top h3 { margin:0; font-family:var(--pmi-font-head); font-weight:400;
  font-size:24px; line-height:32px; letter-spacing:-0.012em; }
.pmi-mm__top .date { margin:0; font-family:var(--pmi-font-body); font-weight:700;
  font-size:18px; line-height:28px; }

/* Body karty — pełna szerokość */
.pmi-mm__body {
  position:relative; overflow:hidden; flex:1;
  background:var(--soft);
  border-radius:0 40px 40px 40px;   /* górny-lewy róg kanciasty */
  padding:53px 60px;
  display:flex; flex-direction:column; gap:16px;
  transition:box-shadow .3s ease;
}
.pmi-mm__body::before {
  content:""; position:absolute; top:-19px; right:-39px;
  width:140px; height:140px; border-radius:50%;
  background:var(--accent); opacity:.06; pointer-events:none; z-index:0;
}
.pmi-mm__body > * { position:relative; z-index:1; }

.pmi-mm__desc { margin:0; font-family:var(--pmi-font-body); font-weight:500;
  font-size:16px; line-height:26px; color:var(--pmi-text); }

/* Lista korzyści */
.pmi-mm__checks { list-style:none; margin:0; padding:0;
  display:flex; flex-direction:column; }
.pmi-mm__checks li { display:flex; align-items:center; gap:8px; padding:4px 0;
  font-family:var(--pmi-font-body); font-weight:500;
  font-size:14px; line-height:20px; letter-spacing:.001em; color:var(--pmi-text); }
.pmi-mm__checks li::before {
  content:""; flex:none; width:20px; height:20px;
  background:var(--accent);
  -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M7.6%2013.5%203.9%209.8%205.3%208.4%207.6%2010.7%2014.7%203.6%2016.1%205z%27/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M7.6%2013.5%203.9%209.8%205.3%208.4%207.6%2010.7%2014.7%203.6%2016.1%205z%27/%3E%3C/svg%3E") center/contain no-repeat;
}

/* Przycisk "Aplikuj" — wygląd i animacja z komponentu .pmi-btn (blok PRZYCISKI) */

/* --- Hover całej karty: uniesienie + powiększenie + cień (tylko mysz/desktop) --- */
@media (hover:hover) and (pointer:fine) {
  .pmi-mm__card:hover { transform:translateY(-4px) scale(1.02); }
  .pmi-mm__card:hover .pmi-mm__body { box-shadow:0 18px 40px rgba(16, 24, 40, .14); }
}

/* =========================================================
   TABLET
   ========================================================= */
@media (max-width:1024px) {
  .pmi-mm__body { padding:40px 32px; }
}

/* =========================================================
   MOBILE: karty jedna pod drugą
   ========================================================= */
@media (max-width:767px) {
  .pmi-mm { padding:50px 16px; }
  .pmi-mm__inner { gap:32px; }
  .pmi-mm__title { font-size:28px; line-height:36px; }
  .pmi-mm__cards { flex-direction:column; gap:32px; }
  .pmi-mm__body { border-radius:0 20px 20px 20px; padding:24px 16px; }
  .pmi-mm__body::before { top:auto; bottom:-50px; right:-50px; }
}


/* ============================================================
   SEKCJA O PROGRAMIE
   ============================================================ */

.pmi-about *,
.pmi-about *::before,
.pmi-about *::after { box-sizing:border-box; }

.pmi-about {
  --pmi-heading:#0f2d52;
  --pmi-text:#334155;
  --pmi-font-head:"DM Serif Display", Georgia, serif;
  --pmi-font-body:"Plus Jakarta Sans", system-ui, sans-serif;
  background:#fff;
  padding:80px 20px;
}

.pmi-about__inner { position:relative; max-width:1130px; margin:0 auto; }

.pmi-about__content {
  position:relative; z-index:1;
  display:flex; flex-direction:column; gap:40px;
  max-width:554px;
}

.pmi-about__title { margin:0;
  font-family:var(--pmi-font-head); font-weight:400;
  font-size:32px; line-height:38px; letter-spacing:-0.01em;
  color:var(--pmi-heading); }

.pmi-about__left { display:flex; flex-direction:column; gap:24px; }
.pmi-about__text { margin:0; max-width:452px;
  font-family:var(--pmi-font-body); font-weight:500;
  font-size:16px; line-height:26px; color:var(--pmi-text); }

/* --- Karty statystyk --- */
.pmi-about__cards { display:flex; gap:24px; align-items:flex-start; }
.pmi-about__card {
  background:#fff; border:1px solid #eaecef; border-radius:20px;
  padding:20px; display:flex; flex-direction:column; gap:16px;
  box-shadow:0 1px 2px rgba(16,24,40,.25);
}
.pmi-about__icon { width:24px; height:24px; color:var(--theme-palette-color-9); } /* Violet 500 */
.pmi-about__card-title { margin:0; font-family:var(--pmi-font-body); font-weight:700;
  font-size:18px; line-height:28px; color:var(--pmi-text); }
.pmi-about__card-text { margin:0; font-family:var(--pmi-font-body); font-weight:500;
  font-size:16px; line-height:26px; color:var(--pmi-text); }

/* --- Dekoracyjne kółka (prawa strona): c1–c3 sloty na zdjęcia, c4–c7 akcenty --- */
.pmi-about__deco { position:absolute; top:0; right:24px;
  width:443px; height:336px; z-index:0; pointer-events:none; }
.pmi-about__circle { position:absolute; border-radius:50%; overflow:hidden;
  background-color:#e8eaee;          /* neutralne tło = pusty slot na zdjęcie */
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat; }
/* ZDJĘCIA (największe) — wypełnij przez style="background-image:url('...')" */
.pmi-about__deco .c1 { width:205px; height:192px; left:0;    top:0;   }
.pmi-about__deco .c2 { width:137px; height:129px; left:34px; top:175px; }
.pmi-about__deco .c3 { width:137px; height:129px; left:306px;top:28px; }
/* KOLOROWE AKCENTY (z palety) */
.pmi-about__deco .c4 { width:102px; height:96px;  left:323px;top:198px; background:var(--theme-palette-color-18); } /* Aqua 500 */
.pmi-about__deco .c5 { width:71px;  height:67px;  left:306px;top:269px; background:var(--theme-palette-color-10); } /* Aqua 300 */
.pmi-about__deco .c6 { width:46px;  height:43px;  left:235px;top:144px; background:var(--theme-palette-color-17); } /* Aqua 50 */
.pmi-about__deco .c7 { width:30px;  height:28px;  left:397px;top:0;    background:var(--theme-palette-color-12); } /* Violet 50 */

/* =========================================================
   TABLET / MOBILE
   ========================================================= */
@media (max-width:1024px) {
  .pmi-about__deco { display:none; }   /* dekoracja tylko na szerokich ekranach */
  .pmi-about__content { max-width:none; }
}

@media (max-width:767px) {
  .pmi-about { padding:50px 16px; }
  .pmi-about__content { gap:32px; }
  .pmi-about__title { font-size:28px; line-height:36px; }
  .pmi-about__left { gap:32px; }
  .pmi-about__text { max-width:none; }
  .pmi-about__cards { flex-direction:column; gap:16px; }
}


/* ============================================================
   SEKCJA LICZBY
   ============================================================ */

.pmi-numbers *,
.pmi-numbers *::before,
.pmi-numbers *::after { box-sizing:border-box; }

.pmi-numbers {
  --pmi-white:#fafbfc;
  --pmi-font-head:"DM Serif Display", Georgia, serif;
  --pmi-font-body:"Plus Jakarta Sans", system-ui, sans-serif;
  /* gradient: prawa strona morski, lewa fiolet */
  background:linear-gradient(to left, var(--theme-palette-color-18) 46.842%, var(--theme-palette-color-9));
  color:var(--pmi-white);
  padding:80px 20px;
}

.pmi-numbers__inner {
  max-width:1130px; margin:0 auto;
  display:flex; flex-direction:column; gap:40px;
}

.pmi-numbers__title { margin:0;
  font-family:var(--pmi-font-head); font-weight:400; color:var(--theme-palette-color-8);
  font-size:32px; line-height:38px; letter-spacing:-0.01em; }

.pmi-numbers__lead { margin:0;
  font-family:var(--pmi-font-body); font-weight:500;
  font-size:16px; line-height:26px; }

/* --- Statystyki --- */
.pmi-numbers__grid { display:flex; gap:24px; justify-content:space-between; }
.pmi-numbers__item {
  flex:1 1 0; max-width:325px;
  display:flex; flex-direction:column; gap:20px;
}
.pmi-numbers__num { margin:0;
  font-family:var(--pmi-font-head); font-weight:400;
  font-size:56px; line-height:62px; }
.pmi-numbers__label { margin:0;
  font-family:var(--pmi-font-head); font-weight:400;
  font-size:24px; line-height:32px; letter-spacing:-0.01em; }
.pmi-numbers__desc { margin:0;
  font-family:var(--pmi-font-body); font-weight:500;
  font-size:14px; line-height:20px; letter-spacing:.001em; }

/* =========================================================
   MOBILE: statystyki jedna pod drugą
   ========================================================= */
@media (max-width:767px) {
  .pmi-numbers { padding:50px 16px; }
  .pmi-numbers__inner { gap:32px; }
  .pmi-numbers__title { font-size:28px; line-height:36px; }
  .pmi-numbers__grid { flex-direction:column; gap:32px; }
  .pmi-numbers__item { max-width:none; }
}


/* ============================================================
   SEKCJA HARMONOGRAM
   ============================================================ */

.pmi-schedule *,
.pmi-schedule *::before,
.pmi-schedule *::after { box-sizing:border-box; }

.pmi-schedule {
  --pmi-heading:#0f2d52;
  --pmi-text:#334155;
  --pmi-font-head:"DM Serif Display", Georgia, serif;
  --pmi-font-body:"Plus Jakarta Sans", system-ui, sans-serif;
  background:#fff;
  padding:80px 20px;
}

.pmi-schedule__inner {
  max-width:1130px; margin:0 auto;
  display:flex; flex-direction:column; align-items:center; gap:40px;
}

.pmi-schedule__title { align-self:stretch; margin:0;
  font-family:var(--pmi-font-head); font-weight:400;
  font-size:32px; line-height:38px; letter-spacing:-0.01em;
  color:var(--pmi-heading); }
.pmi-schedule__title .accent { color:var(--theme-palette-color-9); } /* Violet 500 */

/* --- Karta etapu --- */
.pmi-schedule__card {
  display:flex; align-items:center; gap:16px;
  min-height:222px; padding:20px;
  background:#fff; border:1px solid #eaecef; border-radius:20px;
  box-shadow:0 1px 2px rgba(16,24,40,.25);
}
.pmi-schedule__num { flex:none;
  font-family:var(--pmi-font-head); font-weight:400;
  font-size:56px; line-height:62px; color:var(--pmi-text); }

.pmi-schedule__content { display:flex; align-items:center; gap:16px; }

.pmi-schedule__text { width:325px; padding:20px;
  display:flex; flex-direction:column; gap:16px; }
.pmi-schedule__step-title { margin:0;
  font-family:var(--pmi-font-body); font-weight:700;
  font-size:18px; line-height:28px; color:var(--pmi-text); }
.pmi-schedule__desc { margin:0;
  font-family:var(--pmi-font-body); font-weight:500;
  font-size:14px; line-height:20px; letter-spacing:.001em; color:var(--pmi-text); }

.pmi-schedule__date { width:285px; padding:8px;
  display:flex; align-items:center; gap:16px; }
.pmi-schedule__cal { width:24px; height:24px; flex:none; color:var(--pmi-text); }
.pmi-schedule__date span {
  font-family:var(--pmi-font-body); font-weight:500;
  font-size:16px; line-height:26px; color:var(--pmi-text); white-space:nowrap; }

/* =========================================================
   MOBILE: data schodzi pod tekst, karty pełnej szerokości
   ========================================================= */
@media (max-width:767px) {
  .pmi-schedule { padding:50px 16px; }
  .pmi-schedule__inner { gap:32px; }
  .pmi-schedule__title { font-size:28px; line-height:36px; }
  .pmi-schedule__card { width:100%; }
  .pmi-schedule__content { flex-direction:column; align-items:flex-start; gap:20px; }
  .pmi-schedule__text { width:auto; padding:0; }
  .pmi-schedule__date { width:auto; padding:0; }
  .pmi-schedule__date span { white-space:normal; }
}


/* ============================================================
   SEKCJA CO MOWIA UCZESTNICY
   ============================================================ */

.pmi-testi *,
.pmi-testi *::before,
.pmi-testi *::after { box-sizing:border-box; }

.pmi-testi {
  --pmi-heading:#0f2d52;
  --pmi-text:#334155;
  --pmi-font-head:"DM Serif Display", Georgia, serif;
  --pmi-font-body:"Plus Jakarta Sans", system-ui, sans-serif;
  background:#fff;
  padding:80px 0;
}

.pmi-testi__inner {
  max-width:1130px; margin:0 auto;
  display:flex; flex-direction:column; gap:40px;
}

.pmi-testi__title { margin:0; text-align:center;
  font-family:var(--pmi-font-head); font-weight:400;
  font-size:32px; line-height:38px; letter-spacing:-0.01em;
  color:var(--pmi-heading); }

/* --- Karty --- */
.pmi-testi__cards { display:flex; gap:20px; align-items:stretch; }

.pmi-testi__card {
  flex:1 1 0;
  background:var(--theme-palette-color-21);   /* Tangerine 50 */
  padding:50px;
  display:flex; flex-direction:column; gap:40px;
}
/* lustrzane duże zaokrąglenia narożników */
.pmi-testi__card--mentor { border-radius:100px 16px 16px 16px; }
.pmi-testi__card--mentee { border-radius:16px 16px 100px 16px; }

.pmi-testi__quote { width:71px; height:64px; flex:none;
  color:var(--theme-palette-color-11); }        /* Tangerine 300 */

.pmi-testi__text { margin:0; flex:1;
  font-family:var(--pmi-font-body); font-weight:500;
  font-size:16px; line-height:26px; color:var(--pmi-text); }

/* --- Osoba --- */
.pmi-testi__person { display:flex; gap:40px; align-items:flex-start; }
.pmi-testi__avatar {
  width:100px; height:100px; flex:none; border-radius:999px;
  background:#e8eaee center/cover no-repeat;
  /* ZDJĘCIE: ustaw np. background-image:url("/wp-content/uploads/.../piotr.jpg"); */
}
.pmi-testi__detail { display:flex; flex-direction:column; gap:5px; }

.pmi-testi__badge {
  display:inline-flex; align-items:center; justify-content:center;
  height:24px; padding:8px; border-radius:12px;
  font-family:var(--pmi-font-body); font-weight:700;
  font-size:12px; line-height:16px; letter-spacing:.02em;
  background:var(--theme-palette-color-12);     /* Violet 50 */
  color:var(--theme-palette-color-9);           /* Violet 500 */
}
.pmi-testi__card--mentee .pmi-testi__badge {
  background:var(--theme-palette-color-17);      /* Aqua 50 */
  color:var(--theme-palette-color-18);           /* Aqua 500 */
}

.pmi-testi__name-row { display:flex; align-items:center; gap:10px; }
.pmi-testi__name { margin:0;
  font-family:var(--pmi-font-body); font-weight:700;
  font-size:18px; line-height:28px; color:var(--pmi-text); }
.pmi-testi__linkedin { display:inline-flex; color:#0a66c2; }
.pmi-testi__linkedin svg { width:24px; height:24px; }

.pmi-testi__role { margin:0;
  font-family:var(--pmi-font-body); font-weight:500;
  font-size:16px; line-height:26px; color:var(--pmi-text); }

/* =========================================================
   MOBILE: karty jedna pod drugą
   ========================================================= */
@media (max-width:767px) {
  .pmi-testi { padding:50px 16px; }
  .pmi-testi__inner { gap:32px; }
  .pmi-testi__title { font-size:28px; line-height:36px; }
  .pmi-testi__cards { flex-direction:column; gap:24px; }
  .pmi-testi__card { padding:20px; }
  .pmi-testi__card--mentor { border-radius:50px 16px 16px 16px; }
  .pmi-testi__card--mentee { border-radius:16px 16px 50px 16px; }
  .pmi-testi__person { gap:20px; }
}


/* ============================================================
   SEKCJA DLACZEGO WARTO (KORZYSCI)
   ============================================================ */

.pmi-benefits *,
.pmi-benefits *::before,
.pmi-benefits *::after { box-sizing:border-box; }

.pmi-benefits {
  --pmi-heading:#0f2d52;
  --pmi-text:#334155;
  --pmi-font-head:"DM Serif Display", Georgia, serif;
  --pmi-font-body:"Plus Jakarta Sans", system-ui, sans-serif;
  background:#fff;
  padding:80px 20px;
}

.pmi-benefits__inner {
  max-width:1130px; margin:0 auto;
  display:flex; flex-direction:column; gap:40px;
}

/* Nagłówek + licznik */
.pmi-benefits__head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
.pmi-benefits__title { margin:0;
  font-family:var(--pmi-font-head); font-weight:400;
  font-size:32px; line-height:38px; letter-spacing:-0.01em;
  color:var(--pmi-heading); }
.pmi-benefits__title .accent { color:var(--theme-palette-color-9); } /* Violet 500 */
.pmi-benefits__counter { display:none; }   /* widoczny tylko na mobile */

/* --- Karty (desktop: siatka 3 + 2) --- */
.pmi-benefits__track { display:flex; flex-wrap:wrap; position:relative;
  column-gap:20px; row-gap:40px; }
.pmi-benefits__card:nth-child(-n+3) { flex:0 0 calc((100% - 40px) / 3); }
.pmi-benefits__card:nth-child(n+4)  { flex:0 0 calc((100% - 20px) / 2); }

.pmi-benefits__card {
  position:relative; overflow:hidden;
  border:1px solid var(--theme-palette-color-11);   /* Tangerine 300 */
  border-radius:20px;
  padding:40px 20px;
  display:flex; flex-direction:column; align-items:center; gap:20px;
}
/* treść nad obrazkiem tła */
.pmi-benefits__card > * { position:relative; z-index:1; }

/* Obrazek tła na hover — duży, półprzezroczysty, wychodzi z boku i jest przycięty
   Obraz: ustaw na kafelku style="--hover-img:url('...')"
   Strona: klasa --img-left / --img-right (domyślnie prawa) */
.pmi-benefits__card::after {
  content:""; position:absolute; z-index:0; pointer-events:none;
  width:250px; height:250px; top:var(--img-top, 26px);
  right:-90px; left:auto;
  background-image:var(--hover-img); background-position:center; background-size:cover; background-repeat:no-repeat;
  opacity:0; transition:opacity .35s ease;
}
.pmi-benefits__card--img-left::after  { right:auto; left:-90px; }
.pmi-benefits__card--img-right::after { left:auto; right:-90px; }
@media (hover:hover) and (pointer:fine) {
  .pmi-benefits__card:hover::after { opacity:.2; }
}
.pmi-benefits__icon { width:72px; height:72px; flex:none;
  color:var(--theme-palette-color-11); }
.pmi-benefits__card-title { width:100%; margin:0;
  font-family:var(--pmi-font-body); font-weight:700;
  font-size:18px; line-height:28px; color:var(--pmi-text); }
.pmi-benefits__card-text { width:100%; margin:0;
  font-family:var(--pmi-font-body); font-weight:500;
  font-size:16px; line-height:26px; color:var(--pmi-text); }

/* Kropki (desktop ukryte) */
.pmi-benefits__dots { display:none; }

/* =========================================================
   MOBILE: karuzela (przewijanie palcem + kropki + licznik)
   ========================================================= */
@media (max-width:767px) {
  .pmi-benefits { padding:50px 16px; }
  .pmi-benefits__inner { gap:24px; }
  .pmi-benefits__title { font-size:28px; line-height:36px; }

  /* licznik 1/5 w rogu */
  .pmi-benefits__counter {
    display:flex; align-items:center; justify-content:center; flex:none;
    width:36px; height:36px;
    border:1px solid var(--pmi-text); border-radius:8px 0 8px 0;
    font-family:var(--pmi-font-body); font-weight:500; font-size:14px;
    color:var(--pmi-text);
  }

  /* track jako poziomy scroller ze snapem */
  .pmi-benefits__track {
    flex-wrap:nowrap; overflow-x:auto; column-gap:16px;
    scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .pmi-benefits__track::-webkit-scrollbar { display:none; }
  .pmi-benefits__card:nth-child(-n+3),
  .pmi-benefits__card:nth-child(n+4) { flex:0 0 100%; scroll-snap-align:center; }

  /* na dotyku nie ma hovera — tło kafelków pokazujemy od razu (jak w Figmie) */
  .pmi-benefits__card::after { opacity:.2; }

  /* kropki */
  .pmi-benefits__dots { display:flex; gap:8px; justify-content:center; }
  .pmi-benefits__dot {
    width:8px; height:8px; padding:0; border:0; cursor:pointer;
    border-radius:999px; background:#d9d9d9; transition:width .2s, background .2s;
  }
  .pmi-benefits__dot.is-active { width:24px; background:var(--theme-palette-color-9); }
}


/* ============================================================
   SEKCJA FAQ
   ============================================================ */

.pmi-faq *,
.pmi-faq *::before,
.pmi-faq *::after { box-sizing:border-box; }

.pmi-faq {
  --pmi-heading:#0f2d52;
  --pmi-text:#334155;
  --pmi-font-head:"DM Serif Display", Georgia, serif;
  --pmi-font-body:"Plus Jakarta Sans", system-ui, sans-serif;
  background:#fff;
  padding:80px 20px;
}

.pmi-faq__inner {
  max-width:1130px; margin:0 auto;
  display:flex; flex-direction:column; gap:24px;
}

.pmi-faq__title { margin:0;
  font-family:var(--pmi-font-head); font-weight:400;
  font-size:32px; line-height:38px; letter-spacing:-0.01em; color:var(--pmi-heading); }

.pmi-faq__list { display:flex; flex-direction:column; }
.pmi-faq__item { border-bottom:1px solid var(--pmi-text); }

/* Pytanie (nagłówek klikalny) */
.pmi-faq__q {
  width:100%; display:flex; align-items:center; gap:8px;
  padding:24px; border:0; background:transparent; cursor:pointer; text-align:left;
  font-family:var(--pmi-font-body); font-weight:700;
  font-size:18px; line-height:28px; color:var(--pmi-text);
  transition:background .2s ease;
}
.pmi-faq__q > span { flex:1 1 auto; }
.pmi-faq__chev { width:20px; height:20px; flex:none; transition:transform .3s ease; }
/* pytanie to <button> — nie pozwól Blocksy bielić tekstu/chevronu na hover/focus/wciśnięciu */
.pmi-faq__q,
.pmi-faq__q:hover,
.pmi-faq__q:focus,
.pmi-faq__q:focus-visible,
.pmi-faq__q:active { color:var(--pmi-text) !important; }

/* Stan otwarty: brzoskwiniowe tło nagłówka + obrót chevronu */
.pmi-faq__item.is-open .pmi-faq__q {
  background:var(--theme-palette-color-21);   /* Tangerine 50 */
  border-radius:8px 8px 0 0;
}
.pmi-faq__item.is-open .pmi-faq__chev { transform:rotate(180deg); }

/* Odpowiedź — płynne rozwijanie (grid-rows) */
.pmi-faq__a { display:grid; grid-template-rows:0fr;
  transition:grid-template-rows .3s ease; }
.pmi-faq__item.is-open .pmi-faq__a { grid-template-rows:1fr; }
.pmi-faq__a-inner { overflow:hidden;
  font-family:var(--pmi-font-body); font-weight:500;
  font-size:16px; line-height:26px; color:var(--pmi-text); }

/* wewnętrzne odstępy treści odpowiedzi */
.pmi-faq__item.is-open .pmi-faq__a-inner { padding:20px 24px 28px; }
.pmi-faq__a-inner p { margin:0 0 12px; }
.pmi-faq__a-inner p:last-child { margin-bottom:0; }
.pmi-faq__a-inner ul { margin:0 0 12px; padding-left:22px; }
.pmi-faq__a-inner li { margin-bottom:6px; }
.pmi-faq__a-inner li:last-child { margin-bottom:0; }

@media (max-width:767px) {
  .pmi-faq { padding:50px 16px; }
  .pmi-faq__title { font-size:28px; line-height:36px; }
  .pmi-faq__q { padding:20px 16px; }
  .pmi-faq__item.is-open .pmi-faq__a-inner { padding:16px 16px 24px; }
}


/* ============================================================
   SEKCJA KONTAKT
   ============================================================ */

.pmi-contact *,
.pmi-contact *::before,
.pmi-contact *::after { box-sizing:border-box; }

.pmi-contact {
  --pmi-heading:#0f2d52;
  --pmi-text:#334155;
  --pmi-white:#fafbfc;
  --pmi-font-head:"DM Serif Display", Georgia, serif;
  --pmi-font-body:"Plus Jakarta Sans", system-ui, sans-serif;
  background:linear-gradient(to left, var(--theme-palette-color-18) 46.842%, var(--theme-palette-color-9));
  padding:80px 20px;
}

.pmi-contact__inner {
  max-width:1130px; margin:0 auto;
  display:flex; align-items:flex-start; justify-content:space-between; gap:40px;
}

/* --- Lewa kolumna: tekst --- */
.pmi-contact__text { width:430px; color:var(--pmi-white);
  display:flex; flex-direction:column; gap:24px; }
.pmi-contact__title { margin:0; text-align:center;
  font-family:var(--pmi-font-head); font-weight:400;
  font-size:32px; line-height:38px; letter-spacing:-0.01em; }
.pmi-contact__lead { display:flex; flex-direction:column; gap:12px; }
.pmi-contact__lead p { margin:0;
  font-family:var(--pmi-font-body); font-weight:500;
  font-size:16px; line-height:26px; }

/* --- Prawa kolumna: formularz --- */
.pmi-contact__form {
  width:555px; flex:none;
  background:#fff; border:1px solid #eaecef; border-radius:20px; padding:20px;
  box-shadow:0 1px 1px rgba(16,24,40,.25), 0 8px 12px rgba(16,24,40,.06);
  display:flex; flex-direction:column; gap:24px;
}
.pmi-contact__form-title { margin:0;
  font-family:var(--pmi-font-head); font-weight:400;
  font-size:24px; line-height:32px; letter-spacing:-0.012em; color:var(--pmi-heading); }

.pmi-contact__field { display:flex; flex-direction:column; gap:8px; }
.pmi-contact__field label {
  font-family:var(--pmi-font-body); font-weight:500;
  font-size:16px; line-height:26px; color:var(--pmi-heading); }
.pmi-contact__field input,
.pmi-contact__field textarea {
  width:100%; border:1px solid var(--pmi-text); border-radius:8px;
  padding:12px 16px;
  font-family:var(--pmi-font-body); font-weight:500;
  font-size:16px; line-height:26px; color:var(--pmi-text); background:#fff; }
.pmi-contact__field input { height:48px; }
.pmi-contact__field textarea { min-height:160px; resize:vertical; }
.pmi-contact__field input:focus,
.pmi-contact__field textarea:focus { outline:2px solid var(--theme-palette-color-18); outline-offset:-1px; }

/* zgoda / checkbox */
.pmi-contact__terms { display:flex; gap:7px; align-items:flex-start; cursor:pointer;
  font-family:var(--pmi-font-body); font-weight:500;
  font-size:14px; line-height:20px; letter-spacing:.001em; color:var(--pmi-text); }
.pmi-contact__terms input { width:16px; height:16px; margin:2px 0 0; flex:none;
  accent-color:var(--theme-palette-color-18); }
.pmi-contact__terms a { color:var(--pmi-text); text-decoration:underline; }

/* przycisk "Wyślij" — wygląd/animacja z komponentu .pmi-btn (wariant aqua w bloku PRZYCISKI) */

/* =========================================================
   MOBILE: tekst nad formularzem
   ========================================================= */
@media (max-width:767px) {
  .pmi-contact { padding:50px 16px; }
  .pmi-contact__inner { flex-direction:column; gap:40px; }
  .pmi-contact__text { width:100%; }
  .pmi-contact__form { width:100%; padding:16px; }
  .pmi-contact__btn { align-self:stretch; }
  .pmi-contact .pmi-btn { align-self:stretch; }
}


/* ============================================================
   KONTAKT — integracja z Contact Form 7
   Oswaja znaczniki dokładane przez CF7 (wrapper, zgoda, walidacja, komunikat)
   ============================================================ */

/* input/textarea pełnej szerokości mimo spanu-wrappera CF7 */
.pmi-contact .wpcf7-form-control-wrap { display:block; }

/* podpowiedzi walidacji */
.pmi-contact .wpcf7-not-valid-tip { margin-top:4px;
  font-family:var(--pmi-font-body); font-weight:500; font-size:12px; line-height:16px; color:#dc2626; }
.pmi-contact input.wpcf7-not-valid,
.pmi-contact textarea.wpcf7-not-valid { border-color:#dc2626; }

/* zgoda [acceptance] w stylu naszego .pmi-contact__terms */
.pmi-contact .wpcf7-acceptance .wpcf7-list-item { margin:0; }
.pmi-contact .wpcf7-acceptance label { display:flex; gap:7px; align-items:flex-start; cursor:pointer;
  font-family:var(--pmi-font-body); font-weight:500; font-size:14px; line-height:20px; letter-spacing:.001em; color:var(--pmi-text); }
.pmi-contact .wpcf7-acceptance input[type=checkbox] { width:16px; height:16px; margin:2px 0 0; flex:none;
  accent-color:var(--theme-palette-color-18); }
.pmi-contact .wpcf7-acceptance a { color:var(--pmi-text); text-decoration:underline; }
/* linki zgody/regulaminu — czytelne na hover (nie bieleją od domyślnego hovera Blocksy) */
.pmi-contact .wpcf7-acceptance a:hover,
.pmi-contact .wpcf7-acceptance a:focus,
.pmi-contact .wpcf7-acceptance a:focus-visible,
.pmi-contact__terms a:hover,
.pmi-contact__terms a:focus,
.pmi-contact__terms a:focus-visible { color:var(--theme-palette-color-9) !important; text-decoration:underline; }

/* komunikat odpowiedzi CF7 */
.pmi-contact .wpcf7-response-output { margin:8px 0 0; padding:12px 16px; border-radius:8px;
  font-family:var(--pmi-font-body); font-weight:500; font-size:14px; line-height:20px; }
.pmi-contact .wpcf7-form.invalid .wpcf7-response-output,
.pmi-contact .wpcf7-form.unaccepted .wpcf7-response-output { border:1px solid #dc2626; color:#b91c1c; background:#fef2f2; }
.pmi-contact .wpcf7-form.sent .wpcf7-response-output { border:1px solid #16a34a; color:#15803d; background:#f0fdf4; }
.pmi-contact .wpcf7-spinner { margin:0 0 0 8px; }

/* Pełna ramka na WSZYSTKICH polach (jak w treści wiadomości) — pewny override na inputy Blocksy */
.pmi-contact .pmi-contact__field input,
.pmi-contact .pmi-contact__field textarea {
  border:1px solid var(--pmi-text) !important; border-radius:8px !important; background:#fff; }

/* Przycisk formularza — twardy override na theme'owe style buttonów Blocksy:
   tło aqua (bez zmiany na hover), biały tekst, asymetryczne rogi; hover tylko morfuje rogi */
.pmi-contact button.pmi-btn,
.pmi-contact button.pmi-btn:link,
.pmi-contact button.pmi-btn:visited,
.pmi-contact button.pmi-btn:hover,
.pmi-contact button.pmi-btn:focus,
.pmi-contact button.pmi-btn:focus-visible,
.pmi-contact button.pmi-btn:active {
  background:var(--theme-palette-color-18) !important;   /* Aqua 500 — ten sam kolor w każdym stanie */
  color:#fff !important;
  border:0 !important;
}
.pmi-contact button.pmi-btn { border-radius:26px 0 26px 0 !important; }
.pmi-contact button.pmi-btn:hover,
.pmi-contact button.pmi-btn:focus-visible { border-radius:26px !important; }


/* ============================================================
   AKTUALNOSCI — HERO
   ============================================================ */

.pmi-news-hero *,
.pmi-news-hero *::before,
.pmi-news-hero *::after { box-sizing:border-box; }

.pmi-news-hero {
  --pmi-heading:#0f2d52;
  --pmi-text:#334155;
  --pmi-white:#fafbfc;
  --pmi-font-head:"DM Serif Display", Georgia, serif;
  --pmi-font-body:"Plus Jakarta Sans", system-ui, sans-serif;
  /* gradient: brzoskwinia -> pomarańcz */
  background:linear-gradient(180deg,
    var(--theme-palette-color-21) 0%, #ffac81 43.914%, #ff8648 94.75%,
    var(--theme-palette-color-11) 100%);
  padding:80px 20px;
}

.pmi-news-hero__inner {
  max-width:1130px; margin:0 auto;
  display:flex; flex-direction:column; gap:40px;
}

.pmi-news-hero__title { margin:0;
  font-family:var(--pmi-font-head); font-weight:400;
  font-size:44px; line-height:50px; letter-spacing:-0.015em; color:var(--pmi-heading); }
.pmi-news-hero__subtitle { margin:0;
  font-family:var(--pmi-font-body); font-weight:500;
  font-size:16px; line-height:26px; color:var(--pmi-text); }
.pmi-news-hero__heading { margin:0;
  font-family:var(--pmi-font-head); font-weight:400;
  font-size:32px; line-height:38px; letter-spacing:-0.01em; color:var(--pmi-heading); }

/* --- Wyróżnione karty --- */
.pmi-news__featured { display:flex; gap:20px; align-items:stretch; }

.pmi-news__card {
  flex:1 1 0;
  background:#fff; border:1px solid #eaecef; border-radius:20px; padding:16px;
  display:flex; flex-direction:column; gap:16px;
}
.pmi-news__photo {
  height:312px; border-radius:20px; width:100%;
  background:#e8eaee center/cover no-repeat;
  /* ZDJĘCIE: background-image:url("/wp-content/uploads/.../foto.jpg"); */
}
.pmi-news__body { display:flex; flex-direction:column; gap:20px; padding:10px; }

.pmi-news__meta { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.pmi-news__badge {
  display:inline-flex; align-items:center; padding:4px 16px; border-radius:16px;
  font-family:var(--pmi-font-body); font-weight:500; font-size:14px; line-height:20px;
  color:var(--theme-palette-color-21); white-space:nowrap; }
.pmi-news__badge--aqua   { background:var(--theme-palette-color-19); } /* Aqua 600 */
.pmi-news__badge--violet { background:var(--theme-palette-color-14); } /* Violet 600 */
.pmi-news__time { text-align:right;
  font-family:var(--pmi-font-body); font-weight:500; font-size:12px; line-height:16px;
  letter-spacing:.02em; color:var(--pmi-text); }

.pmi-news__card-title { margin:0;
  font-family:var(--pmi-font-body); font-weight:700; font-size:18px; line-height:28px;
  color:var(--pmi-text); }
.pmi-news__desc { margin:0;
  font-family:var(--pmi-font-body); font-weight:500; font-size:16px; line-height:26px;
  color:var(--pmi-text); }

/* Stopka karty (grid: desktop 1 rząd, mobile "Czytaj więcej" na dole) */
.pmi-news__footer { display:grid; align-items:center; gap:10px;
  grid-template-columns:1fr auto auto; grid-template-areas:"author share more"; }
.pmi-news__author { grid-area:author; min-width:0; display:flex; align-items:flex-start; gap:10px; }
.pmi-news__share { grid-area:share; }
.pmi-news__more  { grid-area:more; }
.pmi-news__avatar { width:24px; height:24px; flex:none; border-radius:999px;
  background:#e8eaee center/cover no-repeat; }
.pmi-news__author-text { display:flex; flex-direction:column;
  font-family:var(--pmi-font-body); color:var(--pmi-text);
  font-size:12px; line-height:16px; letter-spacing:.02em; }
.pmi-news__author-name { font-weight:700; }
.pmi-news__author-date { font-weight:500; }

.pmi-news__share {
  width:44px; height:44px; flex:none; display:inline-flex; align-items:center; justify-content:center;
  border:1px solid var(--pmi-text); border-radius:8px 0 8px 0; color:var(--pmi-text); }
.pmi-news__share svg { width:24px; height:24px; }

/* "Czytaj więcej" — wygląd/animacja z komponentu .pmi-btn (tangerine + rozmiar sm) */
.pmi-news__share:hover { filter:brightness(1.06); }
/* ikona share to currentColor — nie pozwól Blocksy bielić jej na hover/focus/kliknięciu */
.pmi-news__share,
.pmi-news__share:hover,
.pmi-news__share:focus,
.pmi-news__share:focus-visible,
.pmi-news__share:active { color:var(--pmi-text) !important; }

/* =========================================================
   MOBILE: karty jedna pod drugą, "Czytaj więcej" na dole karty
   ========================================================= */
@media (max-width:767px) {
  .pmi-news-hero { padding:50px 16px; }
  .pmi-news-hero__inner { gap:32px; }
  .pmi-news-hero__title { font-size:32px; line-height:40px; }
  .pmi-news-hero__heading { font-size:28px; line-height:36px; }

  .pmi-news__featured { flex-direction:column; gap:40px; }
  .pmi-news__body { padding:0; }
  /* stopka: autor + udostępnij w rzędzie, "Czytaj więcej" pod spodem */
  .pmi-news__footer { grid-template-columns:1fr auto;
    grid-template-areas:"author share" "more more"; }
  .pmi-news__more { justify-self:start; }
}


/* ============================================================
   AKTUALNOSCI — POZOSTALE ARTYKULY
   ============================================================ */

.pmi-news-more *,
.pmi-news-more *::before,
.pmi-news-more *::after { box-sizing:border-box; }

.pmi-news-more {
  --pmi-heading:#0f2d52;
  --pmi-text:#334155;
  --pmi-white:#fafbfc;
  --pmi-font-head:"DM Serif Display", Georgia, serif;
  --pmi-font-body:"Plus Jakarta Sans", system-ui, sans-serif;
  background:#fff;
  padding:80px 20px;
}

.pmi-news-more__inner {
  max-width:1130px; margin:0 auto;
  display:flex; flex-direction:column; gap:40px;
}

.pmi-news-more__heading { margin:0;
  font-family:var(--pmi-font-head); font-weight:400;
  font-size:32px; line-height:38px; letter-spacing:-0.01em; color:var(--pmi-heading); }

/* --- Filtry (chipsy) — bazowe style w bloku KOMPONENTY WSPOLNE --- */
.pmi-news-more__chips { display:flex; flex-wrap:wrap; gap:20px; }

/* plakietka w kolorze tangerine (kategoria Mentoring) */
.pmi-news__badge--tangerine { background:#a12608; } /* Tangerine 600 (poza paletą) */

/* --- Poziome karty --- */
.pmi-news-more__list { display:flex; flex-direction:column; gap:40px; }
.pmi-news-more__card {
  display:flex; gap:16px; padding:20px;
  background:#fff; border:1px solid #eaecef; border-radius:20px;
  box-shadow:0 1px 1px rgba(16,24,40,.25), 0 8px 12px rgba(16,24,40,.06); }
.pmi-news-more__foto {
  width:317px; height:239px; flex:none; border-radius:20px;
  background:#e8eaee center/cover no-repeat;
  /* ZDJĘCIE: background-image:url("/wp-content/uploads/.../foto.jpg"); */
}
.pmi-news-more__content { flex:1 1 0; min-width:0;
  display:flex; flex-direction:column; gap:20px; }

/* --- Przycisk "Zobacz więcej" — wygląd/animacja z komponentu .pmi-btn (tangerine + wyśrodkowany) --- */

/* =========================================================
   MOBILE
   ========================================================= */
@media (max-width:767px) {
  .pmi-news-more { padding:50px 16px; }
  .pmi-news-more__inner { gap:32px; }
  .pmi-news-more__heading { font-size:28px; line-height:36px; }

  .pmi-news-more__chips { gap:12px; }

  /* karty pionowo (foto na górze) */
  .pmi-news-more__list { gap:40px; }
  .pmi-news-more__card { flex-direction:column; }
  .pmi-news-more__foto { width:100%; }
}


/* ============================================================
   STRONA WEBINARY
   ============================================================ */

.pmi-web-hero *, .pmi-web *,
.pmi-web-hero *::before, .pmi-web *::before,
.pmi-web-hero *::after, .pmi-web *::after { box-sizing:border-box; }

.pmi-web-hero, .pmi-web {
  --pmi-heading:#0f2d52;
  --pmi-text:#334155;
  --pmi-white:#fafbfc;
  --pmi-violet:var(--theme-palette-color-9);
  --pmi-violet-50:var(--theme-palette-color-12);
  --pmi-font-head:"DM Serif Display", Georgia, serif;
  --pmi-font-body:"Plus Jakarta Sans", system-ui, sans-serif;
}


/* Natywne przyciski WP/Blocksy też trzymają biały tekst na hover.
   Nasze przyciski (.pmi-btn + klasy sekcji) obsługuje blok PRZYCISKI wyżej. */
a.wp-block-button__link,
a.wp-block-button__link:hover { color:#fafbfc !important; }


/* --- HERO --- */
.pmi-web-hero { background:#fff; padding:80px 20px; }
.pmi-web-hero__inner { max-width:1130px; margin:0 auto; display:flex; flex-direction:column; gap:40px; }
.pmi-web-hero__title { margin:0; font-family:var(--pmi-font-head); font-weight:400;
  font-size:44px; line-height:50px; letter-spacing:-0.015em; color:var(--pmi-heading); }
.pmi-web-hero__subtitle { margin:0; font-family:var(--pmi-font-body); font-weight:500;
  font-size:16px; line-height:26px; color:var(--pmi-text); max-width:520px; }

/* --- SEKCJA WEBINARY --- */
.pmi-web { background:#fff; padding:0 20px 80px; }
.pmi-web__inner { max-width:1130px; margin:0 auto; display:flex; flex-direction:column; gap:40px; }

/* Filtry */
.pmi-web__filters { display:flex; flex-direction:column; gap:20px; }
.pmi-web__filters-title { margin:0; font-family:var(--pmi-font-head); font-weight:400;
  font-size:32px; line-height:38px; letter-spacing:-0.01em; color:var(--pmi-text); }
.pmi-web__status { display:flex; align-items:center; flex-wrap:wrap; gap:10px; }
.pmi-web__status-label { font-family:var(--pmi-font-body); font-weight:700;
  font-size:18px; line-height:28px; color:var(--pmi-text); margin-right:6px; }

/* --- Karta webinaru --- */
.pmi-web__list { display:flex; flex-direction:column; gap:40px; }
.pmi-web__card { display:flex; gap:16px; padding:16px; border-radius:20px; }
.pmi-web__card--upcoming { background:#fff; border:2px solid #d0d5dd;
  box-shadow:0 8px 24px rgba(16,24,40,.1); }
.pmi-web__card--ended { background:#cbc8d0; }

.pmi-web__left { flex:1 1 0; min-width:0; display:flex; flex-direction:column; gap:24px; }
.pmi-web__topic { display:flex; flex-direction:column; gap:16px; }

.pmi-web__labels { display:flex; flex-wrap:wrap; gap:16px; }
.pmi-web__label { display:inline-flex; align-items:center; padding:4px 16px; border-radius:16px;
  font-family:var(--pmi-font-body); font-weight:500; font-size:14px; line-height:20px; }
.pmi-web__label--cat      { background:var(--theme-palette-color-23); color:var(--theme-palette-color-21); } /* tangerine 800 / 50 */
.pmi-web__label--platform { background:var(--pmi-violet-50); color:var(--pmi-violet); }
.pmi-web__label--archival { background:#a12608; color:var(--pmi-white); }
.pmi-web__label--cat-aqua { background:var(--theme-palette-color-19); color:var(--theme-palette-color-21); } /* aqua 600 / tangerine 50 */

.pmi-web__title { margin:0; font-family:var(--pmi-font-head); font-weight:400;
  font-size:24px; line-height:32px; letter-spacing:-0.012em; color:var(--pmi-text); }
.pmi-web__speaker { margin:0; font-family:var(--pmi-font-body); font-weight:700;
  font-size:18px; line-height:28px; color:var(--pmi-violet); }

.pmi-web__dateinfo { display:flex; flex-direction:column; gap:4px; }
.pmi-web__detail { display:inline-flex; flex-wrap:wrap; gap:24px; padding:20px; border-radius:20px;
  background:var(--pmi-violet-50); width:fit-content; max-width:100%; }
.pmi-web__detail-item { display:inline-flex; align-items:center; gap:4px;
  font-family:var(--pmi-font-body); font-weight:700; font-size:18px; line-height:28px; color:var(--pmi-text); }
.pmi-web__ic { width:28px; height:28px; flex:none; color:var(--pmi-text); }
.pmi-web__info { display:flex; align-items:flex-start; gap:4px; }
.pmi-web__info-ic { width:16px; height:16px; flex:none; color:var(--pmi-text); margin-top:1px; }
.pmi-web__info span { font-family:var(--pmi-font-body); font-weight:500;
  font-size:12px; line-height:16px; letter-spacing:.02em; color:var(--pmi-text); }

.pmi-web__descwrap { display:flex; flex-direction:column; gap:20px; }
.pmi-web__desc { display:flex; flex-direction:column; gap:12px;
  font-family:var(--pmi-font-body); font-weight:500; font-size:16px; line-height:26px; color:var(--pmi-text); }
.pmi-web__desc p { margin:0; }

.pmi-web__viewmore { display:inline-flex; align-items:center; gap:6px; align-self:flex-start;
  padding:14px 16px 14px 0; text-decoration:underline; color:var(--pmi-text);
  font-family:var(--pmi-font-body); font-weight:500; font-size:16px; line-height:26px; }
.pmi-web__viewmore svg { width:24px; height:24px; flex:none; }
/* link "zobacz więcej" — nie bieleje na hover/klik (override domyślnego hovera Blocksy) */
.pmi-web__viewmore,
.pmi-web__viewmore:hover,
.pmi-web__viewmore:focus,
.pmi-web__viewmore:focus-visible,
.pmi-web__viewmore:active { color:var(--pmi-text) !important; }

/* Prawa kolumna: prelegent */
.pmi-web__right { width:389px; flex:none; display:flex; flex-direction:column; gap:20px;
  align-items:center; padding:20px; border-radius:20px; }
.pmi-web__card--upcoming .pmi-web__right { background:linear-gradient(180deg, var(--pmi-violet-50) 0%, #9f82cd 86.771%); }
.pmi-web__card--ended .pmi-web__right    { background:linear-gradient(180deg, #000 0%, #d9d9d9 86.771%); }

.pmi-web__portrait { width:200px; height:200px; flex:none; border-radius:60px 0 60px 0;
  background:#fff center/cover no-repeat;
  /* ZDJĘCIE: background-image:url("/wp-content/uploads/.../prelegent.jpg"); */ }

.pmi-web__speaker-card { width:100%; background:#fff; border-radius:20px; padding:20px;
  display:flex; flex-direction:column; gap:20px; }
.pmi-web__sp-head { display:flex; align-items:center; gap:10px; }
.pmi-web__sp-name { font-family:var(--pmi-font-body); font-weight:700; font-size:18px; line-height:28px; color:var(--pmi-text); }
.pmi-web__sp-linkedin { display:inline-flex; color:#0a66c2 !important; transition:color .2s ease; }
.pmi-web__sp-linkedin:hover,
.pmi-web__sp-linkedin:focus-visible { color:#4a94e0 !important; }
.pmi-web__sp-linkedin svg { width:24px; height:24px; }
.pmi-web__sp-role { margin:0; font-family:var(--pmi-font-body); font-weight:500; font-size:16px; line-height:26px; color:var(--pmi-text); }
.pmi-web__sp-bio  { margin:0; font-family:var(--pmi-font-body); font-weight:500; font-size:16px; line-height:26px; color:var(--pmi-text); }

/* przycisk "Zarejestruj się" — wygląd/animacja z komponentu .pmi-btn (violet, pełna szerokość) */

/* Przycisk "Zobacz więcej webinarów" — wygląd/animacja z komponentu .pmi-btn (tangerine + wyśrodkowany) */

/* =========================================================
   MOBILE
   ========================================================= */
@media (max-width:767px) {
  .pmi-web-hero { padding:50px 16px; }
  .pmi-web-hero__inner { gap:32px; }
  .pmi-web-hero__title { font-size:32px; line-height:40px; }
  .pmi-web { padding:0 16px 50px; }
  .pmi-web__inner { gap:32px; }
  .pmi-web__filters-title { font-size:28px; line-height:36px; }

  .pmi-web__card { flex-direction:column; padding:16px 8px; }
  .pmi-web__right { width:100%; }
  .pmi-web__detail { width:100%; padding:20px 10px; }
}


/* ============================================================
   SEKCJA NASZ ZESPÓŁ
   Wizualnie odrębna od mentorów: okrągłe portrety w siatce,
   kolorowe pierścienie z palety (violet/aqua/tangerine cyklicznie),
   bez filtrów i popupów.
   ============================================================ */

.pmi-team *,
.pmi-team *::before,
.pmi-team *::after { box-sizing:border-box; }

.pmi-team {
  --pmi-heading:#0f2d52;
  --pmi-text:#334155;
  --pmi-avatar:160px;
  --pmi-font-head:"DM Serif Display", Georgia, serif;
  --pmi-font-body:"Plus Jakarta Sans", system-ui, sans-serif;
  background:#fff;
  padding:80px 0;
}

.pmi-team__inner {
  max-width:1130px; margin:0 auto;
  display:flex; flex-direction:column; gap:40px;
}

.pmi-team__title { margin:0;
  font-family:var(--pmi-font-head); font-weight:400;
  font-size:32px; line-height:38px; letter-spacing:-0.01em; color:var(--pmi-heading); }
.pmi-team__lead { margin:0; max-width:760px;
  font-family:var(--pmi-font-body); font-weight:500;
  font-size:16px; line-height:26px; color:var(--pmi-text); }

/* Siatka: 4 kolumny na desktopie */
/* Siatka: 4 kolumny = szerokość portretu, rozłożone równo (skrajne kółka dotykają boków) */
.pmi-team__grid { display:grid; gap:48px 24px;
  grid-template-columns:repeat(4, var(--pmi-avatar)); justify-content:space-between; }

/* Osoba */
.pmi-team__member { width:var(--pmi-avatar); display:flex; flex-direction:column; align-items:center;
  text-align:center; gap:16px; }

/* Portret — okrągły link z kolorowym pierścieniem (akcent z palety) */
.pmi-team__photo { position:relative; display:block; text-decoration:none;
  width:var(--pmi-avatar); height:var(--pmi-avatar); flex:none;
  border-radius:50%; overflow:hidden;
  background-color:#e8eaee; background-position:center; background-size:cover; background-repeat:no-repeat;
  box-shadow:0 0 0 4px #fff, 0 0 0 7px var(--ring, var(--theme-palette-color-9)); }

/* Nakładka LinkedIn — pojawia się na hover (tylko mysz/desktop) */
.pmi-team__overlay { position:absolute; inset:0;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:8px; padding:14px; text-align:center; color:#fff !important;
  background:rgba(15,45,82,.78);
  opacity:0; pointer-events:none; transition:opacity .3s ease; }
.pmi-team__overlay svg { width:30px; height:30px; flex:none;
  transform:scale(.85); transition:transform .3s ease; }
.pmi-team__overlay-text { font-family:var(--pmi-font-body); font-weight:600;
  font-size:11px; line-height:15px; letter-spacing:.01em; }
@media (hover:hover) and (pointer:fine) {
  .pmi-team__photo:hover .pmi-team__overlay,
  .pmi-team__photo:focus-visible .pmi-team__overlay { opacity:1; }
  .pmi-team__photo:hover .pmi-team__overlay svg { transform:scale(1); }
}

/* Pierścienie cyklicznie (statyczne): violet / aqua / tangerine */
.pmi-team__member:nth-child(3n+1) .pmi-team__photo { --ring:var(--theme-palette-color-9);  } /* Violet 500 */
.pmi-team__member:nth-child(3n+2) .pmi-team__photo { --ring:var(--theme-palette-color-18); } /* Aqua 500 */
.pmi-team__member:nth-child(3n+3) .pmi-team__photo { --ring:var(--theme-palette-color-22); } /* Tangerine 500 */

/* Dane osoby */
.pmi-team__info { display:flex; flex-direction:column; align-items:center; gap:4px; }

/* Imię w 1. linii, całe nazwisko w 2. (nazwisko nie łamie się na myślniku) */
.pmi-team__name { margin:0; font-family:var(--pmi-font-body); font-weight:700;
  font-size:18px; line-height:26px; color:var(--pmi-heading); }
.pmi-team__fname, .pmi-team__lname { display:block; }
.pmi-team__lname { white-space:nowrap; }

/* Linia funkcji: rola + ikona LinkedIn obok siebie */
.pmi-team__role-row { display:flex; align-items:center; justify-content:center; gap:8px; }
.pmi-team__role { margin:0; font-family:var(--pmi-font-body); font-weight:500;
  font-size:14px; line-height:20px; letter-spacing:.001em; color:var(--pmi-text); }
.pmi-team__linkedin { display:inline-flex; flex:none; color:#0a66c2; }
.pmi-team__linkedin svg { width:20px; height:20px; display:block; }

/* TABLET */
@media (max-width:1024px) {
  .pmi-team__grid { grid-template-columns:repeat(3, var(--pmi-avatar)); }
}

/* MOBILE */
@media (max-width:767px) {
  .pmi-team { padding:50px 24px; --pmi-avatar:120px; }
  .pmi-team__inner { gap:32px; }
  .pmi-team__title { font-size:28px; line-height:36px; }
  .pmi-team__grid { grid-template-columns:repeat(2, var(--pmi-avatar));
    justify-content:center; gap:32px 60px; }

  /* mniejsze napisy, żeby mieściły się w wąskiej kolumnie */
  .pmi-team__name { font-size:16px; line-height:22px; }
  .pmi-team__role { font-size:13px; line-height:18px; }

  /* ikona LinkedIn schodzi POD stanowisko (nie obok) */
  .pmi-team__role-row { flex-direction:column; gap:6px; }
}


/* ============================================================
   PODSTRONY REGULAMINOWE — reużywalny blok .pmi-legal
   (Polityka prywatności, Regulamin, Polityka ciasteczek)
   Opiera się na istniejących tokenach: fonty, paleta, rogi
   ============================================================ */
.pmi-legal {
  --pmi-heading:#0f2d52;
  --pmi-text:#334155;
  --pmi-font-head:"DM Serif Display", Georgia, serif;
  --pmi-font-body:"Plus Jakarta Sans", system-ui, sans-serif;
  background:#fff; padding:80px 20px;
}
.pmi-legal *, .pmi-legal *::before, .pmi-legal *::after { box-sizing:border-box; }
.pmi-legal__inner { max-width:820px; margin:0 auto; }

.pmi-legal__title { margin:0 0 12px; font-family:var(--pmi-font-head); font-weight:400;
  font-size:40px; line-height:48px; letter-spacing:-0.01em; color:var(--pmi-heading) !important; }
.pmi-legal__intro { margin:0 0 8px; }

.pmi-legal__h2 { margin:40px 0 12px; font-family:var(--pmi-font-body); font-weight:700;
  font-size:22px; line-height:30px; color:var(--pmi-heading) !important; }
.pmi-legal__h3 { margin:24px 0 8px; font-family:var(--pmi-font-body); font-weight:700;
  font-size:17px; line-height:24px; color:var(--pmi-heading) !important; }

.pmi-legal p { margin:0 0 16px; font-family:var(--pmi-font-body); font-weight:500;
  font-size:16px; line-height:26px; color:var(--pmi-text); }
.pmi-legal ul { margin:0 0 16px; padding-left:22px; }
.pmi-legal li { margin:0 0 8px; font-family:var(--pmi-font-body); font-weight:500;
  font-size:16px; line-height:26px; color:var(--pmi-text); }
.pmi-legal strong { color:var(--pmi-heading); font-weight:700; }

.pmi-legal a { color:var(--theme-palette-color-9); text-decoration:underline; }
.pmi-legal a:hover, .pmi-legal a:focus { color:var(--theme-palette-color-23) !important; }

/* wyróżniony blok (adres / kontakt) — z akcentem rogów jak w reszcie strony */
.pmi-legal__box { margin:8px 0 24px; padding:20px 24px;
  background:var(--theme-palette-color-12);   /* Violet 50 */
  border-radius:16px 0 16px 0; }
.pmi-legal__box p { margin:0 0 4px; }
.pmi-legal__box p:last-child { margin-bottom:0; }

@media (max-width:767px) {
  .pmi-legal { padding:50px 16px; }
  .pmi-legal__title { font-size:30px; line-height:38px; }
  .pmi-legal__h2 { font-size:20px; line-height:28px; }
  .pmi-legal__h3 { font-size:16px; line-height:22px; }
}


/* ============================================================
   PODSTRONY REGULAMINOWE (Polityka prywatności, Regulamin, Cookies)
   Reużywalny, czytelny layout tekstowy na tokenach z reszty strony
   ============================================================ */
.pmi-legal {
  --pmi-heading:#0f2d52; --pmi-text:#334155;
  --pmi-font-head:"DM Serif Display", Georgia, serif;
  --pmi-font-body:"Plus Jakarta Sans", system-ui, sans-serif;
  background:#fff; padding:80px 20px; font-family:var(--pmi-font-body); }
.pmi-legal *, .pmi-legal *::before, .pmi-legal *::after { box-sizing:border-box; }
.pmi-legal__inner { max-width:820px; margin:0 auto; }

.pmi-legal__title { margin:0 0 24px;
  font-family:var(--pmi-font-head); font-weight:400;
  font-size:40px; line-height:46px; letter-spacing:-0.01em; color:var(--pmi-heading); }
.pmi-legal__h2 { margin:40px 0 12px;
  font-family:var(--pmi-font-body); font-weight:700;
  font-size:22px; line-height:30px; color:var(--pmi-heading); }

.pmi-legal p { margin:0 0 16px; font-weight:500; font-size:16px; line-height:26px; color:var(--pmi-text); }
.pmi-legal strong { font-weight:700; color:var(--pmi-heading); }
.pmi-legal ul, .pmi-legal ol { margin:0 0 16px; padding-left:22px; }
.pmi-legal li { margin-bottom:8px; font-weight:500; font-size:16px; line-height:26px; color:var(--pmi-text); }
.pmi-legal li > ul, .pmi-legal li > ol { margin:8px 0 0; }
.pmi-legal ol { list-style:decimal; }
.pmi-legal ol ul { list-style:disc; }
.pmi-legal a { color:var(--theme-palette-color-9); text-decoration:underline; word-break:break-word; }
.pmi-legal a:hover, .pmi-legal a:focus-visible { color:var(--theme-palette-color-18) !important; }

/* delikatne wyróżnienie bloku z adresem/kontaktem */
.pmi-legal__box { margin:0 0 24px; padding:20px 24px; border-radius:12px;
  background:var(--theme-palette-color-12); }
.pmi-legal__box p:last-child { margin-bottom:0; }

@media (max-width:767px) {
  .pmi-legal { padding:50px 16px; }
  .pmi-legal__title { font-size:30px; line-height:36px; }
  .pmi-legal__h2 { font-size:19px; line-height:26px; }
}


/* ============================================================
   STRONA WPISU (single post) — spójna z listą Aktualności
   Reużywa języka wizualnego: plakietka kategorii, czas czytania,
   autor z avatarem, przycisk share (rogi 8px 0 8px 0)
   ============================================================ */
.pmi-post {
  --pmi-heading:#0f2d52; --pmi-text:#334155;
  --pmi-font-head:"DM Serif Display", Georgia, serif;
  --pmi-font-body:"Plus Jakarta Sans", system-ui, sans-serif;
  background:#fff; padding:80px 20px; font-family:var(--pmi-font-body); }
.pmi-post *, .pmi-post *::before, .pmi-post *::after { box-sizing:border-box; }
.pmi-post__inner { max-width:820px; margin:0 auto; }

/* --- Nagłówek wpisu --- */
.pmi-post__meta { display:flex; align-items:center; gap:12px; margin-bottom:20px; }
.pmi-post__badge { display:inline-flex; align-items:center; padding:4px 16px; border-radius:16px;
  font-weight:500; font-size:14px; line-height:20px; white-space:nowrap;
  color:var(--theme-palette-color-21); background:var(--theme-palette-color-14); }
.pmi-post__badge--aqua      { background:var(--theme-palette-color-19); } /* Aqua 600 */
.pmi-post__badge--violet    { background:var(--theme-palette-color-14); } /* Violet 600 */
.pmi-post__badge--tangerine { background:var(--theme-palette-color-23); } /* Tangerine 800 */
/* plakietka jako link (klikalna kategoria) — ten sam wygląd w każdym stanie */
a.pmi-post__badge,
a.pmi-post__badge:link,
a.pmi-post__badge:visited,
a.pmi-post__badge:hover,
a.pmi-post__badge:focus,
a.pmi-post__badge:focus-visible,
a.pmi-post__badge:active {
  color:var(--theme-palette-color-21) !important; text-decoration:none; cursor:pointer; }
a.pmi-post__badge:hover { filter:brightness(1.06); }
.pmi-post__time { font-weight:500; font-size:12px; line-height:16px; letter-spacing:.02em; color:var(--pmi-text); }

.pmi-post__title { margin:0 0 24px;
  font-family:var(--pmi-font-head); font-weight:400;
  font-size:40px; line-height:46px; letter-spacing:-0.01em; color:var(--pmi-heading); }

/* autor + share */
.pmi-post__byline { display:flex; align-items:center; gap:12px; margin-bottom:32px; }
.pmi-post__avatar { width:44px; height:44px; flex:none; border-radius:999px;
  background:#e8eaee center/cover no-repeat; }
.pmi-post__author-text { display:flex; flex-direction:column; margin-right:auto;
  font-size:14px; line-height:18px; letter-spacing:.02em; color:var(--pmi-text); }
.pmi-post__author-name { font-weight:700; }
.pmi-post__author-date { font-weight:500; }
.pmi-post__share { width:44px; height:44px; flex:none; display:inline-flex; align-items:center; justify-content:center;
  border:1px solid var(--pmi-text); border-radius:8px 0 8px 0; background:transparent; color:var(--pmi-text);
  cursor:pointer; transition:filter .2s ease; }
.pmi-post__share svg { width:22px; height:22px; }
.pmi-post__share:hover { filter:brightness(1.06); }

/* --- Zdjęcie główne --- */
.pmi-post__cover { margin:0 0 40px; border-radius:16px; overflow:hidden; }
.pmi-post__cover img { display:block; width:100%; height:auto; }

/* --- Treść wpisu (z edytora) --- */
.pmi-post__content { font-weight:500; font-size:17px; line-height:28px; color:var(--pmi-text); }
.pmi-post__content > *:first-child { margin-top:0; }
.pmi-post__content p { margin:0 0 20px; }
.pmi-post__content h2 { margin:40px 0 14px; font-family:var(--pmi-font-body);
  font-weight:700; font-size:26px; line-height:34px; color:var(--pmi-heading); }
.pmi-post__content h3 { margin:32px 0 10px; font-weight:700; font-size:20px; line-height:28px; color:var(--pmi-heading); }
.pmi-post__content h2 + p, .pmi-post__content h3 + p { margin-top:0; }
.pmi-post__content ul, .pmi-post__content ol { margin:0 0 20px; padding-left:24px; }
.pmi-post__content li { margin-bottom:8px; }
.pmi-post__content a { color:var(--theme-palette-color-9); text-decoration:underline; }
.pmi-post__content a:hover, .pmi-post__content a:focus-visible { color:var(--theme-palette-color-18) !important; }
.pmi-post__content strong { font-weight:700; color:var(--pmi-heading); }
.pmi-post__content img { display:block; width:100%; height:auto; border-radius:12px; margin:24px 0; }
.pmi-post__content figure { margin:24px 0; }
.pmi-post__content figcaption { margin-top:8px; font-size:14px; line-height:20px; color:#64748b; text-align:center; }
.pmi-post__content blockquote { margin:24px 0; padding:8px 0 8px 24px;
  border-left:3px solid var(--theme-palette-color-9);
  font-size:19px; line-height:30px; font-style:italic; color:var(--pmi-heading); }

@media (max-width:767px) {
  .pmi-post { padding:50px 16px; }
  .pmi-post__title { font-size:30px; line-height:38px; }
  .pmi-post__byline { flex-wrap:wrap; }
  .pmi-post__content { font-size:16px; line-height:26px; }
  .pmi-post__content h2 { font-size:22px; line-height:30px; }
  .pmi-post__content h3 { font-size:18px; line-height:26px; }
}


/* ============================================================
   ARCHIWUM / KATEGORIE (natywne wpisy w stylu .pmi-news-more)
   Elementy kart są linkami — pilnujemy, żeby trzymały wygląd
   ============================================================ */
.pmi-news-more__foto { display:block; text-decoration:none; }

/* plakietka kategorii jako link */
a.pmi-news__badge, a.pmi-news__badge:link, a.pmi-news__badge:visited,
a.pmi-news__badge:hover, a.pmi-news__badge:focus, a.pmi-news__badge:focus-visible, a.pmi-news__badge:active {
  color:var(--theme-palette-color-21) !important; text-decoration:none; cursor:pointer; }
a.pmi-news__badge:hover { filter:brightness(1.06); }

/* tytuł karty jako link — dziedziczy kolor, bez podkreślenia */
.pmi-news__card-title a,
.pmi-news__card-title a:hover,
.pmi-news__card-title a:focus-visible { color:inherit !important; text-decoration:none; }
.pmi-news__card-title a:hover { color:var(--theme-palette-color-9) !important; }

/* chipsy kategorii jako linki */
a.pmi-chip, a.pmi-chip:link, a.pmi-chip:visited,
a.pmi-chip:hover, a.pmi-chip:focus, a.pmi-chip:focus-visible, a.pmi-chip:active {
  text-decoration:none; color:var(--pmi-text, #334155) !important; }
a.pmi-chip.is-active,
a.pmi-chip.is-active:hover, a.pmi-chip.is-active:focus-visible { color:var(--pmi-white, #fafbfc) !important; }

/* paginacja */
.pmi-news-more .nav-links, .pmi-news-more .pagination {
  display:flex; gap:8px; flex-wrap:wrap; justify-content:center; margin-top:8px; }
.pmi-news-more .page-numbers { display:inline-flex; align-items:center; justify-content:center;
  min-width:40px; height:40px; padding:0 12px; border:1px solid var(--pmi-text);
  border-radius:8px 0 8px 0; text-decoration:none; color:var(--pmi-text) !important;
  font-family:var(--pmi-font-body); font-weight:500; font-size:16px; transition:filter .2s ease; }
.pmi-news-more .page-numbers:hover { filter:brightness(0.98); }
.pmi-news-more .page-numbers.current { background:var(--theme-palette-color-9); color:#fff !important; border-color:transparent; }
.pmi-news-more .page-numbers.dots { border-color:transparent; }