/* KK Strona główna – sekcje „Upamiętnienie” (wariant B) i „Biogramy”.
   Paleta i kroje motywu Loquet: Marcellus / Lora / Josefin Sans, złoto #ad9a6d, krem #faf5ef. */

.kk-home{
  --kk-ink:var(--gt-primary-color,#111111);
  --kk-ink-2:#333333;
  --kk-muted:#7a7366;
  --kk-gold:var(--gt-secondary-color,#ad9a6d);
  --kk-gold-text:#76622f;
  --kk-cream:var(--gt-tertiary-color,#faf5ef);
  --kk-line:rgba(17,17,17,.12);
  --kk-bg:#ffffff;
  --kk-display:'Marcellus',Georgia,serif;
  --kk-text:'Lora',Georgia,serif;
  --kk-sans:'Josefin Sans',Arial,sans-serif;
  font-family:var(--kk-text);
  color:var(--kk-ink);
  background:var(--kk-bg);
  line-height:1.7;
  box-sizing:border-box;
}
.kk-home *,.kk-home *::before,.kk-home *::after{box-sizing:border-box}
.kk-home a{color:inherit;text-decoration:none;transition:color .2s ease}
.kk-home a:hover{color:var(--kk-gold-text)}
.kk-home img{display:block;max-width:100%;height:auto}
.kk-home :focus-visible{outline:2px solid var(--kk-gold);outline-offset:3px}

.kk-home__container{width:100%;max-width:1425px;margin:0 auto;padding:0 24px}
.kk-home-upam{padding:40px 0 56px}
/* Strona główna: sekcja ma siedzieć tuż pod menu – motyw dodaje 50 px (Customizer) + 40 px własnego odstępu nad treścią. */
body.home main.gt-main{padding-top:0}
body.home .kk-home-upam{padding-top:16px}
.kk-home-bio{padding:56px 0;margin-bottom:64px;background:var(--kk-cream)}
.kk-home-bio{--kk-bg:var(--kk-cream)}

/* typografia pomocnicza */
.kk-home__eyebrow{font-family:var(--kk-sans);font-size:12px;letter-spacing:1.5px;text-transform:uppercase;font-weight:600;color:var(--kk-gold-text);line-height:1.4}
.kk-home__eyebrow--wide{letter-spacing:2px}
.kk-home__eyebrow--muted{color:var(--kk-muted);font-weight:400}
.kk-home__dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:#b5aca3;vertical-align:middle}
.kk-home__link{font-family:var(--kk-sans);font-size:12px;letter-spacing:1.5px;text-transform:uppercase;font-weight:600;display:inline-flex;align-items:center;gap:10px;padding-bottom:2px;border-bottom:1px solid var(--kk-gold);min-height:28px;white-space:nowrap}
.kk-home__link svg{flex:none;transition:transform .25s ease}
.kk-home__link:hover svg{transform:translateX(4px)}

/* nagłówek sekcji */
.kk-home__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-bottom:16px;border-bottom:1px solid var(--kk-ink);margin-bottom:28px}
.kk-home__head-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.kk-home h2.kk-home__title{margin:8px 0 0;font-family:var(--kk-display);font-weight:400;font-size:clamp(26px,2.4vw,34px);line-height:1.1;color:var(--kk-ink);text-transform:none;letter-spacing:0}
.kk-home h3{margin:0;font-family:var(--kk-display);font-weight:400;text-transform:none;letter-spacing:0}
.kk-home p{margin:0}

/* siatka 2/3 + 1/3 */
.kk-home__grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:48px;align-items:stretch}

/* wpis główny – wariant B: tytuł na fotografii, ciemna plakietka */
.kk-feature{position:relative;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:3/2;background:var(--kk-cream);border:1px solid var(--kk-line);overflow:hidden}
.kk-feature__photo{position:absolute;inset:0;display:block}
.kk-home .kk-feature__photo img{display:block;width:100% !important;height:100% !important;max-width:none;object-fit:cover;transform:scale(var(--kk-zoom,1));transition:transform .5s ease}
.kk-feature:hover .kk-feature__photo img{transform:scale(calc(var(--kk-zoom,1) * 1.02))}
/* Plakietka: szerokość z ustawień (--kk-plate-w), róg wg klasy kk-feature--plate-{bl,br,tl,tr} */
.kk-feature__plate{position:relative;width:var(--kk-plate-w,55%);max-width:100%;margin:0 auto 0 0;background:#111111;color:#ffffff;padding:32px 40px 36px 36px;display:flex;flex-direction:column;gap:14px;border-left:4px solid var(--kk-gold)}
.kk-feature--plate-tl,.kk-feature--plate-tr{justify-content:flex-start}
.kk-feature--plate-br .kk-feature__plate,.kk-feature--plate-tr .kk-feature__plate{margin:0 0 0 auto;border-left:0;border-right:4px solid var(--kk-gold)}
/* Kolory na ciemnej plakietce z !important – motyw Loquet nadpisuje kolor linków (#111) regułami o większej wadze. */
.kk-home .kk-feature__plate .kk-home__eyebrow{color:#c9b685 !important}
.kk-home .kk-feature__plate .kk-home__eyebrow--muted{color:#a39c8e !important}
.kk-home .kk-feature__plate .kk-home__dot{background:#a39c8e}
.kk-home .kk-feature__plate,.kk-home .kk-feature__plate p{color:#ffffff}
.kk-home .kk-feature__plate a,.kk-home .kk-feature__plate a:visited,.kk-home .kk-feature__plate .kk-feature__title a{color:#ffffff !important;-webkit-text-fill-color:#ffffff}
.kk-home .kk-feature__plate a:hover,.kk-home .kk-feature__plate .kk-feature__title a:hover{color:#c9b685 !important;-webkit-text-fill-color:#c9b685}
.kk-home .kk-feature__plate .kk-home__link{border-bottom-color:#ad9a6d}
.kk-feature__meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.kk-home h3.kk-feature__title{font-size:clamp(28px,2.8vw,40px);line-height:1.12;letter-spacing:-.2px;color:#ffffff !important}
.kk-feature__lead{font-size:17px;line-height:1.6;color:#ece7dd !important;max-width:600px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.kk-feature__foot{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:6px}
.kk-feature--noimg{aspect-ratio:auto;justify-content:center;background:var(--kk-cream)}
.kk-feature--noimg .kk-feature__plate{margin:48px 48px 48px 0}

/* lista boczna – miniatura 3:2 lub data po lewej */
/* Kolumna boczna ma wysokość zdjęcia głównego: trzy wpisy dzielą ją po równo (treść wyśrodkowana w wierszu), stopka na dole. */
.kk-side{border-top:1px solid var(--kk-line);min-width:0;display:flex;flex-direction:column}
.kk-item{flex:1 1 0;display:grid;grid-template-columns:72px minmax(0,1fr);gap:20px;padding:16px 0;border-bottom:1px solid var(--kk-line);align-items:center}
.kk-item__date{display:flex;flex-direction:column;gap:4px;padding-top:2px}
.kk-item__day{font-family:var(--kk-display);font-size:44px;line-height:.9;color:var(--kk-ink)}
.kk-item__month{font-family:var(--kk-sans);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--kk-muted);white-space:nowrap}
.kk-item__body{display:flex;flex-direction:column;gap:8px;min-width:0}
.kk-item__eyebrow{font-size:11px}
.kk-home h3.kk-item__title{font-size:20px;line-height:1.3;color:var(--kk-ink)}
.kk-side__foot{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:20px}
.kk-home__admin-note{margin-top:20px;padding:10px 14px;border:1px dashed var(--kk-gold);font-size:14px;color:var(--kk-muted)}

/* biogramy */
.kk-bio-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
.kk-bio{display:flex;flex-direction:column;gap:14px;min-width:0}
.kk-bio__portrait{display:block;aspect-ratio:3/4;background:var(--kk-cream);border:1px solid rgba(17,17,17,.18);overflow:hidden}
/* !important: Elementor (.elementor img{height:auto}) i motyw nadpisują wysokość obrazka regułą ładowaną po tym arkuszu */
.kk-home .kk-bio__portrait img{display:block;width:100% !important;height:100% !important;max-width:none;object-fit:cover;object-position:center top;transition:transform .5s ease}
.kk-bio:hover .kk-bio__portrait img{transform:scale(1.02)}
.kk-bio__body{display:flex;flex-direction:column;gap:6px;flex:1}
.kk-bio__eyebrow{font-size:11px}
.kk-home h3.kk-bio__name{font-size:21px;line-height:1.25;color:var(--kk-ink)}
.kk-bio__sub{font-size:15px;line-height:1.5;color:var(--kk-ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kk-bio__more{margin-top:auto;padding-top:6px;font-family:var(--kk-sans);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;font-weight:600;display:inline-flex;align-items:center;gap:8px;color:var(--kk-gold-text)}
.kk-bio__more svg{transition:transform .25s ease}
.kk-bio:hover .kk-bio__more svg{transform:translateX(4px)}
.kk-bio-grid.is-swapping .kk-bio{animation:kk-fade .35s ease both}
@keyframes kk-fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* ---------- Strona Upamiętnienie: lista relacji ---------- */
.kk-list{padding:16px 0 64px}
.kk-list__layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:48px;align-items:start}
.kk-list__side{min-height:1px}
.kk-list__head{margin-bottom:20px}
.kk-years{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}
.kk-years__btn{font-family:var(--kk-sans);font-size:12px;letter-spacing:1.5px;text-transform:uppercase;font-weight:600;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border:1px solid var(--kk-ink);color:var(--kk-ink) !important;background:transparent;transition:background .2s ease,color .2s ease}
.kk-years__btn:hover{background:var(--kk-cream)}
.kk-years__btn.is-active{background:var(--kk-ink);color:#ffffff !important}
.kk-years__n{font-weight:400;color:var(--kk-muted);letter-spacing:0}
.kk-years__btn.is-active .kk-years__n{color:#c9b685}
.kk-list__rows{border-top:1px solid var(--kk-ink)}
.kk-row{display:grid;grid-template-columns:minmax(0,1fr) 168px;gap:24px;padding:20px 0;border-bottom:1px solid var(--kk-line);align-items:center}
.kk-row--noimg{grid-template-columns:minmax(0,1fr)}
.kk-row__body{display:flex;flex-direction:column;gap:8px;min-width:0}
.kk-row__meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:11px}
.kk-home h3.kk-row__title{font-size:22px;line-height:1.3;color:var(--kk-ink)}
.kk-row__photo{display:block;aspect-ratio:3/2;background:var(--kk-cream);border:1px solid var(--kk-line);overflow:hidden}
.kk-home .kk-row__photo img{display:block;width:100% !important;height:100% !important;max-width:none;object-fit:cover;transition:transform .5s ease}
.kk-row:hover .kk-row__photo img{transform:scale(1.03)}
.kk-row__empty{padding:32px 0;color:var(--kk-muted)}
.kk-pager{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:24px}
.kk-pager__prev svg{transition:transform .25s ease}
.kk-pager__prev:hover svg{transform:translateX(-4px)}
body.page-id-925 main.gt-main{padding-top:0}

/* responsywność */
@media (max-width:1100px){
  .kk-home__grid{gap:32px}
  .kk-feature__plate{padding:24px 28px 28px 24px}
  .kk-bio-grid{gap:20px}
}
@media (max-width:900px){
  .kk-home-upam{padding:24px 0 40px}
  .kk-home-bio{padding:40px 0;margin-bottom:40px}
  .kk-home__head{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:20px}
  .kk-home__grid{grid-template-columns:1fr;gap:24px}
  .kk-feature{aspect-ratio:auto;display:block;background:transparent;border:0;overflow:visible}
  .kk-feature__photo{position:relative;aspect-ratio:3/2;border:1px solid var(--kk-line);background:var(--kk-cream)}
  .kk-feature__plate,.kk-feature--plate-br .kk-feature__plate,.kk-feature--plate-tr .kk-feature__plate{width:auto;margin:0;padding:22px 20px 26px 18px;max-width:none;border-right:0;border-left:4px solid var(--kk-gold)}
  .kk-feature--noimg .kk-feature__plate{margin:0}
  .kk-feature__lead{font-size:16px}
  .kk-item{flex:0 0 auto;grid-template-columns:60px minmax(0,1fr);gap:14px;padding:16px 0;align-items:start}
  .kk-item__day{font-size:34px}
  .kk-home h3.kk-item__title{font-size:18px}
  .kk-side__foot{flex-direction:column;align-items:stretch}
  .kk-side__foot .kk-home__link{justify-content:center;min-height:48px;border:1px solid var(--kk-ink);padding:0 16px}
  .kk-list__layout{grid-template-columns:1fr;gap:0}
  .kk-list__side{display:none}
  .kk-row{grid-template-columns:minmax(0,1fr) 110px;gap:14px;padding:16px 0;align-items:start}
  .kk-row--noimg{grid-template-columns:minmax(0,1fr)}
  .kk-home h3.kk-row__title{font-size:18px}
  .kk-years__btn{min-height:44px;padding:0 14px}
  .kk-bio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kk-bio-grid .kk-bio:nth-child(n+5){display:none}
  .kk-home h3.kk-bio__name{font-size:18px}
  .kk-bio__sub{font-size:14px}
}
@media (prefers-reduced-motion:reduce){
  .kk-home *{transition:none !important;animation:none !important}
}