/*
Theme Name: DIAG24SKOKI V10
Theme URI: https://diag24skoki.pl/
Author: DIAG24SKOKI
Description: Rozbudowany polski motyw DIAG24SKOKI V10: zachowane menu i koncepcja poprzednich wersji, mocniejszy układ, różne tematyczne tła podstron, dopracowane przyciski, WooCommerce i formularze zgłoszeń.
Version: 10.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: diag24skoki-v10
*/
:root{--bg:#03050a;--bg2:#070b12;--panel:#0a101a;--panel2:#0f1725;--txt:#f2f8ff;--muted:#a9b7cc;--line:rgba(109,227,255,.2);--cyan:#00e7ff;--blue:#2c72ff;--green:#35ff9f;--red:#ff3e68;--amber:#ffb12e;--violet:#b36bff;--radius:24px;--shadow:0 28px 90px rgba(0,0,0,.52)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--txt);font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;line-height:1.66}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.diag-wrap{width:min(1220px,calc(100% - 34px));margin:0 auto}.diag-header{position:sticky;top:0;z-index:999;background:rgba(3,5,10,.88);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,231,255,.18)}.diag-topbar{font-size:13px;color:#bdd2e9;border-bottom:1px solid rgba(255,255,255,.06);background:linear-gradient(90deg,rgba(0,231,255,.08),rgba(53,255,159,.05),rgba(44,114,255,.06))}.diag-topbar .diag-wrap{display:flex;justify-content:space-between;gap:14px;padding:7px 0}.diag-dot{display:inline-block;width:8px;height:8px;border-radius:99px;background:var(--green);box-shadow:0 0 16px var(--green);margin-right:8px}.diag-nav{display:flex;align-items:center;gap:18px;min-height:78px}.diag-logo{display:flex;align-items:center;gap:13px;white-space:nowrap}.diag-logo-mark{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;font-weight:950;letter-spacing:-2px;color:#001217;background:radial-gradient(circle at 28% 20%,#fff 0,#d5fbff 14%,var(--cyan) 42%,#056475 100%);box-shadow:0 0 26px rgba(0,231,255,.70),inset 0 0 18px rgba(255,255,255,.55)}.diag-logo-text{font-size:22px;font-weight:950;letter-spacing:.2px}.diag-logo-text strong{background:linear-gradient(90deg,#fff,var(--cyan),#9dffd9);-webkit-background-clip:text;background-clip:text;color:transparent}.diag-menu{display:flex;align-items:center;gap:5px;flex:1;justify-content:center;flex-wrap:wrap}.diag-menu a{font-size:14px;padding:10px 12px;border-radius:14px;color:#d8eaff;border:1px solid transparent;transition:.22s}.diag-menu a:hover,.diag-menu .current-menu-item>a{color:#fff;border-color:rgba(0,231,255,.46);background:rgba(0,231,255,.11);box-shadow:0 0 25px rgba(0,231,255,.25)}
.diag-btn,.button,.wp-block-button__link,button,input[type=submit]{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid rgba(0,231,255,.38);border-radius:17px;padding:12px 18px;background:linear-gradient(135deg,rgba(0,231,255,.13),rgba(44,114,255,.15));color:#fff;font-weight:900;cursor:pointer;position:relative;overflow:hidden;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s}.diag-btn:before,.button:before,button:before,input[type=submit]:before{content:"";position:absolute;inset:-2px;transform:translateX(-120%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);transition:.48s}.diag-btn:hover:before,.button:hover:before,button:hover:before,input[type=submit]:hover:before{transform:translateX(120%)}.diag-btn:hover,.button:hover,button:hover,input[type=submit]:hover{transform:translateY(-2px);border-color:var(--cyan);box-shadow:0 0 0 1px rgba(0,231,255,.34),0 0 32px rgba(0,231,255,.38),0 18px 54px rgba(0,0,0,.36)}.diag-btn:active,.button:active,button:active,input[type=submit]:active{transform:translateY(0) scale(.985)}.diag-btn.primary{background:linear-gradient(135deg,var(--cyan),var(--blue));color:#001018;border-color:rgba(255,255,255,.35)}.diag-btn.secondary{background:rgba(255,255,255,.04)}.diag-btn.danger{background:linear-gradient(135deg,rgba(255,62,104,.25),rgba(255,177,46,.14));border-color:rgba(255,62,104,.45)}
.diag-page{position:relative;overflow:hidden;min-height:70vh}.diag-page:before{content:"";position:absolute;inset:0;z-index:-3;background:radial-gradient(circle at 18% 10%,rgba(0,231,255,.15),transparent 28%),radial-gradient(circle at 80% 16%,rgba(53,255,159,.10),transparent 30%),linear-gradient(180deg,#060914,#03050a)}.diag-page:after{content:"";position:absolute;inset:0;z-index:-2;opacity:.25;background-image:linear-gradient(rgba(0,231,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(0,231,255,.10) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(180deg,#000,transparent 84%)}.diag-page .diag-scan{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.18;background:linear-gradient(180deg,transparent 0,rgba(0,231,255,.22) 48%,transparent 52%);animation:diagscan 7s linear infinite}@keyframes diagscan{0%{transform:translateY(-100%)}100%{transform:translateY(100%)}}
.bg-start:before{background:radial-gradient(circle at 24% 20%,rgba(0,231,255,.24),transparent 28%),radial-gradient(circle at 74% 18%,rgba(53,255,159,.16),transparent 30%),radial-gradient(circle at 52% 76%,rgba(44,114,255,.16),transparent 34%),linear-gradient(180deg,#06101b,#03050a)}.bg-diagnostyka:before{background:radial-gradient(circle at 20% 20%,rgba(0,231,255,.26),transparent 30%),radial-gradient(circle at 82% 20%,rgba(44,114,255,.18),transparent 28%),linear-gradient(135deg,#082033,#03050a 65%)}.bg-elektronika:before{background:radial-gradient(circle at 18% 18%,rgba(53,255,159,.25),transparent 30%),radial-gradient(circle at 78% 30%,rgba(0,231,255,.16),transparent 28%),linear-gradient(135deg,#06180e,#03050a 65%)}.bg-pomoc:before{background:radial-gradient(circle at 20% 18%,rgba(179,107,255,.24),transparent 31%),radial-gradient(circle at 80% 28%,rgba(0,231,255,.20),transparent 28%),linear-gradient(135deg,#12081e,#03050a 66%)}.bg-vcds:before{background:radial-gradient(circle at 18% 18%,rgba(44,114,255,.30),transparent 31%),radial-gradient(circle at 78% 28%,rgba(0,231,255,.14),transparent 28%),linear-gradient(135deg,#061135,#03050a 66%)}.bg-delphi:before{background:radial-gradient(circle at 18% 18%,rgba(255,62,104,.23),transparent 31%),radial-gradient(circle at 82% 24%,rgba(255,177,46,.18),transparent 29%),linear-gradient(135deg,#1d070c,#03050a 66%)}.bg-obd:before{background:radial-gradient(circle at 20% 18%,rgba(53,255,159,.22),transparent 30%),radial-gradient(circle at 78% 28%,rgba(44,114,255,.18),transparent 29%),linear-gradient(135deg,#041d19,#03050a 66%)}.bg-zestawy:before{background:radial-gradient(circle at 20% 18%,rgba(255,177,46,.25),transparent 30%),radial-gradient(circle at 80% 24%,rgba(0,231,255,.15),transparent 29%),linear-gradient(135deg,#1f1505,#03050a 66%)}.bg-sklep:before{background:radial-gradient(circle at 18% 18%,rgba(0,231,255,.19),transparent 30%),radial-gradient(circle at 80% 28%,rgba(255,177,46,.20),transparent 29%),linear-gradient(135deg,#07131f,#03050a 66%)}.bg-realizacje:before{background:radial-gradient(circle at 18% 18%,rgba(53,255,159,.20),transparent 30%),radial-gradient(circle at 80% 28%,rgba(179,107,255,.20),transparent 29%),linear-gradient(135deg,#07121a,#03050a 66%)}.bg-wiedza:before{background:radial-gradient(circle at 18% 18%,rgba(0,231,255,.19),transparent 30%),radial-gradient(circle at 82% 28%,rgba(53,255,159,.18),transparent 29%),linear-gradient(135deg,#06121b,#03050a 66%)}.bg-kontakt:before{background:radial-gradient(circle at 18% 18%,rgba(0,231,255,.20),transparent 30%),radial-gradient(circle at 82% 28%,rgba(44,114,255,.20),transparent 29%),linear-gradient(135deg,#070d1d,#03050a 66%)}.bg-proces:before{background:radial-gradient(circle at 20% 18%,rgba(0,231,255,.19),transparent 30%),radial-gradient(circle at 80% 28%,rgba(179,107,255,.17),transparent 29%),linear-gradient(135deg,#09101d,#03050a 66%)}
.diag-hero{padding:96px 0 56px}.diag-kicker{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(0,231,255,.26);background:rgba(0,231,255,.08);color:#c4f9ff;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.diag-title{font-size:clamp(40px,7vw,84px);line-height:1.02;margin:20px 0 18px;letter-spacing:-.06em}.diag-title span{background:linear-gradient(90deg,#fff,var(--cyan),#92ffd3);-webkit-background-clip:text;background-clip:text;color:transparent}.diag-lead{font-size:clamp(18px,2vw,23px);max-width:900px;color:#d8e8fa;margin:0 0 28px}.diag-hero-actions{display:flex;gap:12px;flex-wrap:wrap}.diag-section{padding:56px 0}.diag-section h2{font-size:clamp(28px,4vw,50px);line-height:1.08;margin:0 0 16px}.diag-section .intro{color:var(--muted);font-size:18px;max-width:900px}.diag-grid{display:grid;gap:18px}.diag-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.diag-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.diag-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.diag-card{border:1px solid rgba(0,231,255,.16);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);position:relative;overflow:hidden;transition:.22s}.diag-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at var(--mx,50%) var(--my,0%),rgba(0,231,255,.20),transparent 34%);opacity:0;transition:.22s}.diag-card:hover:before{opacity:1}.diag-card:hover{transform:translateY(-4px);border-color:rgba(0,231,255,.45);box-shadow:0 0 0 1px rgba(0,231,255,.26),0 24px 72px rgba(0,0,0,.47)}.diag-card>*{position:relative}.diag-card.accent-green{border-color:rgba(53,255,159,.2)}.diag-card.accent-red{border-color:rgba(255,62,104,.2)}.diag-card.accent-amber{border-color:rgba(255,177,46,.22)}.diag-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:rgba(0,231,255,.10);border:1px solid rgba(0,231,255,.25);box-shadow:0 0 20px rgba(0,231,255,.13);font-size:24px}.diag-card h3{margin:13px 0 8px;font-size:22px}.diag-card p,.diag-card li{color:#c4d4e8}.diag-list{display:grid;gap:10px;padding:0;margin:16px 0 0;list-style:none}.diag-list li{padding:11px 13px;border-radius:15px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.075)}.diag-panel{border:1px solid rgba(0,231,255,.19);background:rgba(5,10,18,.66);border-radius:28px;padding:24px;box-shadow:var(--shadow)}.diag-problem-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.diag-problem{border:1px solid rgba(0,231,255,.21);background:rgba(255,255,255,.05);border-radius:17px;padding:16px;text-align:left;font-weight:900;color:#eaf7ff;transition:.2s}.diag-problem:hover,.diag-problem.active{border-color:var(--cyan);background:rgba(0,231,255,.13);box-shadow:0 0 28px rgba(0,231,255,.28);transform:translateY(-2px)}.diag-steps{counter-reset:step;display:grid;gap:14px}.diag-step{counter-increment:step;display:flex;gap:14px;align-items:flex-start;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);border-radius:20px;padding:18px}.diag-step:before{content:counter(step);width:36px;height:36px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,var(--cyan),var(--blue));color:#001018;font-weight:950;flex:0 0 auto}.diag-form label{display:block;color:#dcecff;font-weight:850;margin-bottom:7px}.diag-form input,.diag-form textarea,.diag-form select{width:100%;border:1px solid rgba(0,231,255,.22);background:rgba(2,7,14,.74);color:#fff;border-radius:15px;padding:12px 13px;outline:none}.diag-form input:focus,.diag-form textarea:focus,.diag-form select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(0,231,255,.16)}.diag-notice{border:1px solid rgba(53,255,159,.32);background:rgba(53,255,159,.08);border-radius:18px;padding:18px;margin:18px 0}.diag-error{border-color:rgba(255,62,104,.34);background:rgba(255,62,104,.08)}.diag-badge{display:inline-flex;border:1px solid rgba(0,231,255,.25);background:rgba(0,231,255,.09);color:#c7fbff;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:950;letter-spacing:.09em;text-transform:uppercase}.diag-subnav{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.diag-subnav a{font-size:13px;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:8px 12px;color:#d4e8ff;background:rgba(255,255,255,.04)}.diag-subnav a:hover{border-color:var(--cyan);box-shadow:0 0 18px rgba(0,231,255,.22)}.diag-footer{border-top:1px solid rgba(0,231,255,.14);background:#03050a;padding:34px 0;color:#aec1d9}.diag-footer-grid{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.diag-mini{font-size:13px;color:#91a5bd}.mobile-actions{position:fixed;left:12px;right:12px;bottom:12px;z-index:998;display:none;grid-template-columns:1fr 1fr;gap:10px}.mobile-actions a{padding:12px 8px;border-radius:16px;text-align:center;background:rgba(0,231,255,.16);border:1px solid rgba(0,231,255,.35);backdrop-filter:blur(12px);font-weight:900}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{background:rgba(255,255,255,.05);border:1px solid rgba(0,231,255,.17);border-radius:22px;padding:18px;transition:.2s}.woocommerce ul.products li.product:hover{border-color:var(--cyan);box-shadow:0 0 30px rgba(0,231,255,.24);transform:translateY(-3px)}.woocommerce a.button{border-radius:14px}@media(max-width:980px){.diag-nav{align-items:flex-start;flex-direction:column;padding:12px 0}.diag-menu{justify-content:flex-start}.diag-grid.two,.diag-grid.three,.diag-grid.four,.diag-problem-grid{grid-template-columns:1fr}.diag-hero{padding:58px 0 34px}.mobile-actions{display:grid}body{padding-bottom:74px}.diag-logo-text{font-size:20px}.diag-topbar .diag-wrap{display:block}}