/*
Theme Name: Weldjan Industrial
Template: twentytwentyfive
Description: Child theme Weldjan: tokeny w theme.json, komponenty ponizej. Po audycie 6-agentowym 18.07.2026.
Version: 1.1
*/
:root{--wj-ease:cubic-bezier(.2,.8,.3,1);--wj-t:.18s var(--wj-ease);--wj-shadow:0 6px 16px rgb(22 24 28/.06)}
html,body{overflow-x:clip}
h1,h2,h3{overflow-wrap:break-word;text-wrap:balance}
p{text-wrap:pretty}
/* A1.1: czytelna szerokosc tekstu ciaglego (sekcje kartowe pelna szerokosc) */
.wp-block-post-content>p,.wp-block-post-content>ul,.wp-block-post-content>ol{max-width:68ch}
/* A1.2: cyfry tabelaryczne */
.wj-card .price,.wj-stats .n,table td,.wp-block-table td{font-variant-numeric:tabular-nums}
/* A1.6: lead */
.wj-lead{font-size:var(--wp--preset--font-size--large);line-height:1.55;color:var(--wp--preset--color--ink);max-width:56ch}
/* badge: dwa warianty (A4.10) */
.wj-badge{display:inline-block;background:var(--wp--preset--color--card-2);border:1px solid var(--wp--preset--color--line);color:var(--wp--preset--color--ink);border-radius:999px;padding:.375rem 1rem;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.wj-badge b{color:var(--wp--preset--color--accent);font-weight:700}
.wj-badge--accent{border-color:var(--wp--preset--color--accent);color:var(--wp--preset--color--accent-strong)}
/* statystyki (A2.8, A3.1: liczby ink nie accent, A4.1: miejsce na ikone) */
.wj-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1px;background:var(--wp--preset--color--line);border:1px solid var(--wp--preset--color--line);border-radius:16px;overflow:hidden;margin:2rem 0}
.wj-stats>div{background:var(--wp--preset--color--card);padding:1.5rem 1rem;text-align:center}
.wj-stats .ico{display:block;margin:0 auto .5rem;width:20px;height:20px;stroke:var(--wp--preset--color--muted);fill:none;stroke-width:2}
.wj-stats .n{display:block;font-size:2rem;font-weight:800;color:var(--wp--preset--color--ink)}
.wj-stats .l{font-size:.8rem;color:var(--wp--preset--color--muted);text-transform:uppercase;letter-spacing:.06em}
/* karty (A2.3/4, A3.1 numer ink->muted, A3.7 cien, A2.6 go touch, A4.4 chevron) */
.wj-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin:1.5rem 0}
.wj-card{background:var(--wp--preset--color--card);border:1px solid var(--wp--preset--color--line);border-radius:16px;padding:1.5rem;transition:transform var(--wj-t),border-color var(--wj-t),box-shadow var(--wj-t);display:block;text-decoration:none}
.wj-card:hover{transform:translateY(-4px);border-color:var(--wp--preset--color--accent);box-shadow:var(--wj-shadow)}
.wj-card .num{font-size:.8rem;font-weight:700;color:var(--wp--preset--color--muted);letter-spacing:.1em}
.wj-card h3{margin:.5rem 0 .4rem}
.wj-card .price{font-size:1.6rem;font-weight:800;color:var(--wp--preset--color--ink);margin:.6rem 0 .2rem}
.wj-card p{font-size:.9rem;margin:0;color:var(--wp--preset--color--muted)}
.wj-card .go{color:var(--wp--preset--color--accent-strong);font-weight:700;font-size:.9rem;margin-top:.25rem;padding:.75rem 0;display:inline-flex;align-items:center;gap:.35rem}
.wj-card .go::after{content:"";width:14px;height:14px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272.5%27%3E%3Cpath d=%27m9 18 6-6-6-6%27/%3E%3C/svg%3E") center/contain no-repeat;transition:transform var(--wj-t)}
.wj-card:hover .go::after{transform:translateX(3px)}
/* sekcje wyroznione (A2.9: jedna wartosc 32px; radius 16) */
.wj-dark{background:var(--wp--preset--color--card);border:1px solid var(--wp--preset--color--line);border-radius:16px;padding:2rem!important;margin:2rem 0}
.wj-cta{background:linear-gradient(135deg,#a11e24,#c0272d);border-radius:16px;padding:3rem 2rem!important;margin:3rem 0;text-align:center}
.wj-cta h2,.wj-cta p{color:#fff}
.wj-cta a{color:#fff}
.wj-cta .wp-block-button__link{background:#16181c!important;color:#fff!important}
/* dowody/opinie (A4.5: bez gwiazdek-tekstu) */
.wj-quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}
.wj-quote{background:var(--wp--preset--color--card);border:1px solid var(--wp--preset--color--line);border-radius:16px;padding:1.5rem}
.wj-quote cite{display:block;color:var(--wp--preset--color--ink);font-style:normal;font-weight:700;font-size:.9rem;margin-bottom:.5rem}
.wj-quote p{margin:0;font-size:.9rem}
/* blog (A2.10) */
.wp-block-latest-posts{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;padding:0}
.wp-block-latest-posts li{background:var(--wp--preset--color--card);border:1px solid var(--wp--preset--color--line);border-radius:16px;padding:0 0 1.5rem;list-style:none;overflow:hidden}
.wp-block-latest-posts__featured-image{margin:0 0 1rem}
.wp-block-latest-posts__featured-image img{width:100%;height:170px;object-fit:cover;display:block}
.wp-block-latest-posts li>a{padding:0 1.5rem;font-weight:700;text-decoration:none}
.wp-block-latest-posts time,.wp-block-latest-posts .wp-block-latest-posts__post-excerpt{padding:0 1.5rem;display:block;color:var(--wp--preset--color--muted);font-size:.9rem}
/* FAQ akordeon (A3.5 stany, A4.7 animacja, radius 12) */
.wj-faq details{background:var(--wp--preset--color--card);border:1px solid var(--wp--preset--color--line);border-radius:12px;margin:.5rem 0;transition:border-color var(--wj-t)}
.wj-faq details[open]{border-color:var(--wp--preset--color--accent)}
.wj-faq summary{cursor:pointer;font-weight:700;color:var(--wp--preset--color--ink);padding:1rem 1.5rem;list-style:none;position:relative;transition:background var(--wj-t);border-radius:12px}
.wj-faq summary:hover{background:var(--wp--preset--color--card-2)}
.wj-faq summary h3{display:inline;font-size:1.05rem;font-weight:700}
.wj-faq summary::after{content:"";position:absolute;right:1.5rem;top:1.15rem;width:16px;height:16px;background:var(--wp--preset--color--accent-strong);mask:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272.5%27%3E%3Cpath d=%27m6 9 6 6 6-6%27/%3E%3C/svg%3E") center/contain no-repeat;transition:transform var(--wj-t)}
.wj-faq details[open] summary::after{transform:rotate(180deg)}
.wj-faq details>p{padding:0 1.5rem 1rem;margin:0}
/* ikony (A4: aria-hidden w markupie) */
.wj-ico{width:22px;height:22px;stroke:var(--wp--preset--color--muted);fill:none;stroke-width:2;vertical-align:-4px;margin-right:.5rem}
/* kroki procesu numeracja jak karty (A4.3) */
.wp-block-post-content ol{counter-reset:wj}
.wp-block-post-content ol>li{list-style:none;counter-increment:wj;position:relative;padding-left:2.4rem;margin:.5rem 0}
.wp-block-post-content ol>li::before{content:"0" counter(wj);position:absolute;left:0;top:.1em;font-size:.8rem;font-weight:700;color:var(--wp--preset--color--accent-strong);letter-spacing:.08em}
/* formularze (A3.3/4/10) */
input[type=text],input[type=tel],input[type=email],input[type=password],textarea,select{width:100%;max-width:480px;padding:.75rem 1rem;border:1px solid var(--wp--preset--color--line);border-radius:12px;background:var(--wp--preset--color--base);color:var(--wp--preset--color--ink);transition:border-color var(--wj-t)}
input:focus,textarea:focus,select:focus{border-color:var(--wp--preset--color--accent-strong);outline:none}
::placeholder{color:var(--wp--preset--color--muted)}
.wp-block-button__link{transition:transform var(--wj-t),background var(--wj-t)}
.wp-block-button__link:hover{transform:translateY(-2px)}
.wp-block-button__link:active{transform:translateY(0)}
button:disabled,.wp-block-button__link:is([aria-disabled=true]){background:var(--wp--preset--color--card-2)!important;color:var(--wp--preset--color--muted)!important;cursor:not-allowed}
.wpcf7-not-valid{border-color:var(--wp--preset--color--error)!important}
.wpcf7-not-valid-tip{color:var(--wp--preset--color--error);font-size:.8rem}
.wpcf7-response-output{border-radius:12px;padding:.75rem 1rem!important}
.wpcf7 form.sent .wpcf7-response-output{border-color:var(--wp--preset--color--success);color:var(--wp--preset--color--success)}
.wpcf7 form.invalid .wpcf7-response-output{border-color:var(--wp--preset--color--error);color:var(--wp--preset--color--error)}
.wp-cf7-note{font-size:.8rem;color:var(--wp--preset--color--muted)}
.post-password-form{background:var(--wp--preset--color--card);border:1px solid var(--wp--preset--color--line);border-radius:16px;padding:2rem;max-width:480px;margin:3rem auto}
.post-password-form input[type=submit]{background:var(--wp--preset--color--accent-strong);color:#fff;border:0;border-radius:999px;padding:.75rem 2rem;font-weight:700;cursor:pointer}
/* nav (A3.9) */
header .wp-block-navigation a{text-decoration:none;transition:color var(--wj-t)}
header .wp-block-navigation a:hover{color:var(--wp--preset--color--accent-strong)}
header .wp-block-navigation .current-menu-item a,header .wp-block-navigation a[aria-current=page]{font-weight:800;text-decoration:underline;text-underline-offset:4px}
/* hero (A2.2: inner 1140) */
.wp-block-cover{border-radius:16px;overflow:hidden}
.wp-block-cover.alignfull{max-width:1320px;margin-left:auto!important;margin-right:auto!important;width:calc(100% - 48px)}
.wp-block-cover .wp-block-cover__inner-container{max-width:1140px;margin:0 auto;padding:0 24px}
.wp-block-cover a{text-decoration:none}
/* kotwice (A4.9) */
:target,[id]{scroll-margin-top:5rem}
/* coming soon */
.wj-soon{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1rem}
/* dostepnosc */
:focus-visible{outline:2px solid var(--wp--preset--color--accent);outline-offset:3px;border-radius:4px}
.wp-block-button__link:focus-visible{outline-color:#fff}
@media(max-width:600px){
  .wj-stats{grid-template-columns:1fr 1fr}
  .wp-block-cover{min-height:440px!important}
  .wp-block-cover.alignfull{width:calc(100% - 24px)}
  .wp-block-buttons{flex-direction:column;align-items:stretch}
  .wp-block-button__link{width:100%;text-align:center}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* sticky mobile bar (A5.4): tylko mobile, nie zaslania stopki dzieki safe-area */
.wj-mobilebar{display:none}
@media(max-width:700px){
  .wj-mobilebar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:50;gap:1px;background:var(--wp--preset--color--line);border-top:1px solid var(--wp--preset--color--line);padding-bottom:env(safe-area-inset-bottom)}
  .wj-mobilebar a{flex:1;text-align:center;padding:.9rem .5rem;font-weight:700;font-size:.9rem;text-decoration:none}
  .wj-mb-tel{background:var(--wp--preset--color--card);color:var(--wp--preset--color--ink)}
  .wj-mb-cta{background:var(--wp--preset--color--accent-strong);color:#fff}
  body{padding-bottom:3.5rem}
}
/* Rytm sekcji: blockGap WP nadpisuje elements.h2 margin — egzekwujemy tu (A2.1) */
.wp-block-post-content>h2{margin-top:4rem!important;margin-bottom:1.5rem!important}
.wp-block-post-content>h2:first-child{margin-top:0!important}
