/*
Theme Name: Crealistic Kadence Child
Theme URI: https://crealistic.pl
Description: Kompletny szablon potomny Kadence dla Crealistic wg briefu rebrandingu (wrzesień 2026) — nagłówek, stopka, strona główna, szablony usługowe, wpis blogowy, archiwum kategorii.
Author: Dzikie Ptaki
Template: kadence
Version: 1.1.0
Text Domain: crealistic-child
*/

:root{
  --cl-ink-900:#211A18;
  --cl-ink-600:#5C5250;
  --cl-accent-600:#BE3F55;
  --cl-accent-600-hover:#962F41;
  --cl-accent-500:#D68175;
  --cl-accent-300:#EB9C92;
  --cl-slate-600:#45535C;
  --cl-neutral-100:#FBF6F3;
  --cl-neutral-0:#FFFFFF;
  --cl-border:#E7DDD8;
  --cl-footer-bg:#1A1513;
  --cl-footer-muted:#B3A9A5;
  --cl-footer-faint:#8A7F7B;
  --cl-dark-text-muted:#D9CFCB;
  --cl-container:1240px;
}

*{box-sizing:border-box;}
body.crealistic-child{margin:0;font-family:'IBM Plex Sans',sans-serif;color:var(--cl-ink-900);background:var(--cl-neutral-0);}
.crealistic-child img{max-width:100%;height:auto;display:block;}
.crealistic-child a:not([class]){color:var(--cl-accent-600);text-decoration:none;}
.crealistic-child a:not([class]):hover{color:var(--cl-accent-600-hover);text-decoration:underline;}
.crealistic-child h1,.crealistic-child h2,.crealistic-child h3,.crealistic-child h4{font-family:'Space Grotesk',sans-serif;margin:0;}

.cl-container{max-width:var(--cl-container);margin:0 auto;padding:0 24px;}

