/*
Theme Name: SklepInternetowy.biz Blog
Theme URI: https://sklepinternetowy.biz/
Author: netPOINT
Description: Ciepły, nowoczesny motyw magazynowo-blogowy dla SklepInternetowy.biz.
Version: 1.1.3
Text Domain: sib-blog
Requires at least: 6.0
Requires PHP: 7.4
*/

:root{
  --sib-bg:#f7f3eb;
  --sib-paper:#fffdf8;
  --sib-paper-2:#f0eadf;
  --sib-ink:#1f2925;
  --sib-muted:#68726d;
  --sib-line:#e5ddd0;
  --sib-accent:#e76f45;
  --sib-accent-dark:#c95833;
  --sib-sage:#8ea68f;
  --sib-sage-dark:#58705b;
  --sib-honey:#eebd62;
  --sib-shadow:0 18px 55px rgba(47,41,30,.09);
  --sib-radius:26px;
  --sib-radius-sm:18px;
  --sib-container:1180px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--sib-bg);color:var(--sib-ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
button,input,textarea,select{font:inherit}

.sib-container{width:min(calc(100% - 40px),var(--sib-container));margin-inline:auto}
.sib-section{padding:72px 0}
.sib-section--tight{padding:44px 0}
.sib-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--sib-accent-dark)}
.sib-eyebrow:before{content:"";width:22px;height:2px;background:currentColor;border-radius:99px}
.sib-title{font-size:clamp(2rem,4vw,4.6rem);line-height:1.02;letter-spacing:-.055em;margin:16px 0 18px;font-weight:850}
.sib-section-title{font-size:clamp(1.8rem,3vw,3rem);line-height:1.08;letter-spacing:-.04em;margin:0;font-weight:820}
.sib-lead{font-size:clamp(1.05rem,1.6vw,1.25rem);color:var(--sib-muted);max-width:720px;margin:0}
.sib-row-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}
.sib-row-head p{margin:8px 0 0;color:var(--sib-muted)}
.sib-text-link{font-weight:800;color:var(--sib-accent-dark);display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.sib-text-link span{transition:transform .2s ease}.sib-text-link:hover span{transform:translateX(4px)}

.sib-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 20px;border-radius:999px;font-weight:800;border:1px solid transparent;transition:.2s ease;cursor:pointer}
.sib-btn--primary{background:var(--sib-ink);color:#fff;box-shadow:0 10px 25px rgba(31,41,37,.14)}
.sib-btn--primary:hover{background:#0f1714;transform:translateY(-1px)}
.sib-btn--soft{background:rgba(255,255,255,.68);border-color:var(--sib-line)}
.sib-btn--soft:hover{background:#fff;border-color:#d6cdbf}

/* Header */
.sib-site-header{position:sticky;top:0;z-index:50;background:rgba(247,243,235,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(229,221,208,.72)}
.sib-header-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:26px}
.sib-brand{display:flex;align-items:center;gap:11px;min-width:max-content}
.sib-brand-mark{width:40px;height:40px;border-radius:14px;background:linear-gradient(145deg,var(--sib-accent),#f19b68 56%,var(--sib-honey));display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.36)}
.sib-brand-mark svg{width:22px;height:22px;color:#fff}
.sib-brand-text strong{display:block;font-size:1.05rem;line-height:1;letter-spacing:-.025em}
.sib-brand-text span{display:block;color:var(--sib-muted);font-size:.72rem;margin-top:4px}
.sib-brand .custom-logo{max-height:44px;width:auto}
.sib-nav{display:flex;align-items:center;gap:24px}
.sib-nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:23px}
.sib-nav a{font-size:.93rem;font-weight:700;color:#3d4843}
.sib-nav a:hover,.sib-nav .current-menu-item>a{color:var(--sib-accent-dark)}
.sib-header-actions{display:flex;gap:9px;align-items:center}
.sib-nav-toggle{display:none;width:44px;height:44px;border:1px solid var(--sib-line);background:var(--sib-paper);border-radius:14px;padding:0;cursor:pointer}
.sib-nav-toggle span{display:block;width:18px;height:2px;background:var(--sib-ink);margin:4px auto;border-radius:9px}

/* Hero */
.sib-hero{position:relative;overflow:hidden;padding:72px 0 64px}
.sib-hero:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(238,189,98,.23),rgba(238,189,98,0) 66%);right:-120px;top:-170px;pointer-events:none}
.sib-hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:62px;align-items:center}
.sib-hero-copy{position:relative;z-index:1}
.sib-hero-copy .sib-lead{max-width:590px}
.sib-hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:28px}
.sib-topic-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:29px}
.sib-topic-pills a{font-size:.84rem;font-weight:700;color:#4e5b55;background:rgba(255,255,255,.64);border:1px solid var(--sib-line);border-radius:999px;padding:8px 12px}
.sib-topic-pills a:hover{background:#fff}
.sib-featured{background:var(--sib-paper);border:1px solid rgba(229,221,208,.88);border-radius:32px;padding:12px;box-shadow:var(--sib-shadow);transform:rotate(.35deg)}
.sib-featured-media{position:relative;aspect-ratio:16/9;border-radius:23px;overflow:hidden;background:linear-gradient(135deg,#d8e2cf,#f4d4a1)}
.sib-featured-media img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.sib-featured:hover img{transform:scale(1.025)}
.sib-featured-placeholder{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#d7e0d1 0%,#f1dfbf 55%,#efb394 100%)}
.sib-featured-placeholder svg{width:74px;height:74px;color:rgba(31,41,37,.45)}
.sib-featured-body{padding:23px 20px 20px}
.sib-featured h2{font-size:clamp(1.55rem,2.35vw,2.35rem);line-height:1.1;letter-spacing:-.04em;margin:12px 0 10px}
.sib-featured p{color:var(--sib-muted);margin:0 0 18px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sib-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--sib-muted);font-size:.82rem;font-weight:650}
.sib-dot{width:4px;height:4px;border-radius:99px;background:#a9aaa2}
.sib-badge{display:inline-flex;align-items:center;background:#fff0e8;color:#b9512f;border:1px solid #f6d2c1;padding:6px 10px;border-radius:999px;font-size:.73rem;font-weight:850;letter-spacing:.02em}

/* Topic strip */
.sib-topic-strip{padding:15px 0 4px}
.sib-topic-strip-inner{background:var(--sib-ink);color:#fff;border-radius:22px;padding:16px 18px;display:flex;align-items:center;gap:12px;overflow:auto;scrollbar-width:none}
.sib-topic-strip-inner::-webkit-scrollbar{display:none}
.sib-topic-strip-label{font-weight:800;font-size:.85rem;opacity:.72;white-space:nowrap;padding:0 8px}
.sib-topic-strip a{white-space:nowrap;padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.08);font-weight:700;font-size:.85rem}
.sib-topic-strip a:hover{background:rgba(255,255,255,.16)}

/* Cards */
.sib-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.sib-card{display:flex;flex-direction:column;background:var(--sib-paper);border:1px solid var(--sib-line);border-radius:var(--sib-radius);overflow:hidden;min-width:0;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.sib-card:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(47,41,30,.08);border-color:#d9cdbc}
.sib-card-media{aspect-ratio:16/10;overflow:hidden;background:linear-gradient(145deg,#dce6d8,#f5d8ae)}
.sib-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.sib-card:hover .sib-card-media img{transform:scale(1.035)}
.sib-card-placeholder{height:100%;display:grid;place-items:center;position:relative;overflow:hidden}
.sib-card-placeholder:before,.sib-card-placeholder:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.34)}
.sib-card-placeholder:before{width:150px;height:150px;right:-28px;top:-52px}
.sib-card-placeholder:after{width:80px;height:80px;left:20px;bottom:-25px}
.sib-card-placeholder svg{width:50px;height:50px;color:rgba(31,41,37,.42)}
.sib-card-body{display:flex;flex-direction:column;gap:12px;padding:20px 20px 21px;flex:1}
.sib-card h3{font-size:1.22rem;line-height:1.2;letter-spacing:-.025em;margin:0}
.sib-card h3 a:hover{color:var(--sib-accent-dark)}
.sib-card-excerpt{color:var(--sib-muted);font-size:.92rem;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.sib-card .sib-meta{margin-top:auto;padding-top:4px}

/* Feature split */
.sib-feature-split{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}
.sib-feature-large,.sib-feature-small{position:relative;min-height:430px;border-radius:30px;overflow:hidden;background:#24302b;color:#fff}
.sib-feature-large img,.sib-feature-small img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.sib-feature-large:after,.sib-feature-small:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,26,22,.03) 15%,rgba(18,26,22,.82) 92%)}
.sib-feature-caption{position:absolute;z-index:2;inset:auto 0 0;padding:30px}
.sib-feature-caption h3{font-size:clamp(1.6rem,2.5vw,2.6rem);line-height:1.08;letter-spacing:-.04em;margin:10px 0 8px}
.sib-feature-caption p{margin:0;max-width:620px;color:rgba(255,255,255,.78)}
.sib-feature-small{min-height:430px;background:linear-gradient(145deg,#647d65,#c77d58)}
.sib-feature-small .sib-feature-caption h3{font-size:1.65rem}

/* Categories */
.sib-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.sib-category-box{background:rgba(255,255,255,.55);border:1px solid var(--sib-line);border-radius:20px;padding:22px;min-height:150px;display:flex;flex-direction:column;justify-content:space-between;transition:.2s ease}
.sib-category-box:hover{background:#fff;transform:translateY(-2px)}
.sib-category-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#f5dfd3;color:var(--sib-accent-dark);font-size:1.2rem;font-weight:900}
.sib-category-box:nth-child(4n+2) .sib-category-icon{background:#e1e9db;color:#5f765f}
.sib-category-box:nth-child(4n+3) .sib-category-icon{background:#f7e7bd;color:#9b6d1c}
.sib-category-box:nth-child(4n+4) .sib-category-icon{background:#e8e0eb;color:#79657e}
.sib-category-box strong{display:block;font-size:1.05rem;letter-spacing:-.02em;margin-top:20px}
.sib-category-box span{font-size:.78rem;color:var(--sib-muted);font-weight:700}

/* CTA */
.sib-cta{position:relative;overflow:hidden;background:linear-gradient(135deg,#26342e,#34473d);border-radius:34px;padding:48px;color:#fff;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}
.sib-cta:after{content:"";position:absolute;width:250px;height:250px;border-radius:50%;background:rgba(238,189,98,.16);right:15%;top:-150px}
.sib-cta h2{font-size:clamp(1.7rem,3vw,3rem);line-height:1.08;letter-spacing:-.04em;margin:0 0 12px;max-width:740px}
.sib-cta p{margin:0;color:rgba(255,255,255,.72);max-width:680px}
.sib-cta .sib-btn{background:#f7f0e4;color:var(--sib-ink);position:relative;z-index:2}

/* Archive */
.sib-archive-hero{padding:64px 0 32px}
.sib-archive-hero .sib-title{font-size:clamp(2.5rem,5vw,4.6rem);max-width:900px}
.sib-archive-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}
.sib-search-form{display:flex;align-items:center;gap:8px;background:var(--sib-paper);border:1px solid var(--sib-line);border-radius:999px;padding:5px 6px 5px 16px}
.sib-search-form input{border:0;background:transparent;outline:0;min-width:240px;color:var(--sib-ink)}
.sib-search-form button{width:38px;height:38px;border-radius:50%;border:0;background:var(--sib-ink);color:#fff;cursor:pointer}
.sib-pagination{display:flex;justify-content:center;margin-top:42px}
.sib-pagination .nav-links{display:flex;gap:8px;flex-wrap:wrap}
.sib-pagination .page-numbers{min-width:42px;height:42px;border:1px solid var(--sib-line);background:var(--sib-paper);border-radius:12px;display:grid;place-items:center;font-weight:750;padding:0 11px}
.sib-pagination .current{background:var(--sib-ink);color:#fff;border-color:var(--sib-ink)}

/* Single */
.sib-reading-progress{position:fixed;top:0;left:0;height:3px;background:var(--sib-accent);width:0;z-index:1000}
.sib-single-hero{padding:54px 0 32px}
.sib-breadcrumbs{font-size:.8rem;color:var(--sib-muted);display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:22px}
.sib-breadcrumbs a:hover{color:var(--sib-accent-dark)}
.sib-single-title{font-size:clamp(2.55rem,5.7vw,5.4rem);max-width:1050px;line-height:.98;letter-spacing:-.06em;margin:14px 0 22px;font-weight:860}
.sib-single-intro{max-width:860px;font-size:1.15rem;color:var(--sib-muted);margin:0 0 18px}
.sib-single-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--sib-muted);font-size:.88rem;font-weight:700}
.sib-hero-image{margin:28px auto 0;width:min(calc(100% - 40px),1280px);border-radius:32px;overflow:hidden;aspect-ratio:16/7;background:linear-gradient(145deg,#dce5d7,#eed1ad);box-shadow:var(--sib-shadow)}
.sib-hero-image img{width:100%;height:100%;object-fit:cover}
.sib-article-layout{display:grid;grid-template-columns:minmax(0,790px) 280px;gap:76px;justify-content:center;align-items:start;padding:58px 0 74px}
.sib-article{font-size:1.055rem;line-height:1.8}
.sib-article>p:first-child{font-size:1.16rem;color:#43504a}
.sib-article h2,.sib-article h3,.sib-article h4{line-height:1.15;letter-spacing:-.035em;scroll-margin-top:105px}
.sib-article h2{font-size:2rem;margin:2.4em 0 .75em}
.sib-article h3{font-size:1.45rem;margin:1.9em 0 .6em}
.sib-article p{margin:0 0 1.35em}
.sib-article a{text-decoration:underline;text-decoration-color:#e1b7a4;text-decoration-thickness:2px;text-underline-offset:3px}
.sib-article a:hover{color:var(--sib-accent-dark)}
.sib-article ul,.sib-article ol{padding-left:1.35em;margin:0 0 1.45em}
.sib-article li{margin-bottom:.45em}
.sib-article blockquote{margin:2em 0;padding:24px 28px;border:0;border-left:4px solid var(--sib-accent);background:#fff8f2;border-radius:0 18px 18px 0;font-size:1.12rem}
.sib-article table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--sib-line);border-radius:16px;overflow:hidden;background:var(--sib-paper);margin:2em 0;font-size:.92rem}
.sib-article th,.sib-article td{padding:13px 15px;text-align:left;border-bottom:1px solid var(--sib-line)}
.sib-article tr:last-child td{border-bottom:0}
.sib-article th{background:#f0eadf}
.sib-article img{border-radius:18px;margin:1.5em auto}
.sib-article .wp-caption{max-width:100%}
.sib-article code{background:#eee8de;padding:.16em .38em;border-radius:6px;font-size:.9em}
.sib-article pre{overflow:auto;background:#1e2824;color:#f9f4ea;padding:20px;border-radius:16px}
.sib-article-sidebar{position:sticky;top:105px}
.sib-toc{background:rgba(255,255,255,.6);border:1px solid var(--sib-line);border-radius:20px;padding:20px}
.sib-toc-title{display:flex;align-items:center;justify-content:space-between;font-weight:850;font-size:.86rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}
.sib-toc ol{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}
.sib-toc a{display:block;color:var(--sib-muted);font-size:.83rem;line-height:1.35;padding:7px 9px;border-radius:9px}
.sib-toc a:hover,.sib-toc a.is-active{background:#f1e9dd;color:var(--sib-ink)}
.sib-toc .sib-toc-h3{padding-left:20px;font-size:.79rem}
.sib-copy-link{width:100%;margin-top:12px;border:1px solid var(--sib-line);background:var(--sib-paper);border-radius:12px;padding:11px 12px;font-weight:800;cursor:pointer;color:var(--sib-ink)}
.sib-author-box{display:flex;gap:18px;align-items:center;border-top:1px solid var(--sib-line);border-bottom:1px solid var(--sib-line);padding:26px 0;margin-top:48px}
.sib-author-box img{border-radius:50%;margin:0;width:56px;height:56px}
.sib-author-box strong{display:block;margin-bottom:3px}
.sib-author-box p{font-size:.9rem;color:var(--sib-muted);margin:0}

/* Footer */
.sib-footer{background:#202b26;color:#fff;margin-top:42px}
.sib-footer-top{display:grid;grid-template-columns:1.45fr repeat(3,.7fr);gap:44px;padding:58px 0 40px}
.sib-footer-brand p{color:rgba(255,255,255,.62);max-width:410px;margin:14px 0 0;font-size:.92rem}
.sib-footer h4{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.55);margin:0 0 15px}
.sib-footer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.sib-footer a{color:rgba(255,255,255,.82);font-size:.9rem}
.sib-footer a:hover{color:#fff}
.sib-footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:18px 0;display:flex;justify-content:space-between;gap:20px;color:rgba(255,255,255,.5);font-size:.78rem}

/* WP alignment */
.alignwide{margin-left:max(-80px,calc((790px - 100vw)/2));margin-right:max(-80px,calc((790px - 100vw)/2));max-width:1100px}
.alignfull{width:100vw;max-width:none;margin-left:calc(50% - 50vw)}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media(max-width:1050px){
  .sib-nav{display:none;position:absolute;top:78px;left:20px;right:20px;background:var(--sib-paper);border:1px solid var(--sib-line);border-radius:18px;padding:16px;box-shadow:var(--sib-shadow)}
  .sib-nav.is-open{display:block}.sib-nav ul{align-items:stretch;flex-direction:column;gap:4px}.sib-nav a{display:block;padding:11px 10px}.sib-nav-toggle{display:block}.sib-header-actions .sib-btn--soft{display:none}
  .sib-hero-grid{grid-template-columns:1fr;gap:34px}.sib-featured{max-width:780px}
  .sib-grid{grid-template-columns:repeat(2,1fr)}.sib-category-grid{grid-template-columns:repeat(2,1fr)}
  .sib-article-layout{grid-template-columns:minmax(0,790px);gap:30px}.sib-article-sidebar{position:static;order:-1}.sib-toc{max-width:790px}.sib-toc ol{display:grid;grid-template-columns:1fr 1fr;gap:3px 10px}
  .sib-footer-top{grid-template-columns:1.3fr 1fr 1fr}.sib-footer-top>div:last-child{display:none}
}

@media(max-width:720px){
  .sib-container{width:min(calc(100% - 28px),var(--sib-container))}.sib-section{padding:52px 0}.sib-section--tight{padding:34px 0}
  .sib-header-inner{min-height:70px}.sib-nav{top:70px;left:14px;right:14px}.sib-brand-text span{display:none}.sib-header-actions .sib-btn{display:none}
  .sib-hero{padding:48px 0 40px}.sib-title{font-size:clamp(2.6rem,13vw,4.1rem)}.sib-hero-actions .sib-btn{width:100%}.sib-featured{border-radius:24px}.sib-featured-media{border-radius:17px}.sib-featured-body{padding:19px 14px 16px}.sib-featured h2{font-size:1.55rem}
  .sib-row-head{align-items:start;flex-direction:column;gap:12px}.sib-grid{grid-template-columns:1fr}.sib-card{border-radius:22px}.sib-card-media{aspect-ratio:16/9}
  .sib-feature-split{grid-template-columns:1fr}.sib-feature-large,.sib-feature-small{min-height:390px;border-radius:24px}.sib-feature-caption{padding:24px}
  .sib-category-grid{grid-template-columns:1fr 1fr;gap:10px}.sib-category-box{min-height:132px;padding:16px;border-radius:17px}.sib-category-icon{width:38px;height:38px;border-radius:12px}.sib-category-box strong{font-size:.92rem;margin-top:14px}
  .sib-cta{grid-template-columns:1fr;padding:30px 24px;border-radius:24px}.sib-cta .sib-btn{width:100%}
  .sib-archive-hero{padding:45px 0 24px}.sib-archive-controls{align-items:stretch;flex-direction:column}.sib-search-form input{min-width:0;width:100%}
  .sib-single-hero{padding:40px 0 24px}.sib-single-title{font-size:clamp(2.5rem,13vw,4.2rem)}.sib-hero-image{width:calc(100% - 28px);border-radius:22px;aspect-ratio:4/3}.sib-article-layout{padding:36px 0 55px}.sib-article{font-size:1rem}.sib-article h2{font-size:1.7rem}.sib-toc ol{grid-template-columns:1fr}
  .sib-footer-top{grid-template-columns:1fr 1fr;gap:30px}.sib-footer-brand{grid-column:1/-1}.sib-footer-bottom{flex-direction:column}.alignwide{margin-left:0;margin-right:0}
}

@media(max-width:440px){.sib-category-grid{grid-template-columns:1fr}.sib-category-box{min-height:116px}.sib-topic-pills{display:none}.sib-meta{gap:8px}.sib-single-title{font-size:2.6rem}}
