/* Scoped styles for Idevart Services (no global :root to avoid theme conflicts) */
.ide-serv{--ide-accent: #e3b028; padding:clamp(12px,3vw,24px);border-radius:16px}
.ide-serv.is-light{--bg:#F5F5F5;--card:#FFFFFF;--muted:#5D6167;--text:#0F0F10;--border:#E5E7EB}
.ide-serv:not(.is-light){--bg:#0f0f10;--card:#141416;--muted:#9aa0a6;--text:#e7eefc;--border:#23262d}
.ide-serv{background:var(--bg);color:var(--text)}
.ide-hero{padding:32px 0;background:radial-gradient(1200px 500px at 50% -10%, rgba(227,176,40,.12), transparent 60%)}
.ide-hero h2{font-size:clamp(24px,4vw,36px);margin:0 0 8px}
.ide-hero p{color:var(--muted);max-width:800px}
.ide-kpis{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}
.ide-kpi{background:rgba(0,0,0,.03);border:1px solid var(--border);border-radius:12px;padding:8px 10px}
.ide-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:18px 0}
.ide-controls input[type=search], .ide-controls select{background:var(--card);border:1px solid var(--border);border-radius:12px;color:var(--text);padding:10px 12px}
.ide-chips{display:flex;gap:8px;flex-wrap:wrap}
.ide-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(0,0,0,.04);color:var(--text);cursor:pointer;border:1px solid transparent;transition:.2s}
.ide-chip[aria-pressed=true],.ide-chip:focus{outline:none;border-color:var(--ide-accent);box-shadow:0 0 0 6px rgba(227,176,40,.25)}
.ide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:1024px){.ide-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.ide-grid{grid-template-columns:1fr}}
.ide-card{position:relative;background:linear-gradient(180deg, var(--card), rgba(0,0,0,.02));border:1px solid var(--border);border-radius:20px;padding:18px;overflow:hidden;transition:transform .25s, box-shadow .25s}
.ide-card:hover{transform:translateY(-3px);box-shadow:0 16px 42px rgba(0,0,0,.12)}
.ide-card h3{margin:0 0 8px;font-size:20px}
.ide-card h3 .ide-title{color:var(--text);text-decoration:none}
.ide-card p{margin:0 0 10px;color:var(--muted)}
.ide-tags{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
.ide-badge{display:inline-block;padding:4px 8px;border-radius:999px;background:rgba(0,0,0,.06);color:rgba(17,24,39,.9);font-size:12px}
.ide-serv:not(.is-light) .ide-badge{background:#1f2937;color:#d1d5db}
.ide-badge.gold{background:linear-gradient(45deg,#e3b028,#fcd34d);color:#111827}
.ide-badge.ai{background:#0b3d2e;color:#d1fae5}
.ide-features{margin:8px 0 12px;padding-left:18px}
.ide-price{font-weight:700;font-size:18px}
.ide-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.ide-btn{appearance:none;border:none;border-radius:12px;padding:10px 14px;background:rgba(0,0,0,.08);color:var(--text);cursor:pointer;transition:.2s;text-decoration:none}
.ide-serv:not(.is-light) .ide-btn{background:#1f2937}
.ide-btn:hover{filter:brightness(1.05)}
.ide-btn.primary{background:linear-gradient(45deg,var(--ide-accent),#ffed99);color:#111827}
.ide-btn.ghost{background:transparent;border:1px solid var(--border)}
.ide-quote{margin:28px 0;background:linear-gradient(180deg, var(--card), rgba(0,0,0,.03));border:1px solid var(--border);border-radius:20px;padding:18px}
.ide-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.ide-form-grid .full{grid-column:1/-1}
.ide-compare{position:sticky;bottom:0;background:rgba(0,0,0,.04);border-top:1px solid var(--border);padding:10px;display:none;z-index:10}
.ide-serv:not(.is-light) .ide-compare{background:rgba(0,0,0,.3)}
.fade-up{opacity:0;transform:translateY(10px);transition:opacity .4s ease, transform .4s ease}
.fade-up.visible{opacity:1;transform:none}


/* Contact Form 7 skin inside Idevart container */
.ide-serv .wpcf7-ide form { display:block }
.ide-serv .wpcf7-ide input[type="text"],
.ide-serv .wpcf7-ide input[type="email"],
.ide-serv .wpcf7-ide input[type="number"],
.ide-serv .wpcf7-ide input[type="url"],
.ide-serv .wpcf7-ide select,
.ide-serv .wpcf7-ide textarea {
  width:100%; background:var(--card); border:1px solid var(--border); color:var(--text);
  border-radius:12px; padding:10px 12px; margin-top:6px; box-sizing:border-box;
}
.ide-serv .wpcf7-ide .wpcf7-form-control-wrap { display:block; margin-bottom:12px }
.ide-serv .wpcf7-ide .wpcf7-acceptance { display:flex; gap:8px; align-items:flex-start }
.ide-serv .wpcf7-ide input[type="submit"] {
  appearance:none; border:none; border-radius:12px; padding:10px 14px; cursor:pointer;
  background:linear-gradient(45deg,var(--ide-accent),#ffed99); color:#111827; font-weight:600;
}
.ide-serv .wpcf7-ide .wpcf7-spinner { margin-left:8px }
.ide-serv .wpcf7-ide .wpcf7-response-output { margin-top:10px; border-radius:10px }


/* CF7 skin for single template wrapper */
.ide-serv-single .wpcf7-ide input[type="text"],
.ide-serv-single .wpcf7-ide input[type="email"],
.ide-serv-single .wpcf7-ide input[type="number"],
.ide-serv-single .wpcf7-ide input[type="url"],
.ide-serv-single .wpcf7-ide select,
.ide-serv-single .wpcf7-ide textarea {
  width:100%; background:#FFFFFF; border:1px solid #E5E7EB; color:#0F0F10;
  border-radius:12px; padding:10px 12px; margin-top:6px; box-sizing:border-box;
}
.ide-serv-single .wpcf7-ide .wpcf7-form-control-wrap { display:block; margin-bottom:12px }
.ide-serv-single .wpcf7-ide .wpcf7-acceptance { display:flex; gap:8px; align-items:flex-start }
.ide-serv-single .wpcf7-ide input[type="submit"] {
  appearance:none; border:none; border-radius:12px; padding:10px 14px; cursor:pointer;
  background:linear-gradient(45deg,var(--accent,#e3b028),#ffed99); color:#111827; font-weight:600;
}
.ide-serv-single .wpcf7-ide .wpcf7-spinner { margin-left:8px }
.ide-serv-single .wpcf7-ide .wpcf7-response-output { margin-top:10px; border-radius:10px }