/* ================================================================
   VOLTIKA — Conversion components (Phase 2)
   FAB WhatsApp + Trust block + Quick form
   ================================================================ */

/* ---- Floating WhatsApp button -------------------------------- */
.voltika-fab-wa{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:9998;
  display:flex;
  align-items:center;
  gap:.55rem;
  background:#25D366;
  color:#fff;
  text-decoration:none;
  border-radius:60px;
  padding:.75rem 1.05rem .75rem .85rem;
  font-family:'Space Grotesk',system-ui,sans-serif;
  font-weight:600;
  font-size:.88rem;
  box-shadow:0 6px 24px rgba(37,211,102,.35),0 2px 8px rgba(0,0,0,.18);
  transition:transform .2s ease,box-shadow .2s ease;
}
.voltika-fab-wa:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 28px rgba(37,211,102,.45),0 3px 10px rgba(0,0,0,.22);
}
.voltika-fab-wa:focus-visible{outline:2px solid #fff;outline-offset:2px}
.voltika-fab-wa-ico{
  width:26px;height:26px;display:flex;align-items:center;justify-content:center;
  background:#fff;border-radius:50%;
}
.voltika-fab-wa-ico svg{width:18px;height:18px;fill:#25D366}
.voltika-fab-wa-pulse{
  position:absolute;inset:-4px;border-radius:60px;
  border:2px solid rgba(37,211,102,.55);
  animation:voltikaFabPulse 2.2s ease-out infinite;
  pointer-events:none;
}
@keyframes voltikaFabPulse{
  0%{transform:scale(.95);opacity:.9}
  70%{transform:scale(1.18);opacity:0}
  100%{transform:scale(1.18);opacity:0}
}

/* Mobile: keep label visible but compact */
@media(max-width:520px){
  .voltika-fab-wa{
    right:14px;bottom:14px;
    padding:.7rem .9rem .7rem .75rem;
    font-size:.82rem;
  }
  .voltika-fab-wa-text{display:none}
  .voltika-fab-wa{padding:.7rem .8rem}
  .voltika-fab-wa-ico{width:30px;height:30px}
  .voltika-fab-wa-ico svg{width:20px;height:20px}
}

/* ---- Trust block (reusable on all pages) -------------------- */
.voltika-trust{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1rem;
  margin:2.5rem 5% 1.5rem;
  max-width:1280px;
  margin-left:auto;margin-right:auto;
  padding:0 1rem;
}
.voltika-trust-card{
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  padding:1.1rem 1rem;
  display:flex;
  align-items:flex-start;
  gap:.8rem;
}
.voltika-trust-ico{
  flex-shrink:0;
  width:38px;height:38px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(255,107,26,.12);
  color:#FF6B1A;
  border-radius:10px;
  font-size:1.1rem;
}
.voltika-trust-card strong{
  display:block;
  font-family:'Outfit',system-ui,sans-serif;
  font-size:.96rem;
  margin-bottom:.2rem;
  color:#fff;
}
.voltika-trust-card span{
  display:block;
  font-size:.78rem;
  line-height:1.5;
  color:rgba(255,255,255,.65);
  font-weight:300;
}

/* Trust block on light backgrounds (some pages) */
.voltika-trust.light .voltika-trust-card{
  background:#fff;
  border-color:#e8e8e8;
  box-shadow:0 1px 3px rgba(0,0,0,.04);
}
.voltika-trust.light .voltika-trust-card strong{color:#222}
.voltika-trust.light .voltika-trust-card span{color:#666}

@media(max-width:1024px){
  .voltika-trust{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
  .voltika-trust{grid-template-columns:1fr;gap:.7rem;margin:1.8rem 5% 1.2rem}
}

/* ---- Quick form (compact, embeddable) ----------------------- */
.voltika-quickform{
  background:linear-gradient(135deg,rgba(255,107,26,.06),rgba(255,107,26,.02));
  border:1px solid rgba(255,107,26,.18);
  border-radius:18px;
  padding:1.6rem 1.4rem;
  max-width:640px;
  margin:1.5rem auto;
}
.voltika-quickform h3{
  font-family:'Outfit',system-ui,sans-serif;
  font-size:1.2rem;
  margin:0 0 .35rem;
  color:#fff;
}
.voltika-quickform p.sub{
  font-size:.84rem;
  color:rgba(255,255,255,.65);
  margin:0 0 1rem;
  font-weight:300;
}
.voltika-quickform .qf-row{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:.6rem}
.voltika-quickform input,
.voltika-quickform select,
.voltika-quickform textarea{
  width:100%;
  background:rgba(0,0,0,.25);
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
  border-radius:8px;
  padding:.6rem .8rem;
  font-family:'Space Grotesk',system-ui,sans-serif;
  font-size:.86rem;
  outline:none;
  transition:border-color .2s;
}
.voltika-quickform input:focus,
.voltika-quickform select:focus,
.voltika-quickform textarea:focus{border-color:#FF6B1A}
.voltika-quickform input::placeholder,
.voltika-quickform textarea::placeholder{color:rgba(255,255,255,.35)}
.voltika-quickform select option{background:#1a1a1a;color:#fff}
.voltika-quickform textarea{resize:vertical;min-height:80px}
.voltika-quickform button{
  width:100%;
  background:#FF6B1A;
  color:#fff;
  border:none;
  border-radius:10px;
  padding:.85rem 1rem;
  font-family:'Space Grotesk',system-ui,sans-serif;
  font-weight:700;
  font-size:.92rem;
  cursor:pointer;
  margin-top:.4rem;
  transition:background .2s,transform .2s;
}
.voltika-quickform button:hover{background:#FF8040;transform:translateY(-1px)}
.voltika-quickform .qf-privacy{
  font-size:.72rem;
  color:rgba(255,255,255,.5);
  margin-top:.7rem;
  text-align:center;
  line-height:1.5;
}
.voltika-quickform .qf-privacy a{color:#FF6B1A;text-decoration:none}

/* Light variant for pages with white backgrounds */
.voltika-quickform.light{
  background:#fff;
  border-color:#e8e8e8;
}
.voltika-quickform.light h3{color:#222}
.voltika-quickform.light p.sub{color:#666}
.voltika-quickform.light input,
.voltika-quickform.light select,
.voltika-quickform.light textarea{
  background:#fafafa;border-color:#e0e0e0;color:#222;
}
.voltika-quickform.light input::placeholder,
.voltika-quickform.light textarea::placeholder{color:#999}
.voltika-quickform.light .qf-privacy{color:#888}

@media(max-width:560px){
  .voltika-quickform .qf-row{grid-template-columns:1fr}
  .voltika-quickform{padding:1.3rem 1rem}
}