/* parts.biaero.com - style.css v2.1 (2026-09-30)
   Clean restyle for the Available Inventories search. Same element IDs/classes as the
   original template (typeahead, #parts / #alt_parts, hdr_* cells, #alert, #go-button),
   so no JavaScript changes are needed. Overrides Bootstrap 3.3.2 which is still loaded.
   No dependencies on biaero.com images/scripts (those are on Wix now and 404). */

:root{
  --navy:#0b2a4a; --navy2:#073462; --ink:#1f2937; --muted:#6b7a90; --line:#e3e8ef;
  --gold:#c9a24a; --accent:#2f7ad6; --bg:#f3f5f8; --card:#ffffff;
  --sv:#0f7b4a; --svbg:#e6f6ee; --ar:#8a5a00; --arbg:#fdf3dc; --oh:#1d4ed8; --ohbg:#e8efff;
}

html{width:100%}
html{background:transparent}
body{
  margin:0;min-width:0 !important;background-image:none !important;
  font-family:"Segoe UI",system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;
  font-size:15px; line-height:1.45; color:var(--ink);
  background:transparent;               /* iframe on Wix: let the hero show around the box */
  padding:6px;
}
section#content{background:var(--bg);border-radius:18px;box-shadow:0 10px 40px rgba(0,0,0,.18)}
header{display:none}                     /* template header: nothing in it */
.main{max-width:1040px;width:auto !important;min-width:0 !important;margin:0 auto;padding:28px 20px 40px;font-size:15px;line-height:1.45}
.container_24,.grid_24,.wrapper,.indent,.box-2{width:auto;margin:0;padding:0;float:none;overflow:visible}
.box-2 > br{display:none}

/* ---------- search bar ---------- */
.search-row{width:auto !important;margin:0 0 18px}
.search-row > .col-sm-2{display:none}
.search-row > .col-sm-8{width:100%;float:none;padding:0}
#scrollable-dropdown-menu{
  background:var(--card);border:1px solid var(--line);border-radius:14px;
  padding:18px 22px;box-shadow:0 6px 24px rgba(11,42,74,.06);
  border-top:4px solid var(--gold);
}
#scrollable-dropdown-menu table{width:100%}
#scrollable-dropdown-menu td{vertical-align:middle;padding:0}
#scrollable-dropdown-menu td:first-child{width:1%;white-space:nowrap;padding-right:14px}
#scrollable-dropdown-menu td:nth-child(2){width:100%}
#scrollable-dropdown-menu h4{
  margin:0;font:700 13px/1 "Segoe UI",system-ui,sans-serif;letter-spacing:.12em;
  text-transform:uppercase;color:var(--muted);
}
#scrollable-dropdown-menu h4::before{content:"";}
.twitter-typeahead{width:100% !important;display:block !important}
.form-control.typeahead{
  height:48px;width:100%;font-size:17px;padding:0 16px;border-radius:10px;
  border:1px solid #cfd7e2;box-shadow:none;color:var(--ink);background:#fff !important;
}
.form-control.typeahead:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(47,122,214,.15)}
.form-control.tt-hint{color:#9aa6b8}
#go-button.btn{
  height:48px;padding:0 22px;border-radius:10px;border:0;
  background:var(--navy2);color:#fff;font-size:15px;font-weight:600;
  box-shadow:0 2px 0 rgba(0,0,0,.15);cursor:pointer;
}
#go-button.btn:hover{background:#0b4a8a}

