/*
Theme Name: Elektrotermia RoboArc Ads
Theme URI: https://elektrotermia.com.pl
Author: MD
Description: Spawanie zrobotyzowane
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
Text Domain: elektrotermia-roboarc-ads
*/

:root{
  --bg:#0b1220;
  --bg-soft:#121a2b;
  --card:#111827;
  --card-2:#0f172a;
  --text:#e5eefb;
  --muted:#9fb0c8;
  --line:rgba(255,255,255,.10);
  --primary:#f2b632;
  --primary-2:#ffd769;
  --accent:#67d3ff;
  --success:#6ee7b7;
  --danger:#ff7f7f;
  --shadow:0 16px 60px rgba(0,0,0,.35);
  --radius:22px;
  --radius-sm:16px;
  --max:1200px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at top right, rgba(103,211,255,.10), transparent 28%),
    radial-gradient(circle at top left, rgba(242,182,50,.16), transparent 24%),
    linear-gradient(180deg, #08101b 0%, #0d1524 100%);
  line-height:1.6;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
.container{width:min(calc(100% - 32px), var(--max)); margin-inline:auto}
.section{padding:88px 0}
.section-sm{padding:56px 0}
.eyebrow{
  display:inline-flex; gap:10px; align-items:center;
  padding:8px 14px; border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04); border-radius:999px;
  color:var(--primary-2); font-weight:700; font-size:.86rem;
  backdrop-filter: blur(8px);
}
.eyebrow:before{
  content:""; width:8px; height:8px; border-radius:50%; background:var(--primary);
  box-shadow:0 0 0 6px rgba(242,182,50,.18);
}
h1,h2,h3,h4{line-height:1.1; margin:0 0 16px}
h1{font-size:clamp(2.6rem, 5vw, 4.9rem); letter-spacing:-.04em}
h2{font-size:clamp(2rem, 3vw, 3rem); letter-spacing:-.03em}
h3{font-size:1.35rem}
p{margin:0 0 16px; color:var(--muted)}
.lead{font-size:1.12rem; max-width:760px}
.grid{display:grid; gap:24px}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.card{
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border:1px solid var(--line); border-radius:var(--radius);
  padding:28px; box-shadow:var(--shadow);
}
.card.soft{background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02))}
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  padding:15px 22px; border-radius:999px; font-weight:800;
  border:1px solid transparent; transition:.25s ease; cursor:pointer;
}
.btn-primary{
  color:#111; background:linear-gradient(135deg, var(--primary), var(--primary-2));
  box-shadow:0 18px 45px rgba(242,182,50,.28);
}
.btn-primary:hover{transform:translateY(-1px)}
.btn-secondary{
  background:rgba(255,255,255,.05); border-color:rgba(255,255,255,.12); color:var(--text)
}
.btn-secondary:hover{background:rgba(255,255,255,.08)}
.site-header{
  position:sticky; top:0; z-index:50;
  backdrop-filter:blur(14px);
  background:rgba(8,16,27,.72);
  border-bottom:1px solid rgba(255,255,255,.07);
}
.header-inner{
  min-height:86px; display:flex; align-items:center; justify-content:space-between; gap:20px;
}
.brand{display:flex; align-items:center; gap:18px}
.brand img{
  width:auto; height:54px; max-width:min(72vw,420px);
  filter:drop-shadow(0 6px 12px rgba(0,0,0,.18));
}
.brand-text{display:flex; flex-direction:column}
.brand-text strong{font-size:1rem; letter-spacing:.08em; text-transform:uppercase}
.brand-text span{font-size:.86rem; color:var(--muted)}
.nav{display:flex; gap:20px; align-items:center; flex-wrap:wrap}
.nav a{color:var(--muted); font-weight:600}
.nav a:hover{color:var(--text)}
.hero{
  padding:96px 0 64px;
  position:relative;
  overflow:hidden;
}
.hero-grid{
  display:grid;
  grid-template-columns: minmax(0,1.15fr) minmax(320px,.85fr);
  gap:30px; align-items:center;
}
.hero-copy p{max-width:760px}
.hero-actions{display:flex; gap:14px; flex-wrap:wrap; margin-top:28px}
.hero-stats{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:34px}
.stat{
  padding:18px; border-radius:18px; border:1px solid var(--line);
  background:rgba(255,255,255,.04)
}
.stat strong{font-size:1.35rem; display:block}
.hero-panel{
  position:relative;
  padding:26px; border-radius:28px; overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  background:
    linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.04)),
    linear-gradient(135deg, rgba(103,211,255,.12), rgba(242,182,50,.12));
  box-shadow:var(--shadow);
}
.hero-panel:before{
  content:""; position:absolute; inset:-20% auto auto -10%;
  width:240px; height:240px; border-radius:50%;
  background:rgba(242,182,50,.22); filter:blur(50px);
}
.hero-panel ul{margin:0; padding-left:18px; position:relative}
.hero-panel li{margin:0 0 10px; color:#d7e2f3}
.highlight{
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:24px;
}
.badge-box{
  padding:16px; border-radius:18px; background:rgba(6,12,21,.38);
  border:1px solid rgba(255,255,255,.11)
}
.section-head{margin-bottom:32px}
.checklist{list-style:none; padding:0; margin:0; display:grid; gap:12px}
.checklist li{
  position:relative; padding-left:30px; color:#d8e3f1;
}
.checklist li:before{
  content:"✓"; position:absolute; left:0; top:0; color:var(--success); font-weight:900;
}
.spec-list{display:grid; gap:12px}
.spec-row{
  display:flex; justify-content:space-between; gap:18px; padding:14px 0;
  border-bottom:1px solid rgba(255,255,255,.08)
}
.spec-row:last-child{border-bottom:none}
.spec-row span:last-child{text-align:right; color:#dce7f4; font-weight:700}
.keyword-cloud{
  display:flex; flex-wrap:wrap; gap:10px;
}
.keyword-cloud span{
  padding:10px 14px; border-radius:999px;
  background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.10);
  color:#dfe8f7; font-size:.94rem
}
.services-list{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px}
.services-list div{
  padding:14px 16px; border-radius:16px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08)
}
.process-steps{counter-reset:step}
.process-steps .card{position:relative; padding-top:66px}
.process-steps .card:before{
  counter-increment:step; content:counter(step);
  position:absolute; top:22px; left:22px;
  width:34px; height:34px; border-radius:50%;
  display:grid; place-items:center; font-weight:900;
  color:#111; background:linear-gradient(135deg, var(--primary), var(--primary-2));
}
.cta-band{
  padding:34px; border-radius:30px;
  background:
    linear-gradient(135deg, rgba(242,182,50,.18), rgba(103,211,255,.14)),
    rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.11);
  display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap;
}
.contact-grid{
  display:grid; grid-template-columns:minmax(0,.95fr) minmax(320px,1.05fr); gap:26px;
}
.contact-card a.tel{color:var(--text); font-weight:800}
.contact-card p{margin-bottom:12px}
.contact-form label{display:block; margin-bottom:14px; font-weight:700; color:#dce7f4}
.contact-form input,.contact-form textarea,.contact-form select{
  width:100%; margin-top:8px; padding:15px 16px; border-radius:16px;
  border:1px solid rgba(255,255,255,.11); background:rgba(6,12,21,.52);
  color:var(--text); font:inherit;
}
.contact-form textarea{min-height:150px; resize:vertical}
.contact-form .consent{display:flex; gap:12px; align-items:flex-start}
.contact-form .consent input{width:auto; margin-top:4px}
.form-note{font-size:.9rem; color:var(--muted)}
.form-success,.form-error{
  margin-bottom:18px; padding:14px 16px; border-radius:14px; font-weight:700;
}
.form-success{background:rgba(110,231,183,.10); border:1px solid rgba(110,231,183,.32); color:#c9ffe8}
.form-error{background:rgba(255,127,127,.10); border:1px solid rgba(255,127,127,.28); color:#ffd7d7}
.download-box{
  padding:22px; border-radius:20px; background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.08); margin-top:24px;
}
.site-footer{
  padding:28px 0 46px; border-top:1px solid rgba(255,255,255,.08);
  color:var(--muted)
}
.sticky-call{
  position:fixed; right:18px; bottom:18px; z-index:60;
  display:inline-flex; align-items:center; gap:10px;
  border-radius:999px; padding:14px 18px;
  background:linear-gradient(135deg, var(--primary), var(--primary-2));
  color:#111; font-weight:900; box-shadow:0 18px 45px rgba(242,182,50,.35)
}
@media (max-width: 1080px){
  .grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .contact-grid,.hero-grid,.grid-3,.grid-2,.services-list{grid-template-columns:1fr}
  .hero-stats{grid-template-columns:1fr}
  .nav{display:none}
  .brand img{max-width:min(78vw,340px); height:auto}
}
@media (max-width: 640px){
  .section{padding:72px 0}
  .container{width:min(calc(100% - 22px), var(--max))}
  .card{padding:22px}
  .highlight,.grid-4{grid-template-columns:1fr}
  .cta-band{padding:24px}
  .sticky-call{left:12px; right:12px; justify-content:center}
  .brand{gap:12px}
  .brand img{max-width:80vw; height:auto}
}
.contact-form .consent{
  display:flex;
  gap:12px;
  align-items:flex-start;
  margin:18px 0 10px;
}

.contact-form .consent input[type="checkbox"]{
  width:18px;
  height:18px;
  margin-top:3px;
  flex:0 0 18px;
}

.contact-form .consent span{
  color:#dce7f4;
  font-weight:500;
  line-height:1.55;
}

.contact-form .consent a,
.form-note a,
.site-footer a,
.card a[href*="polityka-prywatnosci"]{
  color:var(--primary-2);
  text-decoration:underline;
}

.form-note{
  margin:10px 0 18px;
  font-size:.9rem;
  line-height:1.55;
  color:var(--muted);
}
.cookie-banner{
  position:fixed;
  left:16px;
  right:16px;
  bottom:16px;
  z-index:9999;
}

.cookie-banner__inner{
  width:min(100%, 1100px);
  margin:0 auto;
  display:flex;
  gap:18px;
  align-items:center;
  justify-content:space-between;
  padding:20px 22px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(8,16,27,.96);
  box-shadow:var(--shadow);
  backdrop-filter:blur(14px);
}

.cookie-banner__text{
  color:#dce7f4;
  font-size:.95rem;
  line-height:1.55;
}

.cookie-banner__text a{
  color:var(--primary-2);
  text-decoration:underline;
}

.cookie-banner__actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  flex-shrink:0;
}

@media (max-width: 820px){
  .cookie-banner__inner{
    flex-direction:column;
    align-items:flex-start;
  }

  .cookie-banner__actions{
    width:100%;
  }

  .cookie-banner__actions .btn{
    flex:1 1 auto;
  }
}