/* SGTech x Kadence — global tokens */
:root{
  --sg-bg:#1E1E1E;
  --sg-bg-2:#181818;
  --sg-fg:#F0ECE6;
  --sg-accent:#C7A46C;
  --sg-radius:16px;
  --sg-radius-lg:20px;
  --sg-shadow-1:0 8px 24px rgba(0,0,0,.25);
  --sg-shadow-2:0 16px 48px rgba(0,0,0,.32);
}
/* Base (non-invasive) */
body{background:var(--sg-bg);color:var(--sg-fg)}
a{color:var(--sg-accent)}
.sg-section{padding:72px 0}
.sg-container{max-width:1200px;margin:0 auto;padding:0 20px}
.sg-badge{font-size:14px;padding:6px 10px;background:rgba(255,255,255,.06);border-radius:999px;display:inline-flex;gap:6px;align-items:center;border:1px solid rgba(255,255,255,.08)}
.sg-button{background:var(--sg-accent);color:#111;padding:14px 20px;border-radius:12px;text-decoration:none;font-weight:700;display:inline-block;position:relative;overflow:hidden;box-shadow:0 6px 16px rgba(0,0,0,.25);transition:transform .18s, box-shadow .18s}
.sg-button:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.34)}
.sg-button.alt{background:rgba(255,255,255,.08);color:var(--sg-fg);border:1px solid rgba(255,255,255,.12)}
.sg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.sg-grid-sm{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.sg-card{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.05));padding:22px;border-radius:var(--sg-radius-lg);border:1px solid rgba(255,255,255,.08);box-shadow:var(--sg-shadow-1);backdrop-filter:blur(6px);transition:transform .25s, box-shadow .25s}
.sg-card:hover{transform:translateY(-6px);box-shadow:var(--sg-shadow-2)}
.sg-card::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(600px 200px at var(--mx,50%) var(--my,0%), rgba(255,255,255,.06), transparent 60%);}
.sg-muted{opacity:.85}
.sg-h1{font-size:48px;line-height:1.1;margin:20px 0 12px}
.sg-h2{font-size:36px;margin:0 0 16px}
.sg-hr{height:1px;background:rgba(255,255,255,.08);margin:28px 0}
.sg-list{padding-left:18px}
.sg-rounded{border-radius:var(--sg-radius-lg);overflow:hidden}
@media (max-width:640px){ .sg-h1{font-size:38px} .sg-h2{font-size:30px} }

/* Spotlight */
.sg-spotlight{position:relative;isolation:isolate;background:
  radial-gradient(700px 300px at var(--mx,50%) var(--my,10%), rgba(255,255,255,.06), transparent 60%),
  var(--sg-bg-2);}