/* ===== Header ===== */
.cl-header{position:sticky;top:0;z-index:50;background:var(--cl-neutral-0);border-bottom:1px solid var(--cl-border);}
.cl-header__inner{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;gap:24px;}
.cl-logo{display:flex;align-items:center;}
.cl-logo img{width:48px;height:48px;border-radius:8px;}
.cl-nav{display:flex;align-items:center;gap:24px;margin-left:auto;}
.cl-nav__list{display:flex;align-items:center;gap:24px;list-style:none;margin:0;padding:0;font-size:15px;font-weight:500;}
.cl-nav__list li{position:relative;}
.cl-nav__list > li > a{color:var(--cl-ink-900);display:flex;align-items:center;gap:4px;}
.cl-nav__list a.cl-nav-highlight{color:var(--cl-accent-600);font-weight:600;}
.cl-nav__list .menu-item-has-children > a::after{content:"";width:8px;height:8px;margin-left:2px;border-right:1.4px solid currentColor;border-bottom:1.4px solid currentColor;transform:rotate(45deg) translateY(-2px);display:inline-block;}
.cl-nav__list ul.sub-menu{display:none;position:absolute;top:28px;left:-16px;background:var(--cl-neutral-0);border-radius:12px;box-shadow:0 12px 32px rgba(33,26,24,0.14);padding:8px;width:240px;list-style:none;margin:0;flex-direction:column;z-index:60;}
.cl-nav__list li.menu-item-has-children > a{cursor:pointer;}
.cl-nav__list li.menu-item-has-children.is-open > ul.sub-menu{display:flex;}
.cl-nav__list ul.sub-menu li{width:100%;}
.cl-nav__list ul.sub-menu a{display:block;padding:10px 12px;border-radius:8px;color:var(--cl-ink-900);font-size:14px;font-weight:400;text-decoration:none;}
.cl-nav__list ul.sub-menu a:hover{background:var(--cl-neutral-100);text-decoration:none;}
.cl-nav-cta{background:var(--cl-accent-600);color:#fff;font-size:14px;font-weight:600;padding:11px 20px;border-radius:8px;white-space:nowrap;}
.cl-nav-cta:hover{background:var(--cl-accent-600-hover);color:#fff;text-decoration:none;}
.cl-mobile-toggle{display:none;background:none;border:none;padding:8px;cursor:pointer;}
.cl-mobile-menu{display:none;flex-direction:column;gap:4px;padding:16px 24px 24px;border-top:1px solid var(--cl-border);}
.cl-mobile-menu__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;}
.cl-mobile-menu__list a{display:block;padding:12px 4px;color:var(--cl-ink-900);font-size:16px;font-weight:500;}
.cl-mobile-menu__list ul.sub-menu{list-style:none;margin:0 0 0 16px;padding:0;}
.cl-mobile-menu__list ul.sub-menu a{font-size:15px;font-weight:400;color:var(--cl-ink-600);}
.cl-mobile-menu .cl-nav-cta{display:inline-block;text-align:center;margin-top:8px;}
.cl-header.is-menu-open .cl-mobile-menu{display:flex;}

@media (max-width:880px){
  .cl-nav{display:none;}
  .cl-mobile-toggle{display:block;}
}

/* ===== Layout helpers ===== */
.cl-flush{padding:56px 24px;text-align:center;}
.cl-flush--dark{background:var(--cl-ink-900);color:var(--cl-neutral-100);}
.cl-flush--tint{background:rgba(255,255,255,0.04);color:var(--cl-neutral-100);}
.cl-flush h3{font-size:clamp(22px,3vw,28px);font-weight:700;margin:0 0 16px;color:inherit;}
.cl-btn{display:inline-block;font-size:16px;font-weight:600;padding:15px 26px;border-radius:8px;text-decoration:none;}
.cl-btn--primary{background:var(--cl-accent-600);color:#fff;}
.cl-btn--primary:hover{background:var(--cl-accent-600-hover);color:#fff;text-decoration:none;}
.cl-btn--ghost{background:var(--cl-neutral-0);color:var(--cl-ink-900);border:1px solid var(--cl-border);}
.cl-btn--ghost:hover{border-color:var(--cl-ink-900);text-decoration:none;}
.cl-btn--on-dark:hover{background:var(--cl-accent-500);color:#fff;}
.cl-placeholder{display:flex;align-items:center;justify-content:center;text-align:center;background:var(--cl-neutral-100);border:1px dashed var(--cl-border);border-radius:20px;color:var(--cl-ink-600);font-size:13px;padding:24px;}

/* ===== Hero (strona główna) ===== */
.cl-hero{max-width:1240px;margin:0 auto;padding:32px 24px 96px;display:grid !important;grid-template-columns:1.1fr 1fr !important;gap:56px;align-items:center;}
.cl-hero h1{font-size:clamp(34px,5vw,54px);font-weight:700;line-height:1.08;margin:0 0 24px;}
.cl-hero p{font-size:19px;line-height:1.6;color:var(--cl-ink-600);margin:0 0 32px;max-width:520px;}
.cl-hero__actions{display:flex;gap:16px;flex-wrap:wrap;}
.cl-hero__stats{display:flex;gap:32px;margin-top:48px;flex-wrap:wrap;}
.cl-hero__stat-num{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:28px;}
.cl-hero__stat-label{font-size:13px;color:var(--cl-ink-600);}
.cl-hero__visual{aspect-ratio:4/5;border-radius:20px;overflow:hidden;}
@media (max-width:880px){.cl-hero{grid-template-columns:1fr !important;}}

/* ===== Sekcje ogólne ===== */
.cl-section{padding:96px 0;}
.cl-section--tint{background:var(--cl-neutral-100);}
.cl-section h2{font-size:clamp(26px,3vw,34px);font-weight:700;margin:0 0 48px;max-width:640px;}
.cl-grid-4{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;}
.cl-card{background:var(--cl-neutral-0);border-radius:16px;padding:28px;}
.cl-card__num{font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:600;color:var(--cl-accent-600);margin-bottom:16px;}
.cl-card h4{font-size:18px;font-weight:600;margin:0 0 8px;}
.cl-card p{font-size:15px;line-height:1.6;color:var(--cl-ink-600);margin:0;}

/* ===== Usługi ===== */
.cl-services{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;}
.cl-service-card{background:var(--cl-neutral-0);border-radius:16px;padding:32px;display:flex;flex-direction:column;gap:16px;}
.cl-service-card--featured{background:var(--cl-ink-900);color:var(--cl-neutral-100);}
.cl-service-card--featured h4,.cl-service-card--featured p{color:var(--cl-neutral-100) !important;}
.cl-service-card--featured a{color:var(--cl-accent-300) !important;}
.cl-service-card__top{display:flex;align-items:center;justify-content:space-between;}
.cl-service-card__badge{font-size:11px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;background:var(--cl-accent-600);color:#fff;padding:5px 10px;border-radius:20px;}
.cl-service-card h4{font-size:20px;font-weight:600;margin:0;}
.cl-service-card p{font-size:14px;line-height:1.6;color:var(--cl-ink-600);margin:0;}
.cl-service-card--featured p{color:var(--cl-dark-text-muted);}
.cl-service-card a{font-size:14px;font-weight:600;margin-top:auto;}
.cl-service-card--featured a{color:var(--cl-accent-300);}

/* ===== Trust ===== */
.cl-trust{background:var(--cl-neutral-100);padding:80px 24px;}
.cl-trust__grid{max-width:1240px;margin:0 auto;display:grid !important;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:32px;text-align:center;}
.cl-trust__num{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:36px;color:var(--cl-accent-600);}
.cl-trust__label{font-size:14px;color:var(--cl-ink-600);margin-top:6px;}

/* ===== Blog preview / archive cards ===== */
.cl-blog-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:40px;flex-wrap:wrap;gap:12px;}
.cl-blog-head h2{margin:0;}
.cl-blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;}
.cl-blog-card{display:block;color:inherit;}
.cl-blog-card__thumb{aspect-ratio:16/10;border-radius:14px;margin-bottom:16px;overflow:hidden;background:var(--cl-neutral-100);}
.cl-blog-card__thumb img{width:100%;height:100%;object-fit:cover;}
.cl-blog-card__cat{font-size:13px;color:var(--cl-accent-600);font-weight:600;margin-bottom:6px;}
.cl-blog-card h4,.cl-blog-card__title{font-size:17px;font-weight:600;margin:0 0 6px;line-height:1.4;color:var(--cl-ink-900);}
.cl-blog-card__meta{font-size:13px;color:var(--cl-ink-600);}

/* ===== Service page ===== */
.cl-breadcrumb{font-size:14px;color:var(--cl-ink-600);margin-bottom:16px;}
.cl-breadcrumb .current{color:var(--cl-ink-900);}
.cl-service-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center;margin-bottom:96px;}
.cl-service-hero h1{font-size:clamp(30px,4vw,44px);line-height:1.15;margin:0 0 20px;}
.cl-service-hero p{font-size:18px;line-height:1.6;color:var(--cl-ink-600);margin:0 0 28px;}
.cl-service-hero__visual{aspect-ratio:4/3;border-radius:20px;overflow:hidden;}
@media (max-width:880px){.cl-service-hero{grid-template-columns:1fr;}}

.cl-process{margin-bottom:96px;}
.cl-process h3{font-size:clamp(24px,3vw,30px);margin:0 0 40px;}
.cl-process__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.cl-step-number{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:15px;color:#fff;background:var(--cl-accent-600);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px;}
.cl-process h4{font-size:16px;font-weight:600;margin:0 0 8px;}
.cl-process p{font-size:14px;line-height:1.6;color:var(--cl-ink-600);margin:0;}
@media (max-width:880px){.cl-process__grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:520px){.cl-process__grid{grid-template-columns:1fr;}}

.cl-benefits{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:80px;}
.cl-benefits .cl-card{padding:32px;}
.cl-benefits h4{font-size:18px;font-weight:600;margin:0 0 16px;}
.cl-benefits p{font-size:15px;line-height:1.7;color:var(--cl-ink-600);margin:0;}
@media (max-width:700px){.cl-benefits{grid-template-columns:1fr;}}

/* ===== Blog post ===== */
.cl-post-head{max-width:760px;margin:0 auto 40px;text-align:center;}
.cl-post-head__meta{font-size:13px;color:var(--cl-accent-600);font-weight:600;margin-bottom:12px;}
.cl-post-head h1{font-size:clamp(28px,4vw,42px);line-height:1.15;}
.cl-post-hero{aspect-ratio:16/7;max-width:1000px;margin:0 auto 56px;border-radius:16px;overflow:hidden;}
.cl-post-hero img{width:100%;height:100%;object-fit:cover;}
.cl-post-layout{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:220px 1fr;gap:56px;}
.cl-toc{position:sticky;top:80px;align-self:start;}
.cl-toc__label{font-size:12px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:var(--cl-ink-600);margin-bottom:16px;}
.cl-toc ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;font-size:14px;}
.cl-toc a{color:var(--cl-ink-600);}
.cl-toc a:hover{color:var(--cl-ink-900);}
.cl-post-content{font-size:18px;line-height:1.75;color:var(--cl-ink-900);}
.cl-post-content p{margin:0 0 24px;}
.cl-post-content ul,.cl-post-content ol{font-size:17px;line-height:1.8;margin:0 0 24px;padding-left:22px;}
.cl-post-content h2{font-size:26px;font-weight:700;margin:48px 0 20px;}
@media (max-width:820px){.cl-post-layout{grid-template-columns:1fr;} .cl-toc{position:static;margin-bottom:32px;}}

.cl-quote{margin:40px 0;padding:36px 8px;text-align:center;}
.cl-quote__mark{font-family:'Space Grotesk',sans-serif;font-size:44px;color:var(--cl-accent-500);line-height:1;margin-bottom:8px;}
.cl-quote p{font-style:italic;font-size:22px;line-height:1.5;color:var(--cl-ink-900);margin:0;}

.cl-callout{background:var(--cl-neutral-100);border-radius:16px;padding:32px;margin:40px 0;}
.cl-callout h4{font-size:17px;font-weight:600;margin:0 0 20px;}
.cl-callout__grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.cl-callout__label{font-size:13px;font-weight:600;color:var(--cl-ink-600);margin-bottom:8px;}
.cl-callout__label--accent{color:var(--cl-accent-600);}
.cl-callout p{font-size:15px;line-height:1.6;color:var(--cl-ink-900);margin:0;}
@media (max-width:600px){.cl-callout__grid{grid-template-columns:1fr;}}

.cl-related{max-width:1000px;margin:80px auto 0;border-top:1px solid var(--cl-border);padding-top:56px;}
.cl-related h3{font-size:24px;font-weight:700;margin:0 0 32px;}
.cl-related__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:56px;}
.cl-post-cta{background:var(--cl-neutral-100);border-radius:16px;padding:40px;text-align:center;}
.cl-post-cta h4{font-size:19px;font-weight:600;margin:0 0 16px;}

/* ===== Dla agencji ===== */
.cl-agency{background:var(--cl-ink-900);color:var(--cl-neutral-100);}
.cl-agency-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center;margin-bottom:96px;}
.cl-agency-hero h1{font-size:clamp(28px,4vw,42px);line-height:1.15;margin:0 0 20px;}
.cl-agency-hero p{font-size:17px;line-height:1.65;color:var(--cl-dark-text-muted);margin:0 0 28px;max-width:520px;}
.cl-agency-hero__visual{aspect-ratio:4/3;border-radius:20px;overflow:hidden;}
@media (max-width:880px){.cl-agency-hero{grid-template-columns:1fr;}}
.cl-agency-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;}
.cl-agency-card{background:rgba(255,255,255,0.04);border-radius:16px;padding:28px;}
.cl-agency-card h4{font-size:16px;font-weight:600;margin:0 0 10px;color:var(--cl-neutral-100);}
.cl-agency-card p{font-size:14px;line-height:1.6;color:var(--cl-dark-text-muted);margin:0;}