/* typeahead dropdown */
.tt-dropdown-menu{
  width:100%;margin-top:6px;background:#fff;border:1px solid var(--line);border-radius:10px;
  box-shadow:0 12px 30px rgba(11,42,74,.14);max-height:360px;overflow-y:auto;
}
.tt-suggestion{padding:10px 16px;font-size:14px;border-bottom:1px solid #f0f3f7}
.tt-suggestion:last-child{border-bottom:0}
.tt-suggestion p{margin:0;color:var(--muted)}
.tt-suggestion p strong{color:var(--ink);margin-right:8px;font-family:ui-monospace,Consolas,monospace}
.tt-suggestion.tt-cursor,.tt-suggestion:hover{background:#eef4fc;cursor:pointer}
.empty-message{padding:12px 16px;color:var(--muted);font-size:14px}

/* ---------- part header card ---------- */
.search-row .panel.panel-default{
  margin:14px 0 0;border:1px solid var(--line);border-radius:14px;box-shadow:0 6px 24px rgba(11,42,74,.06);
}
.search-row .panel-body{padding:6px 22px}
.search-row .table{margin:0;font-size:14px}
.search-row .table > tbody > tr > td{border-top:1px solid #f0f3f7;padding:10px 0;vertical-align:middle}
.search-row .table > tbody > tr:first-child > td{border-top:0}
.search-row .table td{float:none !important;display:table-cell;width:auto;position:static;min-height:0;padding-left:0;padding-right:0}
.search-row .table td:first-child{width:170px;color:var(--muted);font-weight:500}
.search-row .table td:first-child b{font-weight:500}
.search-row .table td#hdr_ptpart{font-weight:700;font-size:17px;color:var(--navy);font-family:ui-monospace,Consolas,monospace}
.table-striped > tbody > tr:nth-of-type(odd){background:transparent}

/* ---------- results ---------- */
.box-2 > .panel.panel-default{
  margin:18px 0 0;border:1px solid var(--line);border-radius:14px;overflow:hidden;
  background:var(--card);box-shadow:0 6px 24px rgba(11,42,74,.06);
}
.panel-default > .panel-heading, .panel-heading{
  background:linear-gradient(90deg,var(--navy) 0%,var(--navy2) 100%) !important;
  background-image:linear-gradient(90deg,var(--navy) 0%,var(--navy2) 100%) !important;
  border:0;padding:14px 22px;border-radius:0 !important;
}
.panel-heading h4{
  margin:0;font:600 14px/1 "Segoe UI",system-ui,sans-serif;letter-spacing:.14em;
  text-transform:uppercase;color:#fff;
}
.box-2 > .panel > .panel-body{padding:0 22px}
.box-2 > .panel > .panel-body + #alert{margin:0}
table.parts{width:100%;margin:0;font-size:14px}
table.parts > thead > tr > th{
  border:0;border-bottom:2px solid var(--line);padding:14px 10px 10px;
  font-size:11.5px;letter-spacing:.1em;color:var(--muted);font-weight:600;text-transform:uppercase;
}
table.parts > tbody > tr > td{padding:12px 10px;border-top:1px solid #f0f3f7;vertical-align:middle}
table.parts > tbody > tr:hover{background:#f6f9fd}
table.parts td:first-child{font-family:ui-monospace,Consolas,monospace;font-weight:600;color:var(--navy)}
table.parts a{color:var(--accent);font-weight:600;text-decoration:none;text-transform:capitalize}
table.parts a:hover{text-decoration:underline}
table.parts img{height:22px;width:auto;vertical-align:middle;opacity:.85}
table.parts img:hover{opacity:1}
/* second table sits directly under its heading (template quirk: no panel-body) */
.box-2 > .panel > table.parts{padding:0 22px}
.box-2 > .panel > table.parts > thead > tr > th:first-child,
.box-2 > .panel > table.parts > tbody > tr > td:first-child{padding-left:32px}
.box-2 > .panel > table.parts > thead > tr > th:last-child,
.box-2 > .panel > table.parts > tbody > tr > td:last-child{padding-right:32px}
.box-2 > .panel > .panel-heading + .panel-body{padding-bottom:8px}
.box-2 > .panel > .panel-heading:nth-of-type(n+2){margin-top:6px}

/* condition + qty emphasis (cells are plain text; style by position) */
table.parts td.text-center:nth-of-type(3){font-weight:700}
table.parts td.text-center:nth-of-type(4){
  font-weight:700;letter-spacing:.04em;
}

/* alert */
#alert.alert{
  margin:0;border:0;border-radius:0;background:#fff8e6;color:#7a5a12;
  padding:12px 32px;font-size:14px;border-top:1px solid #f3e4bd;border-bottom:1px solid #f3e4bd;
}
#alert p{margin:0}

/* footer note */
.main::after{
  content:"Inventory updates nightly. Documentation links open the part's paperwork; Request for Quote emails sales@biaero.com.";
  display:block;margin:18px 4px 0;font-size:12.5px;color:var(--muted);text-align:center;
}

/* ---------- responsive ---------- */
@media (max-width:600px){
  .main{padding:14px 10px 30px}
  #scrollable-dropdown-menu{padding:14px}
  #scrollable-dropdown-menu td:first-child{display:none}
  .form-control.typeahead{font-size:16px;height:44px}
  #go-button.btn{height:44px;padding:0 14px}
  .search-row .table td:first-child{width:120px}
  .no-mobile{display:none}
  .box-2 > .panel > .panel-body{padding:0 10px}
  .box-2 > .panel > table.parts > thead > tr > th:first-child,
  .box-2 > .panel > table.parts > tbody > tr > td:first-child{padding-left:14px}
}
@media (min-width:601px){ .mobile{display:none} }