/* Selina Wamucii — Price Check widget. All rules namespaced .swpc to avoid
   collisions with Basel/Woo theme styles. */
.swpc{
  --swpc-green:#006838;--swpc-green-bg:#ECFDF3;--swpc-bd:#E2E6ED;--swpc-bd2:#C8CDD8;
  --swpc-ink:#111827;--swpc-ink2:#374151;--swpc-ink3:#6B7280;--swpc-surface:#fff;
  --swpc-up:#0D6E3B;--swpc-down:#991B1B;--swpc-radius:12px;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color:var(--swpc-ink);background:#F7F9FB;border:1px solid var(--swpc-bd);
  border-radius:var(--swpc-radius);padding:20px;max-width:680px;margin:24px auto;font-size:15px;line-height:1.45;
  box-sizing:border-box;
}
.swpc *,.swpc *::before,.swpc *::after{box-sizing:border-box}
.swpc-head{margin-bottom:14px}
.swpc-title{margin:0 0 4px;font-size:20px;font-weight:700;color:var(--swpc-green)}
.swpc-sub{margin:0;color:var(--swpc-ink3);font-size:13px}

/* search */
.swpc-search{position:relative}
.swpc-q{width:100%;padding:12px 14px;border:1px solid var(--swpc-bd2);border-radius:10px;font-size:15px;outline:none;background:#fff}
.swpc-q:focus{border-color:var(--swpc-green);box-shadow:0 0 0 3px rgba(0,104,56,.12)}
.swpc-results{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 4px);margin:0;padding:6px;list-style:none;
  background:#fff;border:1px solid var(--swpc-bd);border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.10);max-height:320px;overflow:auto}
.swpc-results li{padding:8px 8px 8px 10px;border-radius:8px;cursor:pointer;display:flex;gap:6px;align-items:center}
.swpc-results li:hover,.swpc-results li.active,.swpc-results li.swpc-active{background:var(--swpc-green-bg)}
.swpc-results .swpc-r-text{flex:1 1 auto;min-width:0;display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.swpc-results .swpc-r-name{font-weight:600;overflow:hidden;text-overflow:ellipsis}
.swpc-results .swpc-r-name small{font-weight:400;color:var(--swpc-ink3)}
.swpc-results .swpc-r-price{font-variant-numeric:tabular-nums;color:var(--swpc-ink2);white-space:nowrap;font-size:13px}
.swpc-results .swpc-r-open{flex:0 0 auto;color:var(--swpc-green);text-decoration:none;font-weight:700;font-size:15px;
  line-height:1;padding:6px 8px;border-radius:6px;opacity:.6}
.swpc-results .swpc-r-open:hover{opacity:1;background:#fff;box-shadow:inset 0 0 0 1px var(--swpc-bd)}
.swpc-results .swpc-r-empty{justify-content:center;text-align:center;color:var(--swpc-ink3);cursor:default}
.swpc-results .swpc-r-empty:hover{background:none}

/* link to the full insights page from a loaded card */
.swpc-fullpage{margin-top:12px;padding-top:10px;border-top:1px dashed var(--swpc-bd);font-size:13px}
.swpc-fullpage a{color:var(--swpc-green);font-weight:600;text-decoration:none}
.swpc-fullpage a:hover{text-decoration:underline}

/* body / cards */
.swpc-body{margin-top:16px;display:grid;gap:14px}
.swpc-card{background:var(--swpc-surface);border:1px solid var(--swpc-bd);border-radius:10px;padding:16px}
.swpc-empty{margin-top:16px;text-align:center;color:var(--swpc-ink3);padding:24px;border:1px dashed var(--swpc-bd2);border-radius:10px}

/* price view */
.swpc-price-meta{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.swpc-prod{font-weight:700;font-size:17px}
.swpc-ctry{color:var(--swpc-ink3)}
.swpc-ctry::before{content:"•";margin-right:8px;color:var(--swpc-bd2)}
.swpc-price-value{font-size:34px;font-weight:700;margin:8px 0 6px;font-variant-numeric:tabular-nums;color:var(--swpc-green)}
.swpc-price-value .swpc-unit{font-size:15px;font-weight:500;color:var(--swpc-ink3)}
.swpc-price-tags{display:flex;gap:6px;flex-wrap:wrap}
.swpc-tag{font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;background:#EEF2F6;color:var(--swpc-ink2)}
.swpc-tag.swpc-level{background:var(--swpc-green-bg);color:var(--swpc-green)}
.swpc-chg{font-size:12px;margin-top:8px;color:var(--swpc-ink3)}
.swpc-chg .up{color:var(--swpc-up);font-weight:600}
.swpc-chg .down{color:var(--swpc-down);font-weight:600}
.swpc-src{font-size:12px;color:var(--swpc-ink3);margin-top:8px}
.swpc-src a{color:var(--swpc-green)}
.swpc-sparkwrap{margin-top:10px}
.swpc-spark{width:150px;height:36px;display:block}

/* selector row */
.swpc-selectors{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.swpc-field label{display:block;font-size:12px;font-weight:600;color:var(--swpc-ink2);margin-bottom:4px}
.swpc-field select,.swpc-field input{width:100%;padding:9px 10px;border:1px solid var(--swpc-bd2);border-radius:8px;font-size:14px;background:#fff}

/* calculator */
.swpc-calc h4,.swpc-lead h4{margin:0 0 10px;font-size:15px;font-weight:700}
.swpc-calc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.swpc-calc-grid .swpc-full{grid-column:1 / -1}
.swpc-btn{appearance:none;border:none;background:var(--swpc-green);color:#fff;font-weight:600;font-size:14px;
  padding:11px 18px;border-radius:9px;cursor:pointer;transition:filter .15s}
.swpc-btn:hover{filter:brightness(1.07)}
.swpc-btn[disabled]{opacity:.5;cursor:not-allowed}
.swpc-btn-ghost{background:transparent;color:var(--swpc-green);border:1px solid var(--swpc-bd2)}
.swpc-result{margin-top:14px;border-top:1px dashed var(--swpc-bd);padding-top:12px;display:none}
.swpc-result.show{display:block}
.swpc-rows{display:grid;gap:6px}
.swpc-row{display:flex;justify-content:space-between;font-variant-numeric:tabular-nums}
.swpc-row .swpc-l{color:var(--swpc-ink3)}
.swpc-row.hi{font-weight:700;color:var(--swpc-ink)}
.swpc-sum{margin-top:10px;font-size:13px;color:var(--swpc-ink2);background:var(--swpc-green-bg);padding:10px;border-radius:8px}

/* lead form */
.swpc-lead{display:none}
.swpc-lead.show{display:block}
.swpc-lead .swpc-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.swpc-lead input{width:100%;padding:9px 10px;border:1px solid var(--swpc-bd2);border-radius:8px;font-size:14px}
.swpc-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.swpc-msg{margin-top:10px;font-size:14px}
.swpc-msg.ok{color:var(--swpc-up)}
.swpc-msg.err{color:var(--swpc-down)}

.swpc-foot{margin-top:14px;font-size:12px;color:var(--swpc-ink3);text-align:center}
.swpc-foot a,.swpc-cta-report{color:var(--swpc-green);font-weight:600;text-decoration:none;cursor:pointer}
.swpc-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}

@media (max-width:520px){
  .swpc{padding:16px}
  .swpc-selectors,.swpc-calc-grid,.swpc-lead .swpc-grid{grid-template-columns:1fr}
  .swpc-price-value{font-size:28px}
}
