/*
Theme Name: Kazo Editorial
Theme URI: https://kazo.pl/
Author: Kazo
Description: Motyw poradników Kazo oparty na rzeczywistym systemie wizualnym portalu: Open Sans, białe karty, ciepła biel, pomarańczowe CTA, oryginalny logotyp SVG.
Version: 1.3.4
Requires at least: 6.5
Requires PHP: 8.1
Text Domain: kazo-editorial
*/
/* Ten sam wariant Open Sans, co na kazo.pl; serwowany z domeny zasobów Kazo. */
@font-face{font-family:'Kazo Open Sans';src:url('https://st-kazo.pl/fonts/OpenSans-Regular.woff2?171940536121') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Kazo Open Sans';src:url('https://st-kazo.pl/fonts/OpenSans-Bold.woff2?171940536121') format('woff2');font-weight:700;font-style:normal;font-display:swap}
:root{
  --kazo-ground:#FAFAF8;
  --kazo-white:#FFFFFF;
  --kazo-ink:#222222;
  --kazo-text-subtle:#5F5B55;
  --kazo-muted:#8B857D;
  --kazo-orange:#F47A1F;
  --kazo-orange-deep:#DF6812;
  --kazo-line:#EEE8DF;
  --kazo-line-hover:#E1D8CE;
  --kazo-hover:#FCFAF7;
  --kazo-radius:14px;
  --kazo-width:1170px;
  --kazo-font:'Kazo Open Sans','Open Sans',Verdana,Arial,Helvetica,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--kazo-ground);color:var(--kazo-ink);font-family:var(--kazo-font);font-weight:400;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
a{text-decoration:none;color:inherit}a:hover{color:var(--kazo-orange-deep)}
button,input{font:inherit}button{cursor:pointer}
.wrap{width:calc(100% - 48px);max-width:var(--kazo-width);margin-inline:auto}
:focus-visible{outline:3px solid var(--kazo-orange);outline-offset:3px}
.skip-link{position:absolute;z-index:1000;top:-90px;left:14px;padding:12px;background:var(--kazo-white)}.skip-link:focus{top:14px}
/* Nagłówek: proporcje, typografia i ikonografia portalu Kazo. */
.site-header{background:var(--kazo-white);position:relative;z-index:20}
.header-inner{min-height:62px;display:flex;justify-content:space-between;align-items:center;gap:24px}
.brand-group{display:flex;align-items:center;gap:14px;flex:0 0 auto}
.brand{display:inline-flex;align-items:center;line-height:0}.brand picture,.brand img{display:block;width:90px;height:auto}
.brand-context{font-size:13px;font-weight:700;color:var(--kazo-ink);padding-left:15px;border-left:1px solid var(--kazo-line)}
.main-nav{display:flex;align-items:center;margin-left:auto;gap:8px}
.main-nav a{display:inline-flex;align-items:center;min-height:36px;padding:0 11px;border-radius:10px;font-size:13px;font-weight:400;color:var(--kazo-text-subtle);transition:background .18s,color .18s}
.main-nav a:hover,.main-nav a.is-active{color:var(--kazo-ink);background:#FFFDFB}
.header-action{min-height:38px;display:inline-flex;align-items:center;gap:10px;padding:0 10px 0 14px;background:var(--kazo-white);border:1px solid var(--kazo-line);border-radius:999px;color:var(--kazo-ink);font-size:13px;font-weight:700;white-space:nowrap;transition:background .18s,border-color .18s}
.header-action__text{line-height:1}
.header-action__icon{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#FDF1E7;color:#C96A16;font-size:14px;line-height:1;flex:0 0 auto}
.header-action:hover{color:var(--kazo-ink);background:var(--kazo-hover);border-color:var(--kazo-line-hover)}
/* Strona główna: bez wyróżnionego wielkiego artykułu, jeden spokojny rytm kart. */
.article-image--empty{height:100%;min-height:170px;width:100%;display:flex;align-items:flex-end;padding:28px;font-weight:700;line-height:1.13;font-size:25px;color:var(--kazo-text-subtle);background:#F1ECE5}
/* Kategorie: realna interakcja, nie dekoracyjne etykiety. */
.topic-strip{margin-top:0;margin-bottom:24px;display:flex;align-items:flex-start;gap:20px;padding-block:12px}
.topic-strip strong{font-size:14px;padding-top:10px;white-space:nowrap}
.topic-strip__list{display:flex;flex-wrap:wrap;gap:8px}
.topic-strip__list a{font-size:13px;display:inline-flex;align-items:center;min-height:37px;padding:6px 12px;background:var(--kazo-white);border:1px solid var(--kazo-line);border-radius:10px;color:var(--kazo-text-subtle);transition:background .18s,border-color .18s}
.topic-strip__list a:hover{color:var(--kazo-ink);background:var(--kazo-hover);border-color:var(--kazo-line-hover)}
/* Moduł artykułów zgodny z produkcyjnym home.scss: border #EEE8DF, radius 14, Open Sans. */
.listings{padding-top:62px;padding-bottom:95px}.listings--home{padding-top:48px}
.section-head{display:flex;justify-content:space-between;gap:25px;align-items:flex-end;margin-bottom:23px}
.section-head h2,.section-head--home h1{font-size:26px;line-height:1.2;letter-spacing:-.02em;margin:0;font-weight:700}
.section-head>a{font-size:13px;color:var(--kazo-text-subtle)}.section-head>a:hover{color:var(--kazo-orange-deep)}
.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px 16px}
.article-card{min-width:0;display:flex;flex-direction:column;overflow:hidden;background:var(--kazo-white);border:1px solid var(--kazo-line);border-radius:var(--kazo-radius);transition:background .18s,border-color .18s}
.article-card:hover{background:var(--kazo-hover);border-color:var(--kazo-line-hover)}
.article-card__media{display:block;aspect-ratio:2/1;overflow:hidden;background:#F1ECE5}
.article-card__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}
.article-card:hover img{transform:scale(1.04)}
.article-card__body{flex:1;display:flex;flex-direction:column;align-items:flex-start;padding:17px 17px 16px}
.article-card__cat{font-size:12px;font-weight:400;color:var(--kazo-muted);margin-bottom:8px}
.article-card__title{font-size:17px;line-height:1.38;font-weight:700;letter-spacing:-.015em;margin:0 0 12px}
.article-card__excerpt{margin:0 0 21px;color:var(--kazo-text-subtle);font-size:13px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.article-card__more{margin-top:auto;font-size:13px;display:inline-flex;align-items:center;gap:9px;color:var(--kazo-orange-deep);font-weight:700}
.pagination{margin-top:38px}.pagination ul{display:flex;gap:7px;list-style:none;padding:0;flex-wrap:wrap}
.pagination a,.pagination span{display:inline-flex;min-width:37px;min-height:36px;padding:7px 10px;align-items:center;justify-content:center;border-radius:9px;background:var(--kazo-white);font-size:13px;border:1px solid var(--kazo-line)}
.pagination .current{background:var(--kazo-ink);color:var(--kazo-white);border-color:var(--kazo-ink)}
/* Zamknięcie Kazo, bez ciemnogranatowego brandingu poprzedniego motywu. */
.bottom-cta{background:#F4EFE8}
.bottom-cta__inner{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-top:56px;padding-bottom:56px}
.bottom-cta h2{margin:0 0 12px;font-size:clamp(26px,3vw,38px);line-height:1.18;letter-spacing:-.035em}
.bottom-cta p{margin:0;color:var(--kazo-text-subtle);font-size:14px}
.cta-button{background:var(--kazo-orange);color:var(--kazo-white);border-radius:10px;display:inline-flex;align-items:center;gap:17px;padding:14px 18px;font-size:13px;font-weight:700;white-space:nowrap;transition:background .18s}
.cta-button:hover{color:var(--kazo-white);background:var(--kazo-orange-deep)}
.site-footer{background:var(--kazo-white)}

.city-links{padding-top:10px;padding-bottom:70px}
.city-links__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.city-tile{position:relative;min-height:0;aspect-ratio:1.75/1;border:1px solid var(--kazo-line);border-radius:14px;overflow:hidden;display:flex;align-items:flex-end;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;background:#E9E2D8}
.city-tile__media{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.01)}
.city-tile::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,20,20,.03) 0%,rgba(20,20,20,.28) 100%)}
.city-tile__label{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;width:calc(100% - 20px);margin:0 10px 10px;padding:12px 14px;border-radius:11px;background:rgba(255,255,255,.94);font-weight:700;font-size:15px;color:var(--kazo-ink);box-shadow:0 10px 24px rgba(34,34,34,.06)}
.city-tile__label span{color:var(--kazo-orange-deep)}
.city-tile:hover{transform:translateY(-2px);border-color:var(--kazo-line-hover);box-shadow:0 16px 30px rgba(34,34,34,.06)}
.city-tile:hover .city-tile__media{transform:scale(1.035)}

.footer-inner{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.footer-identity{display:flex;align-items:center;gap:14px}.footer-identity img{width:90px;height:auto;display:block}.footer-identity span{font-size:13px;border-left:1px solid var(--kazo-line);padding-left:14px;font-weight:700}
.footer-links{display:flex;gap:26px;font-size:13px;color:var(--kazo-text-subtle)}
/* Artykuł: tytuł i okładka w tej samej kolumnie co treść; sidebar od góry. */
.single-layout{display:grid;grid-template-columns:minmax(0,720px) minmax(240px,1fr);column-gap:48px;row-gap:0;align-items:start;padding-top:40px;padding-bottom:70px}
.single-header{grid-column:1;grid-row:1}
.single-main{grid-column:1;grid-row:2}
.single-aside{grid-column:2;grid-row:2}
.single-main{min-width:0}
.single-header{padding:0 0 24px}
.crumbs{display:flex;gap:9px;align-items:center;color:var(--kazo-muted);font-size:12px;margin-bottom:22px;flex-wrap:wrap}
.crumbs a:hover{color:var(--kazo-orange-deep)}
.single-header h1{max-width:720px;font-size:clamp(27px,2.7vw,36px);letter-spacing:-.024em;line-height:1.26;margin:0 0 15px;font-weight:700}
.single-meta{font-size:12px;color:var(--kazo-text-subtle);display:flex;gap:10px;align-items:center}
.single-cover{margin:0 0 28px;overflow:hidden;border-radius:10px;background:#F1ECE5}
.single-cover img{display:block;width:100%;height:clamp(220px,25vw,340px);max-height:340px;object-fit:cover}
.single-body{font-size:16px;line-height:1.85;overflow-wrap:anywhere}
.single-body p{margin:0 0 1.5em}.single-body h2{font-size:27px;line-height:1.24;letter-spacing:-.018em;margin:2em 0 .85em}.single-body h3{font-size:22px;line-height:1.3;margin:1.8em 0 .75em}.single-body a{color:var(--kazo-orange-deep);text-decoration:underline;text-underline-offset:3px}.single-body img{height:auto;border-radius:8px}.single-body ul,.single-body ol{padding-left:1.4em;margin-bottom:1.8em}.single-body li{margin:.4em 0}.single-body blockquote{border-left:4px solid var(--kazo-orange);margin:2em 0;padding-left:23px;font-size:18px}.single-body table{display:block;max-width:100%;overflow-x:auto}
.article-ending{margin-top:55px}.article-ending a{font-weight:700;font-size:14px}
.single-aside{display:flex;flex-direction:column;gap:18px}
.aside-card{background:var(--kazo-white);border:1px solid var(--kazo-line);border-radius:14px;padding:28px;position:sticky;top:30px}
.aside-card>p{margin:0 0 13px;color:var(--kazo-muted);font-size:13px}.aside-card h2{margin:0 0 23px;font-size:22px;line-height:1.3}.aside-card>a{font-size:13px;font-weight:700;color:var(--kazo-orange-deep);display:inline-flex;align-items:center;gap:10px}
.aside-card--cta{position:static;background:linear-gradient(180deg,#FFF9F3 0%,#FFF 100%)}
.aside-list{background:var(--kazo-white);border:1px solid var(--kazo-line);border-radius:14px;padding:20px}
.aside-list__head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:10px}
.aside-list__head h2{margin:0;font-size:21px;line-height:1.2}.aside-list__head a{font-size:12px;color:var(--kazo-text-subtle)}
.aside-list__items{display:flex;flex-direction:column;gap:12px}
.mini-post{display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px;padding:10px 0;border-top:1px solid var(--kazo-line)}
.mini-post:first-child{border-top:0;padding-top:0}
.mini-post__thumb{display:block;border-radius:10px;overflow:hidden;background:#F1ECE5;aspect-ratio:1.25/1}.mini-post__thumb img,.mini-post__thumb .article-image--empty{display:block;width:100%;height:100%;object-fit:cover;min-height:100%}
.mini-post__thumb .article-image--empty{padding:14px;font-size:15px;align-items:flex-end}
.mini-post__cat{font-size:12px;color:var(--kazo-muted);margin-bottom:4px}
.mini-post__title{margin:0 0 5px;font-size:16px;line-height:1.25}.mini-post__meta{font-size:12px;color:var(--kazo-muted)}
.related{padding-top:5px}
.archive-intro{padding-top:67px;padding-bottom:30px;display:flex;justify-content:space-between;gap:34px;align-items:flex-end}
.back-link{font-size:13px;color:var(--kazo-muted)}.archive-intro h1{font-size:clamp(35px,4.2vw,52px);line-height:1.15;letter-spacing:-.04em;margin:22px 0 12px}.archive-intro p{max-width:650px;margin:0;color:var(--kazo-text-subtle);font-size:15px}.listings--archive{padding-top:31px}
.search-form{width:260px;max-width:100%}.search-form label{font-size:13px;font-weight:700;display:block;margin-bottom:8px}.search-form>div{display:flex;align-items:stretch;border:1px solid var(--kazo-line);border-radius:10px;overflow:hidden;background:var(--kazo-white)}.search-form input{border:0;min-width:0;width:100%;background:transparent;padding:11px;outline:0;font-size:13px}.search-form button{border:0;background:var(--kazo-orange);color:var(--kazo-white);min-width:41px;font-weight:700}
.page-body{max-width:760px;padding-top:30px;padding-bottom:90px}
@media(max-width:991px){
  .site-header{border-bottom:1px solid var(--kazo-line)}.header-inner{min-height:58px}.main-nav{display:none}.brand-group{gap:12px}.brand-context{font-size:12px}.header-action{font-size:12px;min-height:35px;padding:0 9px}
  .article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.single-layout{grid-template-columns:minmax(0,1fr) 265px;column-gap:28px;row-gap:0;padding-top:32px}.single-header h1{font-size:30px}.single-cover img{height:270px}.city-links__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-post{grid-template-columns:96px minmax(0,1fr)}
}
@media(max-width:670px){
  .wrap{width:calc(100% - 32px)}.brand img,.brand picture{width:79px}.brand-context{padding-left:10px}.header-action{padding-right:12px}.header-action__icon{display:none}
  .topic-strip{margin-top:0;margin-bottom:18px;display:block}.topic-strip strong{display:block;margin-bottom:10px}.topic-strip__list{gap:7px}.topic-strip__list a{font-size:12px;min-height:34px}
  .listings{padding-top:49px;padding-bottom:58px}.listings--home{padding-top:30px}.section-head{display:block;margin-bottom:19px}.section-head h2,.section-head--home h1{font-size:23px}.section-head>a{display:inline-block;margin-top:9px}.article-grid{grid-template-columns:1fr;gap:14px}.city-links{padding-top:0;padding-bottom:54px}.city-links__grid{grid-template-columns:1fr;gap:10px}.city-tile{min-height:0;aspect-ratio:1.75/1}.city-tile__label{width:calc(100% - 16px);margin:0 8px 8px;padding:11px 12px;font-size:14px}
  .article-card__media{aspect-ratio:2/1}.article-card__body{padding:17px 16px}.article-card__title{font-size:18px}.article-card__excerpt{font-size:13px}
  .bottom-cta__inner{padding-top:44px;padding-bottom:45px;display:block}.bottom-cta h2{font-size:29px}.cta-button{margin-top:23px}
  .footer-inner{padding-block:24px;display:block;min-height:0}.footer-links{margin-top:16px;gap:20px}
  .single-layout{display:block;padding-top:26px;padding-bottom:50px}.single-header{padding-bottom:20px}.crumbs{margin-bottom:17px}.single-header h1{font-size:clamp(26px,6vw,32px);line-height:1.25}.single-cover{margin-bottom:25px}.single-cover img{height:auto;aspect-ratio:16/10;max-height:280px;object-fit:cover}.single-body{font-size:15px;line-height:1.8}.single-body h2{font-size:23px}.single-aside{margin-top:42px}.aside-card{position:static;padding:24px}.aside-list{padding:18px}.mini-post{grid-template-columns:88px minmax(0,1fr)}
  .archive-intro{padding-top:42px;padding-bottom:20px;display:block}.archive-intro h1{font-size:38px}.search-form{width:100%;margin-top:23px}.listings--archive{padding-top:24px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
