/* ForkliftPlus v1.6 - extracted verified Finder v1.4.2 styles; scoped to #fpq-finder. */
/* Finder-specific styles only; do not modify Gravity Forms or Avada globally. */
#fpq-finder{--fpq-night:#111e23;--fpq-lime:#d1f85e;--fpq-muted:#6d7a78;--fpq-border:#e1e8e3;box-sizing:border-box;color:#18282b;max-width:1180px;margin:0 auto 22px;font:inherit}
#fpq-finder *{box-sizing:border-box}
#fpq-finder .fpq-box{background:#fff;border:1px solid #dfe6df;border-radius:18px;box-shadow:0 14px 38px rgba(10,30,27,.08);overflow:hidden}
#fpq-finder .fpq-head{padding:22px 25px 12px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
#fpq-finder h2{margin:0 0 7px;font-size:clamp(25px,3vw,36px);font-weight:850;line-height:1.22;letter-spacing:-.025em;color:#142329}
#fpq-finder p{margin:0;color:var(--fpq-muted);line-height:1.55}
#fpq-finder button{font:inherit;cursor:pointer}
#fpq-finder button:focus-visible,#fpq-finder input:focus-visible{outline:3px solid #518a99;outline-offset:2px}
#fpq-finder .fpq-custom{border:0;border-radius:9px;padding:12px 16px;background:var(--fpq-night);color:#fff;font-weight:800;min-height:44px;white-space:normal}
#fpq-finder .fpq-custom:hover{background:#27404b}
#fpq-finder .fpq-note{font-size:12px;color:#86602b;padding:0 25px 9px}
#fpq-finder .fpq-controls{padding:10px 25px 20px;border-bottom:1px solid var(--fpq-border)}
#fpq-finder .fpq-search-line{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px}
#fpq-finder .fpq-search-wrap{flex:1;min-width:150px;max-width:480px}
#fpq-finder input[type=search]{border:1px solid #d4ddd5;border-radius:9px;background:#f7f9f7;padding:11px 14px;display:block;width:100%;min-height:44px;font:inherit;color:#1a2b30}
#fpq-finder .fpq-unit{border:1px solid #d7e0d8;border-radius:10px;padding:4px;background:#eff2ed;display:flex;gap:3px;flex-shrink:0}
#fpq-finder .fpq-unit button{border:0;border-radius:7px;background:transparent;color:#5f6f6c;padding:8px 13px;min-height:36px;min-width:39px;font-weight:800;font-size:12px}
#fpq-finder .fpq-unit button[aria-pressed=true]{background:#fff;color:#19292a;box-shadow:0 1px 4px #0001}
#fpq-finder .fpq-filters{display:flex;gap:7px;flex-wrap:wrap}
#fpq-finder .fpq-filter{border:1px solid #dce4dc;border-radius:40px;padding:9px 13px;background:#f5f7f3;color:#4e605a;min-height:39px;font-size:12px;font-weight:800;white-space:nowrap}
#fpq-finder .fpq-filter small{font-size:10px;opacity:.68;margin-left:4px}
#fpq-finder .fpq-filter[aria-pressed=true]{color:#fff;background:var(--fpq-night);border-color:var(--fpq-night)}
#fpq-finder .fpq-meta{padding:12px 25px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--fpq-border);color:#70827c;font-size:12px;background:#fcfdfb}
#fpq-finder .fpq-meta strong{color:#223b38}
#fpq-finder .fpq-scroll{overflow-x:auto}
#fpq-finder table{width:100%;border-collapse:collapse;margin:0;min-width:880px}
#fpq-finder thead th{background:#f0f4ee;color:#50615e;text-align:left;text-transform:uppercase;font-size:10px;letter-spacing:.055em;line-height:1.4;padding:13px 12px;white-space:nowrap}
#fpq-finder tbody td{border-bottom:1px solid #ebefec;padding:13px 12px;font-size:12px;line-height:1.5;color:#526460;vertical-align:middle;background:#fff}
#fpq-finder tbody tr:hover td{background:#fbfdf8}
#fpq-finder tbody tr[hidden],#fpq-finder [hidden]{display:none!important}
#fpq-finder .fpq-model{display:block;font-weight:850;font-size:13px;color:#1c302e}
#fpq-finder td small{display:block;font-size:11px;color:#86928e;margin-top:2px}
#fpq-finder .fpq-muted{color:#7d8982}
#fpq-finder .fpq-nowrap{white-space:nowrap}
#fpq-finder .fpq-dim{white-space:nowrap;font-size:11px}
#fpq-finder .fpq-tag{border-radius:5px;background:#e2eddf;padding:4px 7px;color:#416441;font-size:10px;font-weight:800;white-space:nowrap}
#fpq-finder .fpq-tag-no{background:#f4f1ea;color:#726f68}
#fpq-finder .fpq-action button{background:var(--fpq-lime);color:#1a2b20;border:1px solid #bddd52;border-radius:8px;padding:10px 12px;min-height:42px;font-size:11px;font-weight:850;white-space:nowrap}
#fpq-finder .fpq-action button:hover{background:#bfe740}
#fpq-finder .fpq-more{display:flex;justify-content:center;padding:21px;border-top:1px solid var(--fpq-border)}
#fpq-finder .fpq-more button{background:#fff;color:#263c38;border:1px solid #cddbd0;border-radius:9px;padding:11px 19px;min-height:44px;font-size:13px;font-weight:800}
#fpq-finder .fpq-more button:hover{background:#f2f7ed}
#fpq-finder .fpq-empty{padding:30px 25px;text-align:center;color:#687976}
#fpq-finder .fpq-foot{padding:12px 25px;font-size:12px;color:#788681;background:#fafbf8}
#fpq-selected-summary{background:#f3f9e6;border:1px solid #cde4a0;padding:13px 16px;border-radius:10px;margin:0 0 16px;color:#243a23;font-size:14px}
@media(max-width:950px){#fpq-finder .fpq-scroll{overflow:visible}#fpq-finder table{min-width:0;display:block}#fpq-finder thead{display:none}#fpq-finder tbody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:15px}#fpq-finder tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 10px;border:1px solid var(--fpq-border);border-radius:13px;padding:16px;min-width:0;background:#fff}#fpq-finder tbody td{display:block;border:0;padding:3px 0;min-width:0;overflow-wrap:anywhere;background:transparent}#fpq-finder tbody td::before{content:attr(data-label);display:block;color:#81918a;font-size:10px;text-transform:uppercase;letter-spacing:.035em;font-weight:800;margin-bottom:3px}#fpq-finder tbody td:first-child{grid-column:1/-1;padding-bottom:7px}#fpq-finder .fpq-model{font-size:17px}#fpq-finder tbody td:last-child{grid-column:1/-1;margin-top:7px}#fpq-finder tbody td:last-child::before{display:none}#fpq-finder .fpq-action button{width:100%;font-size:13px}#fpq-finder .fpq-dim{white-space:normal}}
@media(max-width:560px){#fpq-finder .fpq-head{padding:18px 15px 10px}#fpq-finder .fpq-custom{width:100%}#fpq-finder .fpq-note{padding:0 15px 6px}#fpq-finder .fpq-controls{padding:10px 15px 16px}#fpq-finder .fpq-search-line{flex-wrap:wrap}#fpq-finder .fpq-search-wrap{flex-basis:100%;max-width:none}#fpq-finder .fpq-unit{margin-left:auto}#fpq-finder .fpq-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:7px;scrollbar-width:thin;overscroll-behavior-x:contain}#fpq-finder .fpq-meta{padding:12px 15px}#fpq-finder tbody{grid-template-columns:1fr;padding:12px;gap:11px}#fpq-finder .fpq-foot{padding:12px 15px}}
@media(prefers-reduced-motion:reduce){#fpq-finder button{scroll-behavior:auto}}

/* v1.4.1: constrain responsive cards within Avada flex/column wrappers.
   Only Finder styles change; no Gravity Forms or battery selection JS changes. */
#fpq-finder { width:100%; min-width:0; }
#fpq-finder .fpq-box { width:100%; max-width:100%; min-width:0; }
#fpq-finder .fpq-head > div { min-width:0; max-width:100%; }
#fpq-finder .fpq-head h2,#fpq-finder .fpq-head p { overflow-wrap:anywhere; }
#fpq-finder .fpq-controls,#fpq-finder .fpq-search-line,#fpq-finder .fpq-meta { min-width:0; max-width:100%; }
#fpq-finder .fpq-filters { min-width:0; max-width:100%; }
@media (max-width:950px) {
  #fpq-finder .fpq-scroll { width:100%; max-width:100%; min-width:0; overflow-x:hidden; }
  #fpq-finder table { display:block; width:100% !important; max-width:100% !important; min-width:0 !important; }
  #fpq-finder tbody { display:grid; width:100%; max-width:100%; min-width:0; }
  #fpq-finder tbody tr { width:100%; max-width:100%; min-width:0; }
  #fpq-finder tbody td { min-width:0; max-width:100%; overflow-wrap:anywhere; }
  #fpq-finder .fpq-nowrap { white-space:normal; overflow-wrap:anywhere; }
}
@media (max-width:560px) {
  #fpq-finder { max-width:min(100%, calc(100vw - 20px)); margin-left:auto; margin-right:auto; }
  #fpq-finder tbody { grid-template-columns:minmax(0,1fr); }
  #fpq-finder .fpq-filters { width:100%; max-width:100%; overflow-x:auto; }
  #fpq-finder .fpq-search-wrap { min-width:0; width:100%; }
  #fpq-finder .fpq-meta > span { min-width:0; max-width:100%; }
}

/* v1.4.2: only at mobile widths, show all seven voltage/category filters
   in exactly two visible rows (4 chips + 3 chips); no horizontal scroll. */
@media (max-width:560px) {
  #fpq-finder .fpq-filters {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:6px;
    width:100%;
    max-width:100%;
    overflow:visible;
    padding:0;
    overscroll-behavior:auto;
    scrollbar-width:auto;
    align-items:stretch;
  }
  #fpq-finder .fpq-filter {
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    column-gap:3px;
    row-gap:0;
    width:100%;
    min-width:0;
    min-height:42px;
    padding:7px 3px;
    font-size:11px;
    line-height:1.15;
    white-space:normal;
    text-align:center;
  }
  #fpq-finder .fpq-filter small {
    margin-left:0;
    font-size:10px;
  }
  #fpq-finder .fpq-filter:last-child { grid-column:span 2; }
}

/* EN/FR Finder header: keep the custom-quote CTA beside the heading on wider layouts.
   FR heading may wrap inside its own flex item; do not force the CTA below it. */
@media (min-width: 561px) {
  #fpq-finder .fpq-head > div:first-child {
    flex: 1 1 0;
    min-width: 0;
  }
  #fpq-finder .fpq-head > .fpq-custom {
    flex: 0 0 auto;
  }
}

/* The longer French CTA must remain legible without making the mobile card tall. */
@media (max-width: 560px) {
  html[lang^="fr"] #fpq-finder .fpq-custom {
    font-size: 13px;
    line-height: 1.35;
    padding: 11px 10px;
  }
}
