/*
Theme Name: BIAOZE
Theme URI: https://biaoze.pl/
Author: BIAOZE sp. z o.o.
Description: Lekki motyw firmowy BIAOZE z katalogiem realizacji zarządzanym z panelu WordPressa.
Version: 1.1.0
Requires at least: 6.2
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: biaoze
*/
:root{--bz-ink:#111820;--bz-navy:#101d2b;--bz-blue:#0756c9;--bz-blue2:#087eaa;--bz-paper:#fff;--bz-light:#f3f5f7;--bz-muted:#596675;--bz-line:#dce2e8;--bz-width:1160px;--bz-radius:12px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--bz-ink);background:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.65}
a{color:var(--bz-blue);text-underline-offset:3px}a:hover{color:#063e91}
img{max-width:100%;height:auto}
.wrap{width:min(calc(100% - 40px),var(--bz-width));margin-inline:auto}
.site-header{background:#fff;border-bottom:1px solid var(--bz-line);position:relative;z-index:5}
.header-inner{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:flex;align-items:center;min-width:0;text-decoration:none}
.brand img,.brand .custom-logo{display:block;width:210px;max-height:76px;object-fit:contain;object-position:left center}
.brand-name{font-size:1.8rem;font-weight:850;letter-spacing:.04em;color:#111;text-decoration:none}
.site-nav ul{list-style:none;display:flex;align-items:center;gap:26px;margin:0;padding:0}
.site-nav a{color:var(--bz-ink);font-weight:650;text-decoration:none}.site-nav a:hover{color:var(--bz-blue)}
.header-cta,.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border-radius:6px;background:var(--bz-blue);color:#fff!important;font-weight:750;text-decoration:none;border:2px solid var(--bz-blue);transition:background .15s ease}
.header-cta:hover,.button:hover{background:#0645a4;border-color:#0645a4}
.hero{background:var(--bz-navy);color:#fff;padding:clamp(58px,8vw,104px) 0}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:50px}
.eyebrow{margin:0 0 16px;color:#8bd9fa;font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.hero h1{max-width:760px;margin:0 0 22px;color:#fff;font-size:clamp(2.45rem,5.5vw,4.65rem);line-height:1.04;letter-spacing:-.045em}
.hero p{max-width:650px;margin:0 0 28px;color:#d9e2eb;font-size:1.12rem}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.button-outline{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border:1px solid #8393a3;border-radius:6px;color:#fff;text-decoration:none;font-weight:700}
.button-outline:hover{border-color:#fff;color:#fff}
.hero-note{margin-top:24px!important;font-size:.9rem!important;color:#bdc9d5!important}
.hero-panel{padding:28px;border:1px solid #425263;border-radius:var(--bz-radius);background:linear-gradient(145deg,#1b2b3b,#111c29)}
.hero-panel-label{color:#8bd9fa;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.hero-panel h2{margin:12px 0;color:#fff;font-size:1.55rem;line-height:1.25}
.hero-panel p{margin:0;color:#d9e2eb;font-size:.98rem}
.hero-points{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}
.hero-point{padding:12px;border:1px solid #405163;border-radius:8px;color:#fff;font-size:.9rem}
.section{padding:clamp(52px,7vw,84px) 0}.section-light{background:var(--bz-light)}.section-dark{background:var(--bz-navy);color:#fff}
.section-heading{max-width:740px;margin-bottom:34px}
.section-heading .eyebrow{color:var(--bz-blue2)}
.section-dark .section-heading .eyebrow{color:#8bd9fa}
.section h2{margin:0 0 14px;font-size:clamp(1.85rem,3.6vw,3rem);line-height:1.15;letter-spacing:-.03em}
.section-heading p{margin:0;color:var(--bz-muted);font-size:1.05rem}.section-dark .section-heading p{color:#d9e2eb}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.card{height:100%;padding:26px;background:#fff;border:1px solid var(--bz-line);border-radius:var(--bz-radius)}
.card-number{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;margin-bottom:18px;border-radius:8px;background:#e8f2ff;color:var(--bz-blue);font-weight:850}
.card h3{margin:0 0 10px;font-size:1.25rem;line-height:1.3}.card p{margin:0 0 18px;color:var(--bz-muted)}
.text-link{font-weight:750;text-decoration:none}
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.step{padding-top:18px;border-top:2px solid var(--bz-blue)}.step strong{display:block;margin-bottom:8px;font-size:1.05rem}.step p{margin:0;color:var(--bz-muted)}
.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.project-card{overflow:hidden;background:#fff;border:1px solid var(--bz-line);border-radius:var(--bz-radius);color:var(--bz-ink)}
.project-card a{display:block;color:inherit;text-decoration:none}
.project-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.project-card-body{padding:20px}
.project-card h3{margin:0 0 8px;font-size:1.2rem;line-height:1.3}
.project-card p{margin:0 0 10px;color:var(--bz-muted)}
.project-location{font-size:.88rem;color:var(--bz-blue2);font-weight:700}
.projects-empty{padding:28px;border:1px dashed #aeb9c4;border-radius:var(--bz-radius);background:#fff}
.projects-empty p{margin:0 0 10px;color:var(--bz-muted)}
.cta-box{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:clamp(28px,5vw,54px);border-radius:var(--bz-radius);background:var(--bz-navy);color:#fff}
.cta-box h2{margin:0 0 10px;color:#fff}.cta-box p{margin:0;color:#d9e2eb}
.site-footer{padding:42px 0 22px;background:#0b131c;color:#d9e2eb}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:32px}
.footer-brand{font-size:1.45rem;font-weight:850;color:#fff;letter-spacing:.04em}
.site-footer h2{margin:0 0 12px;font-size:1rem;color:#fff}.site-footer p{margin:8px 0;color:#c4ced8}.site-footer a{color:#fff}
.footer-bottom{margin-top:28px;padding-top:18px;border-top:1px solid #34404c;color:#aeb9c4;font-size:.86rem}
.entry-content{max-width:850px;margin:50px auto;padding:0 20px}
.entry-content h1,.entry-content h2,.entry-content h3{line-height:1.2}.entry-content h1{font-size:clamp(2rem,4vw,3.5rem)}.entry-content h2{margin-top:1.8em}.entry-content img{border-radius:8px}
.project-single{max-width:900px;margin:48px auto;padding:0 20px}
.project-single h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1.12}
.project-single .project-featured{width:100%;border-radius:var(--bz-radius);margin:18px 0 28px}
.project-meta{color:var(--bz-muted);font-weight:650}
.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}
:focus-visible{outline:3px solid #57b7ed;outline-offset:3px}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:30px}.site-nav ul{gap:14px}.header-cta{display:none}.cards{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.projects-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.wrap{width:min(calc(100% - 32px),var(--bz-width))}.header-inner{min-height:76px;gap:12px}.brand img,.brand .custom-logo{width:150px;max-height:58px}.site-nav ul{gap:10px;flex-wrap:wrap;justify-content:flex-end}.site-nav a{font-size:.85rem}.hero{padding:54px 0}.hero h1{font-size:2.55rem}.hero-panel{padding:22px}.cards,.steps,.footer-grid,.projects-grid{grid-template-columns:1fr}.cta-box{align-items:flex-start;flex-direction:column}.hero-points{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}