/* Shield Off-Road CRO — styles. Uses the child theme's brand tokens with safe fallbacks. */
:root{ --sc-primary: var(--brand-primary, #E31E24); --sc-dark: var(--brand-dark, #111111); --sc-line:#e6e6e6; }

/* Vehicle finder */
.shield-finder{background:var(--sc-dark);padding:18px 20px;border-radius:8px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.shield-finder .sf-lab{color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-right:8px}
.shield-finder select{flex:1 1 150px;min-height:46px;border-radius:5px;border:1px solid #3a3a3a;background:#1d1d1d;color:#fff;padding:0 12px;font-size:14.5px}
.shield-finder select:disabled{opacity:.45}
.shield-finder .sf-go{min-height:46px;background:var(--sc-primary);color:#fff;border:0;border-radius:5px;padding:0 28px;font-weight:700;text-transform:uppercase;cursor:pointer}
.shield-finder .sf-alt{flex-basis:100%;font-size:12px;color:#9b948e}
@media(max-width:576px){.shield-finder{flex-direction:column;align-items:stretch}.shield-finder select,.shield-finder .sf-go{width:100%}}

/* Vehicle chip */
.shield-vchip{background:var(--sc-dark);color:#fff;font-size:13px;display:flex;align-items:center;justify-content:center;gap:14px;padding:6px 12px}
.shield-vchip.is-hidden{display:none}
.shield-vchip button{background:none;border:1px solid var(--sc-primary);color:#fff;border-radius:3px;font-size:12px;padding:2px 11px;cursor:pointer}
.shield-vchip .svc-x{border:0;font-size:17px}

/* Payment micro-line on cards + product page */
.store-pay-line{font-size:12px;color:#666;margin-top:2px}
.store-pay-line.fin b{color:#1d5fc2}
.store-pay-widget{margin:10px 0;border:1px solid var(--sc-line);border-radius:7px;padding:10px 13px;font-size:13px}
.store-pay-widget .ap{background:#b2fce4;color:#000;font-weight:800;font-size:11px;padding:3px 8px;border-radius:99px;margin-right:6px}
.store-pay-widget .fin{background:#1d5fc2;color:#fff;font-weight:800;font-size:11px;padding:3px 8px;border-radius:99px;margin-right:6px}
.store-pay-widget .note{display:block;color:#999;font-size:11px;margin-top:4px}
/* Fitment + Q&A tabs */
.shield-fitlist{list-style:none;margin:0;padding:0}
.shield-fitlist li{padding:4px 0 4px 22px;position:relative}
.shield-fitlist li::before{content:"✓";color:#1e7d32;font-weight:800;position:absolute;left:0}
.shield-qa .qa-item{border-bottom:1px solid var(--sc-line);padding:12px 0}
.shield-qa .q{font-weight:600}
.shield-qa .a{color:#555;margin-top:4px}

/* Card fit subtitle */
.shield-cardfit{font-size:11.5px;color:#777;line-height:1.4;margin:2px 0}
.shield-cardfit b{color:#555}
.shield-cardfit.ok{color:#1e7d32;font-weight:600}
.shield-cardfit.miss{color:#b3261e;font-weight:600}

/* Product fit chip */
.shield-fitchip{display:inline-block;padding:7px 13px;border-radius:5px;font-size:14px;margin:2px 0 12px;font-weight:600}
.shield-fitchip.yes{background:#e7f6e7;color:#1e7d32;border:1px solid #9ed3a8}
.shield-fitchip.no{background:#fdecea;color:#b3261e;border:1px solid #eab6b1}
.shield-fitchip.unk{background:#f4f4f4;border:1px solid #ddd;font-weight:500}
.shield-fitsub{font-size:12.5px;color:#777;margin:-6px 0 10px}

/* Value stack */
.shield-valuestack{border:1.5px solid var(--sc-line);border-radius:9px;padding:14px 16px;margin:14px 0;background:#fafafa}
.shield-valuestack .vs-head{font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}
.shield-valuestack ul{list-style:none;margin:0;padding:0}
.shield-valuestack li{font-size:14px;padding:4px 0;padding-left:22px;position:relative}
.shield-valuestack li::before{content:"✓";color:#1e7d32;font-weight:800;position:absolute;left:0}
.shield-valuestack .vs-foot{font-size:12.5px;color:#666;margin-top:8px;border-top:1px dashed var(--sc-line);padding-top:8px}

/* Frequently bought together */
.shield-fbt{border:1px solid var(--sc-line);border-radius:10px;padding:20px;margin:24px 0}
.shield-fbt h2{font-size:22px;margin-bottom:14px}
.shield-fbt .fbt-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.shield-fbt .fbt-item{display:flex;flex-direction:column;align-items:center;gap:6px;width:130px;text-align:center;cursor:pointer;position:relative}
.shield-fbt .fbt-item.off{opacity:.45}
.shield-fbt .fbt-chk{position:absolute;top:4px;left:18px;z-index:2}
.shield-fbt .fbt-img{width:100px;height:84px;overflow:hidden;border-radius:7px;background:#f3f3f3}
.shield-fbt .fbt-img img{width:100%;height:100%;object-fit:cover}
.shield-fbt .fbt-name{font-size:11.5px;line-height:1.3}
.shield-fbt .fbt-name i{color:#999}
.shield-fbt .fbt-price{font-size:12.5px;font-weight:700}
.shield-fbt .fbt-plus{font-size:22px;color:#bbb}
.shield-fbt .fbt-foot{display:flex;align-items:center;gap:16px;flex-wrap:wrap;border-top:1px solid var(--sc-line);padding-top:14px}
.shield-fbt .fbt-total{font-size:15px}.shield-fbt .fbt-total b{font-size:19px}

/* WoF checker */
.shield-wof{max-width:680px}
.shield-wof .wof-sub{color:#777;margin-bottom:20px}
.shield-wof .wof-q{border:1px solid var(--sc-line);border-radius:9px;padding:16px 18px;margin-bottom:14px}
.shield-wof .wof-q h3{font-size:18px;margin-bottom:10px}
.shield-wof .wof-opts{display:flex;gap:10px;flex-wrap:wrap}
.shield-wof .wof-opts button{border:1.5px solid var(--sc-line);background:#fff;border-radius:99px;padding:8px 18px;font-size:13.5px;cursor:pointer}
.shield-wof .wof-opts button.on{border-color:var(--sc-primary);background:#fff7f7;font-weight:700}
.shield-wof .wof-result{border-radius:9px;padding:18px 20px;margin:18px 0}
.shield-wof .wof-result.ok{background:#e7f6e7;border:1px solid #9ed3a8}
.shield-wof .wof-result.warn{background:#fff6e6;border:1px solid #ecd49a}
.shield-wof .wof-result li{margin:6px 0 6px 18px}
.shield-wof .wof-note{font-size:12px;color:#777;margin-top:8px}
.shield-wof .wof-cap{background:var(--sc-dark);color:#fff;border-radius:9px;padding:16px 20px}
.shield-wof .wof-cap a{color:#fff;font-weight:700}

/* Fitter map */
.shield-fitter-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:28px}
@media(max-width:900px){.shield-fitter-wrap{grid-template-columns:1fr}}
.shield-fitter-map{background:#0e1518;border:1px solid var(--sc-line);border-radius:12px;overflow:hidden}
.shield-fitter-map svg{display:block;width:100%;height:auto}
.shield-fitter-map .nz-land{fill:#20303a;stroke:#33454f;stroke-width:1.2}
.shield-fitter-map .sf-pin{cursor:pointer}
.shield-fitter-map .dot{fill:var(--sc-primary);stroke:#fff;stroke-width:2}
.shield-fitter-map .sf-pin.hq .dot{fill:var(--brand-accent,#F5A623)}
.shield-fitter-map .sf-pin:hover .dot,.shield-fitter-map .sf-pin.on .dot{r:11}
.shield-fitter-map .ring{fill:none;stroke:var(--sc-primary);stroke-width:2;opacity:.6}
.shield-fitter-map .lbl{fill:#fff;font:600 11px sans-serif;paint-order:stroke;stroke:#0e1518;stroke-width:3px}
.shield-fitter-list .sf-chosen{background:#e7f6e7;border:1px solid #9ed3a8;color:#1e7d32;border-radius:7px;padding:10px 13px;font-size:13px;margin-bottom:14px;font-weight:600}
.shield-fitter-list .sf-card{border:1.5px solid var(--sc-line);border-radius:9px;padding:14px 16px;margin-bottom:10px;cursor:pointer}
.shield-fitter-list .sf-card.on{border-color:var(--sc-primary);background:#fff7f7}
.shield-fitter-list .sf-card-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.shield-fitter-list .sf-badge{font-size:9.5px;font-weight:700;text-transform:uppercase;border-radius:99px;padding:2px 8px}
.shield-fitter-list .sf-badge.hq{background:#fdf0d6;color:#8a5a00}
.shield-fitter-list .sf-badge.partner{background:#e8f1fb;color:#1d5fc2}
.shield-fitter-list .sf-meta{font-size:12.5px;color:#666;margin-top:3px}
.shield-fitter-list .sf-svc{margin-top:7px;display:flex;flex-wrap:wrap;gap:5px}
.shield-fitter-list .sf-svc span{font-size:10.5px;border:1px solid var(--sc-line);border-radius:99px;padding:2px 8px;color:#555}
.shield-fitter-list .sf-pick{margin-top:10px;font-size:13px}

/* ---- mobile finder height fix (flex-basis 150px was the column height) ---- */
@media(max-width:576px){
  .shield-finder select,.shield-finder .sf-go{flex:0 0 auto;}
}