
/* Container & defaults */
.jdcg-container{max-width:960px;margin:24px auto;padding:8px 12px;font-family:system-ui,Segoe UI,Roboto,Arial;color:var(--jdcg-body-text);}
.jdcg_heading{font-size:1.6rem;margin:0 0 .4rem;color:var(--jdcg-heading-text);}
.jdcg_intro{color:var(--jdcg-subtle-text);margin:0 0 1rem}

/* Cards */
.jdcg-card{border:1px solid var(--jdcg-card-border);border-radius:var(--jdcg-radius);padding:var(--jdcg-card-padding);margin:12px 0;background:var(--jdcg-card-bg);box-shadow:var(--jdcg-card-shadow);}
.jdcg-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}

/* Inputs */
.jdcg-input, .jdcg-select, .jdcg-textarea{width:100%;padding:.6rem;border:1px solid var(--jdcg-input-border);border-radius:var(--jdcg-radius);background:var(--jdcg-input-bg);color:var(--jdcg-input-text);}
.jdcg-input::placeholder, .jdcg-textarea::placeholder{color:var(--jdcg-placeholder);}
.jdcg-input:focus, .jdcg-select:focus, .jdcg-textarea:focus{outline:none;box-shadow:0 0 0 3px var(--jdcg-focus-ring);border-color:var(--jdcg-focus-border);}

/* Buttons */
.jdcg-btn{padding:.6rem 1rem;border-radius:var(--jdcg-radius);border:1px solid var(--jdcg-btn-border);background:var(--jdcg-btn-bg);color:var(--jdcg-btn-text);cursor:pointer;transition:all .15s ease;}
.jdcg-btn:hover{background:var(--jdcg-btn-hover-bg);color:var(--jdcg-btn-hover-text);border-color:var(--jdcg-btn-hover-border);filter:brightness(0.93);} /* ensure visible hover even if same color */
.jdcg-btn.secondary{background:var(--jdcg-btn2-bg);color:var(--jdcg-btn2-text);border-color:var(--jdcg-btn2-border);}
.jdcg-btn.secondary:hover{background:var(--jdcg-btn2-hover-bg);color:var(--jdcg-btn2-hover-text);border-color:var(--jdcg-btn2-hover-border);filter:brightness(0.97);}
.jdcg_btnrow{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}

/* Results */
.jdcg_overall{font-size:var(--jdcg-score-size);font-weight:700;color:var(--jdcg-score-color);}
.jdcg_subs{color:var(--jdcg-subtle-text);}
.jdcg_verdict{margin-top:.6rem;font-weight:600;color:var(--jdcg-verdict-color);}
.jdcg_h2{margin:.2rem 0 .5rem;font-size:1.2rem;color:var(--jdcg-heading-text);}
.jdcg-list{margin:.25rem 0 .25rem 1rem;line-height:1.35;color:var(--jdcg-flags-text);}
.jdcg-badges span{display:inline-block;background:var(--jdcg-badge-bg);border:1px solid var(--jdcg-badge-border);border-radius:999px;padding:.1rem .5rem;margin-right:.25rem;font-size:.8rem;color:var(--jdcg-badge-text);}

/* Consent checkbox + info icon */
.jdcg-checkbox{ width:18px; height:18px; accent-color: var(--jdcg-primary); }
.jdcg-info{ display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; border-radius:50%; background:var(--jdcg-primary); color:#fff; font-size:12px; line-height:1; cursor:help; }

/* Variables */
.jdcg-root{
  --jdcg-primary:#111;
  --jdcg-radius:8px;
  --jdcg-body-text:#0f172a;
  --jdcg-heading-text:#0b1220;
  --jdcg-subtle-text:#475569;

  --jdcg-card-bg:#fff;
  --jdcg-card-border:#e5e7eb;
  --jdcg-card-padding:16px;
  --jdcg-card-shadow:none;

  --jdcg-input-bg:#fff;
  --jdcg-input-text:#0f172a;
  --jdcg-input-border:#cbd5e1;
  --jdcg-placeholder:#94a3b8;
  --jdcg-focus-ring:rgba(59,130,246,.15);
  --jdcg-focus-border:#93c5fd;

  --jdcg-btn-bg:#111;
  --jdcg-btn-text:#fff;
  --jdcg-btn-border:#111;
  --jdcg-btn-hover-bg:#000;
  --jdcg-btn-hover-text:#fff;
  --jdcg-btn-hover-border:#000;

  --jdcg-btn2-bg:#fff;
  --jdcg-btn2-text:#111;
  --jdcg-btn2-border:#111;
  --jdcg-btn2-hover-bg:#111;
  --jdcg-btn2-hover-text:#fff;
  --jdcg-btn2-hover-border:#111;

  --jdcg-score-color:#0f172a;
  --jdcg-score-size:2.2rem;
  --jdcg-verdict-color:#0f172a;
  --jdcg-flags-text:#0f172a;

  --jdcg-badge-bg:#f1f5f9;
  --jdcg-badge-border:#e2e8f0;
  --jdcg-badge-text:#0f172a;
}

/* Allow Elementor variable overrides */
.jdcg-root .jdcg-btn{ background: var(--jdcg-btn-bg); border-color: var(--jdcg-btn-border); }
.jdcg-root .jdcg-btn.secondary{ color: var(--jdcg-btn2-text); border-color: var(--jdcg-btn2-border); background: var(--jdcg-btn2-bg); }