/* Optional custom header/footer */
.sg-header{position:sticky;top:0;z-index:1000;background:rgba(2,2,2,.55);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.06);transition:background .2s,border-color .2s}
html.sg-scrolled .sg-header{background:rgba(2,2,2,.75);border-color:rgba(255,255,255,.08)}
.sg-header-inner{max-width:1200px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.sg-header .sg-nav{display:flex;gap:14px;align-items:center}
.sg-header .sg-nav a{color:var(--sg-fg);opacity:.9;text-decoration:none;position:relative;padding:10px 6px;border-radius:10px}
.sg-header .sg-nav a::after{content:"";position:absolute;left:10px;right:calc(100% - 10px);bottom:6px;height:2px;background:var(--sg-accent);transition:right .25s}
.sg-header .sg-nav a:hover::after{right:10px}
.sg-header .sg-cta{display:flex;gap:10px;align-items:center}
.sg-header .sg-burger{display:none;width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);cursor:pointer}
.sg-header .sg-burger span{display:block;height:2px;background:var(--sg-fg);margin:7px 9px}
@media (max-width:960px){
  .sg-header .sg-burger{display:inline-flex;align-items:center;justify-content:center}
  .sg-header .sg-nav{position:fixed;inset:64px 0 0 0;background:var(--sg-bg);padding:18px 20px;flex-direction:column;gap:8px;transform:translateY(-100%);transition:transform .25s}
  html.sg-nav-open .sg-header .sg-nav{transform:translateY(0)}
  .sg-header .sg-cta .sg-button{display:none}
}
.sg-footer{background:var(--sg-bg-2);border-top:1px solid rgba(255,255,255,.08)}
.sg-footer .sg-footer-wrap{max-width:1200px;margin:0 auto;padding:36px 20px;display:grid;gap:18px;grid-template-columns:2fr 1fr 1fr}
.sg-footer .sg-f-links{list-style:none;margin:10px 0 0;padding:0}
.sg-footer .sg-f-links a{text-decoration:none;color:var(--sg-fg);opacity:.9}
.sg-footer .sg-footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding:12px 20px;text-align:center}
@media (max-width:900px){ .sg-footer .sg-footer-wrap{grid-template-columns:1fr} }
/* ==== SGTech — form fields on dark background (v2) ==== */
.sg-card input[type="text"],
.sg-card input[type="email"],
.sg-card input[type="number"],
.sg-card input[type="url"],
.sg-card input[type="search"],
.sg-card input[type="range"],
.sg-card select,
.sg-card textarea,
.wpcf7-form input,
.wpcf7-form select,
.wpcf7-form textarea,
.kadence-form input,
.kadence-form select,
.kadence-form textarea {
  color: var(--sg-fg);
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 10px;
  padding: 10px 12px;
  outline: none;
  appearance: none; -webkit-appearance: none;
}

/* placeholder i focus */
.sg-card ::placeholder,
.wpcf7-form ::placeholder,
.kadence-form ::placeholder { color: rgba(240,236,230,.65); }
.sg-card input:focus, .sg-card select:focus, .sg-card textarea:focus,
.wpcf7-form input:focus, .wpcf7-form select:focus, .wpcf7-form textarea:focus,
.kadence-form input:focus, .kadence-form select:focus, .kadence-form textarea:focus {
  border-color: var(--sg-accent);
  box-shadow: 0 0 0 3px rgba(199,164,108,.25);
}

/* WebKit autofill na ciemnym tle */
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
  -webkit-text-fill-color: var(--sg-fg) !important;
  caret-color: var(--sg-fg);
  transition: background-color 9999s ease-in-out 0s !important;
}

/* lekki fallback (minimalny, bez ryzyka dla motywu) */
.sg-card input, .sg-card select, .sg-card textarea { color: var(--sg-fg); }
/* ==== SGTech — form fields on dark background (v2) ==== */
.sg-card input[type="text"],
.sg-card input[type="email"],
.sg-card input[type="number"],
.sg-card input[type="url"],
.sg-card input[type="search"],
.sg-card input[type="range"],
.sg-card select,
.sg-card textarea,
.wpcf7-form input,
.wpcf7-form select,
.wpcf7-form textarea,
.kadence-form input,
.kadence-form select,
.kadence-form textarea {
  color: var(--sg-fg);
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 10px;
  padding: 10px 12px;
  outline: none;
  appearance: none; -webkit-appearance: none;
}

/* placeholder i focus */
.sg-card ::placeholder,
.wpcf7-form ::placeholder,
.kadence-form ::placeholder { color: rgba(240,236,230,.65); }
.sg-card input:focus, .sg-card select:focus, .sg-card textarea:focus,
.wpcf7-form input:focus, .wpcf7-form select:focus, .wpcf7-form textarea:focus,
.kadence-form input:focus, .kadence-form select:focus, .kadence-form textarea:focus {
  border-color: var(--sg-accent);
  box-shadow: 0 0 0 3px rgba(199,164,108,.25);
}

/* WebKit autofill na ciemnym tle */
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
  -webkit-text-fill-color: var(--sg-fg) !important;
  caret-color: var(--sg-fg);
  transition: background-color 9999s ease-in-out 0s !important;
}

/* lekki fallback (minimalny, bez ryzyka dla motywu) */
.sg-card input, .sg-card select, .sg-card textarea { color: var(--sg-fg); }