/*
Theme Name: KoparkaPlus
Theme URI: https://koparkaplus.pl
Author: KoparkaPlus
Description: Motyw firmowy KoparkaPlus.pl — roboty ziemne i wynajem maszyn budowlanych. Industrial Swiss-Style. Podstrony regionalne tworzone automatycznie po aktywacji.
Version: 1.5
Text Domain: koparkaplus
*/
html{scroll-behavior:smooth}
body{margin:0;background:#0c0d0e;color:#f2f0eb;font-family:'Space Grotesk','Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}
a{color:#f2f0eb;text-decoration:none}
a[href^="tel:"]{white-space:nowrap}
body{overflow-x:hidden}
dl>div{gap:16px}
.kp-card>img:first-child{max-width:none}
#kp-burger{display:none;background:transparent;border:1px solid #33363a;color:#f2f0eb;border-radius:2px;padding:8px 12px;font-size:16px;line-height:1;cursor:pointer}
#kp-mobilemenu{display:none;position:fixed;inset:0;z-index:70;background:rgba(12,13,14,.97);backdrop-filter:blur(10px);padding:24px;overflow:auto}
#kp-mobilemenu.open{display:grid;gap:0;align-content:start}
#kp-mobilemenu a{display:block;font-size:18px;font-weight:500;padding:14px 4px;border-bottom:1px solid #26282b}
#kp-mobilemenu .mm-sekcja{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.14em;color:#f7c600;margin:20px 0 4px}
#kp-mm-close{background:transparent;border:1px solid #33363a;color:#f2f0eb;border-radius:2px;padding:8px 14px;font-size:14px;cursor:pointer;justify-self:end}a:hover{color:#f7c600}
::selection{background:#f7c600;color:#0c0d0e}
input,select,button,textarea{font-family:inherit}
summary::-webkit-details-marker{display:none}
img{max-width:100%}
@keyframes kp-tasma{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes kp-puls{0%,100%{opacity:1}50%{opacity:.2}}
.kp-mono{font-family:'JetBrains Mono',monospace}
.kp-btn{background:#f7c600;color:#0c0d0e;border:0;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border-radius:2px;cursor:pointer;transition:transform .15s,box-shadow .15s;display:inline-block}
.kp-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(247,198,0,.25);color:#0c0d0e}
.kp-seg{display:grid;grid-template-columns:1fr 1fr;border:1px solid #33363a;border-radius:2px;overflow:hidden}
.kp-seg button{background:transparent;color:#8a8f98;border:0;padding:12px 8px;font-size:13px;font-weight:500;cursor:pointer}
.kp-seg button.on{background:#f7c600;color:#0c0d0e;font-weight:700}
.kp-card{border:1px solid #26282b;border-radius:4px;background:#131416;transition:border-color .2s,transform .2s}
.kp-card:hover{border-color:#f7c600;transform:translateY(-3px)}
.kp-input{background:#0c0d0e;border:1px solid #33363a;color:#f2f0eb;padding:12px;border-radius:2px;font-size:14px;width:100%;box-sizing:border-box}
.kp-chip{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.1em;border:1px solid #33363a;padding:7px 12px;border-radius:2px;color:#b6bac1}
.kp-faq details{border-bottom:1px solid #26282b}
.kp-faq summary{cursor:pointer;padding:20px 0;font-size:17px;font-weight:500;list-style:none;display:flex;justify-content:space-between;gap:16px}
.kp-faq summary:hover{color:#f7c600}
#dd-uslugi{position:relative}
#dd-uslugi #dd-panel{display:none;position:absolute;top:100%;left:-20px;padding-top:16px;z-index:60}
#dd-uslugi:hover #dd-panel,#dd-uslugi.open #dd-panel{display:block}
#dd-panel>div{width:min(560px,calc(100vw - 40px))!important}
@media (max-width:640px){#dd-panel>div{grid-template-columns:1fr!important}#dd-panel>div>div{border-right:0!important}}
#dd-panel a{display:block;font-size:14px;color:#b6bac1;padding:8px 10px;border-radius:2px}
#dd-panel a:hover{background:#1a1c1e;color:#f7c600}
#dd-panel .dd-naglowek{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.14em;color:#f7c600;padding:6px 10px}
@media (min-width:900px){#kp-thumbnav{display:none!important}}
@media (max-width:899px){
#nav-main{display:none!important}
#kp-burger{display:inline-flex}
footer>div{flex-direction:column}
footer nav>div{grid-template-columns:repeat(2,minmax(0,1fr))!important;font-size:12px!important}
footer a{overflow-wrap:anywhere}
.kp-grid2,.kp-gridhero{grid-template-columns:1fr!important}
.kp-grid3{grid-template-columns:1fr 1fr!important}
header{padding:12px 16px!important;gap:12px!important}
.kp-tag{display:none!important}
#kp-badge{display:block!important;line-height:2!important}
section:not([aria-hidden])>div{padding:48px 16px!important}
main[style]{padding:40px 16px 64px!important}
h1{overflow-wrap:break-word}
}