/*
Theme Name: SP3KIR – Pustynny KIR
Theme URI: https://sp3kir.pl/
Author: SP3KIR
Description: Ciepła, techniczna wersja motywu Klubu Inżynierii Radiowej – ciemne tło, pustynne beże i piaskowe akcenty.
Version: 1.2.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: sp3kir
*/
:root{--ink:#2f241c;--dark:#1f1813;--dark-2:#2a211a;--accent:#b98955;--accent-2:#d7b58a;--sand:#eadcc8;--paper:#f8f1e7;--muted:#6d5947;--line:#d9c3a7;--white:#fff7ef;--soft:#efe2d0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.7 system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--ink);background:var(--soft)}a{color:#8a5f31}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.site-header{background:linear-gradient(180deg,#251d17 0%,#19130f 100%);color:var(--white);border-bottom:3px solid var(--accent)}.head-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:96px}.brand{display:flex;align-items:center;gap:15px;color:var(--white);text-decoration:none}.brand-mark{width:56px;height:56px;display:grid;place-items:center;border:2px solid var(--accent-2);border-radius:13px;color:var(--accent-2);font-weight:800;font-size:17px;letter-spacing:-1px;background:rgba(255,255,255,.03)}.brand-copy strong{display:block;font-size:23px;letter-spacing:.06em;line-height:1.1}.brand-copy small{display:block;color:#d8c3ab;font-size:12px;letter-spacing:.08em}.brand img{max-height:62px;width:auto}.site-nav ul{display:flex;gap:19px;list-style:none;padding:0;margin:0;flex-wrap:wrap}.site-nav a{color:#f0e3d4;font-size:14px;text-decoration:none;font-weight:650}.site-nav a:hover{color:#f8d2a2}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 8%,rgba(201,145,89,.28) 0%,transparent 44%),linear-gradient(135deg,#2d2219 0%,#17120e 48%,#33271d 100%);color:var(--white);padding:105px 0 95px}.hero:before{content:'';position:absolute;inset:0;opacity:.14;background:repeating-radial-gradient(circle at 78% 46%,transparent 0 28px,rgba(239,207,165,.9) 29px 30px,transparent 31px 52px)}.hero:after{content:'';position:absolute;inset:auto -5% 0 -5%;height:80px;background:linear-gradient(to top,rgba(0,0,0,.18),transparent)}.hero .wrap{position:relative;z-index:1}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#e9c79e;font-size:12px;font-weight:750}.hero h1{font-size:clamp(38px,5.6vw,72px);letter-spacing:-.042em;line-height:1.06;margin:16px 0;max-width:850px}.hero h1 span{color:#f2d0a4}.hero p{color:#ead9c6;max-width:680px;font-size:19px}.btn{display:inline-block;background:var(--accent);border-radius:8px;color:#1c130d!important;padding:13px 22px;font-weight:780;text-decoration:none;margin:16px 12px 0 0;box-shadow:0 12px 24px rgba(0,0,0,.18)}.btn:hover{text-decoration:none;filter:brightness(1.04)}.btn.alt{background:transparent;border:1px solid #d5b28c;color:#f7e9d8!important;box-shadow:none}.section{padding:72px 0}.section h2{font-size:clamp(26px,3vw,38px);line-height:1.2;margin:0 0 17px}.intro{max-width:760px;color:var(--muted);margin-bottom:30px}.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.tile,.article-card{background:var(--paper);border:1px solid var(--line);border-radius:13px;padding:25px;box-shadow:0 12px 32px rgba(47,32,18,.06)}.tile .num{font-size:13px;color:#9e6b35;font-weight:800;letter-spacing:.15em}.tile h3{margin:10px 0}.tile p{color:var(--muted)}.section-dark{background:#e4d1bb}.article-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.article-card h3{font-size:20px;margin:9px 0}.article-card h3 a{text-decoration:none;color:var(--ink)}.article-card time,.meta{color:var(--muted);font-size:13px}.page-body{background:var(--paper);padding:40px;border:1px solid var(--line);border-radius:14px;min-height:280px;box-shadow:0 10px 28px rgba(47,32,18,.04)}.page-title{font-size:clamp(32px,4vw,48px);line-height:1.14;margin:0 0 24px}.content-area{padding:55px 0 85px;min-height:55vh}.entry-content img{max-width:100%;height:auto}.entry-content a{text-decoration:underline}.entry-content h2{margin-top:34px}.entry-content table{max-width:100%;display:block;overflow:auto;border-collapse:collapse}.entry-content td,.entry-content th{border:1px solid var(--line);padding:10px}.post-item{border-bottom:1px solid var(--line);padding:22px 0}.post-item h2{margin:0}.pagination{margin-top:24px}.site-footer{background:#1a140f;color:#d8c4af;padding:40px 0}.site-footer strong{color:#fff1e2}.footer-inner{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.site-footer a{color:#f3cf9f}.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px);white-space:nowrap}.screen-reader-text:focus{clip:auto;position:static;white-space:normal}.custom-logo-link img{height:58px;width:auto;max-width:220px}blockquote{border-left:4px solid var(--accent);padding-left:20px;color:var(--muted)}@media(max-width:860px){.head-inner{align-items:flex-start;flex-direction:column;padding:18px 0}.site-nav ul{gap:12px 17px}.tiles,.article-list{grid-template-columns:1fr 1fr}.hero{padding:78px 0}.page-body{padding:26px}}@media(max-width:590px){.tiles,.article-list{grid-template-columns:1fr}.hero{padding:65px 0}.section{padding:45px 0}.wrap{width:min(100% - 28px,1160px)}.site-nav a{font-size:13px}}
/* Oryginalna identyfikacja KIR z papieru firmowego */
.brand-logo-panel{background:#fffdf9;border:1px solid #c5ad90;border-radius:10px;padding:4px 9px;display:flex;align-items:center;box-shadow:0 5px 18px #0004}
.brand-logo-panel img{display:block;width:115px;height:49px;object-fit:contain}
.brand-copy{min-width:0}.brand-copy strong{font-size:21px}.brand-copy small{color:#d0b9a1}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(290px,.9fr);align-items:center;gap:48px}
.hero-brand-card{position:relative;border:1px solid #927452;border-radius:18px;background:linear-gradient(155deg,#fffefa,#f1e2ca);padding:20px;box-shadow:0 24px 62px #0006;transform:rotate(1deg)}
.hero-brand-card img{display:block;width:100%;height:auto;object-fit:contain;mix-blend-mode:multiply}
.hero-brand-caption{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#74604b;text-align:center;margin:10px 0 0}
.hero h1{font-size:clamp(37px,4.8vw,63px)}
@media(max-width:930px){.hero-grid{grid-template-columns:1fr;gap:35px}.hero-brand-card{max-width:530px;transform:none}}
@media(max-width:590px){.brand-logo-panel img{width:88px;height:40px}.brand-copy strong{font-size:19px}.brand-copy small{font-size:10px}.hero-brand-card{padding:12px}}