/* ===== Archiwum kategorii ===== */
.cl-archive-head{padding:64px 24px 0;}
.cl-archive-head h1{font-size:clamp(28px,4vw,40px);margin:0 0 8px;}
.cl-archive-head p{font-size:15px;color:var(--cl-ink-600);margin:0;}
.cl-archive-grid{padding:40px 24px 96px;}
.cl-pagination{display:flex;gap:8px;justify-content:center;padding:0 24px 96px;flex-wrap:wrap;}
.cl-pagination a,.cl-pagination span{padding:8px 14px;border-radius:8px;font-size:14px;color:var(--cl-ink-900);background:var(--cl-neutral-100);}
.cl-pagination .current{background:var(--cl-accent-600);color:#fff;}

/* ===== Blok Kadence "Posts" (Z bloga) — dostrojenie do wyglądu projektu ===== */
.cl-blog-grid{margin-top:24px;}
.cl-blog-grid img{border-radius:14px;}
.cl-blog-grid h1,.cl-blog-grid h2,.cl-blog-grid h3,.cl-blog-grid h4,.cl-blog-grid h5,.cl-blog-grid .entry-title{font-family:'Space Grotesk',sans-serif;font-weight:600;color:var(--cl-ink-900);}
.cl-blog-grid a{color:inherit !important;}
.cl-blog-grid [class*="terms"],.cl-blog-grid [class*="category"]{color:var(--cl-accent-600);font-weight:600;text-transform:uppercase;font-size:13px;}
.cl-blog-grid [class*="meta"],.cl-blog-grid time{color:var(--cl-ink-600);font-size:13px;}

/* ===== Stopka ===== */
.cl-footer{background:var(--cl-footer-bg);color:var(--cl-neutral-100);}
.cl-footer__grid{max-width:var(--cl-container);margin:0 auto;padding:80px 24px 40px;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;}
.cl-footer__brand-row{display:flex;align-items:center;gap:10px;margin-bottom:16px;}
.cl-footer__brand-row img{width:36px;height:36px;border-radius:8px;}
.cl-footer__brand-row span{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:18px;}
.cl-footer p{font-size:14px;line-height:1.6;color:var(--cl-footer-muted);max-width:280px;margin:0 0 16px;}
.cl-footer__badge{font-size:13px;color:var(--cl-accent-300);font-weight:600;}
.cl-footer h5{font-size:13px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:var(--cl-footer-muted);margin:0 0 16px;font-family:'IBM Plex Sans',sans-serif;}
.cl-footer__menu{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:14px;}
.cl-footer__menu a{color:var(--cl-neutral-100);}
.cl-footer__bottom{max-width:var(--cl-container);margin:0 auto;padding:24px 24px 40px;border-top:1px solid rgba(255,255,255,0.1);font-size:13px;color:var(--cl-footer-faint);}
@media (max-width:820px){.cl-footer__grid{grid-template-columns:1fr 1fr;} }
@media (max-width:560px){.cl-footer__grid{grid-template-columns:1fr;} }