/*
Theme Name: BK Wholesalers B2B Child (Flatsome)
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/* Shop card meta row */
.bk-loop-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin:.25rem 0 .5rem}
.bk-loop-meta span{font-size:.75rem;letter-spacing:.02em;opacity:.9;padding:.125rem .375rem;border:1px solid var(--ux-border,rgba(255,255,255,.15));border-radius:.375rem}
.bk-sku{font-weight:600;text-transform:uppercase;opacity:.95}
/* Qty & button alignment */
.bk-qty-wrap form.cart{display:flex;gap:.5rem;align-items:center}
.bk-login-price{font-weight:600;opacity:.85}

.bk-tier-box{margin:1rem 0;padding:1rem;border:1px solid var(--ux-border,rgba(255,255,255,.15));border-radius:.5rem}
.bk-tier-box h4{margin:0 0 .5rem}
.bk-tier-table td{padding:.375rem .5rem;border-bottom:1px dashed rgba(255,255,255,.12)}

.bk-qo{width:100%;border-collapse:separate;border-spacing:0 .5rem}
.bk-qo th,.bk-qo td{padding:.5rem .625rem;background:rgba(0,0,0,.04);border-radius:.375rem}
.bk-qo img{max-width:60px;height:auto}
.bk-qo-form{display:flex;gap:.5rem;margin:0 0 .75rem}

/* Tidy SKU line on search cards */
.bk-sku{display:block;margin-top:.25rem;font-size:.8rem;font-weight:600;opacity:.85}

/* SKU in Flatsome live-search dropdown rows */
.bk-sku-ajax{display:block;margin-top:2px;font-size:.78rem;font-weight:600;opacity:.8}

.bk-sku{display:block;margin-top:4px;font-size:.8rem;font-weight:600;opacity:.85}


.bk-sku-ajax{
    display:block;
    margin-top:2px;
    font-size:.78rem;
    font-weight:600;
    opacity:.8;
}

/* ===== BK Quick Order Sheet ===== */
.bk-qo-form{
  display:flex;
  gap:12px;
  align-items:center;
  margin: 10px 0 18px;
}
.bk-qo-form input[type="search"]{
  max-width: 720px;
  height: 44px;
  border-radius: 8px;
}
.bk-qo-form button{
  height:44px;
  padding:0 18px;
  border-radius:8px;
}

/* Table base */
table.bk-qo{
  width:100%;
  border-collapse:separate;
  border-spacing:0 10px; /* card-like rows */
}
table.bk-qo thead th{
  font-size: 13px;
  letter-spacing: .02em;
  text-transform: uppercase;
  opacity: .85;
  padding: 10px 12px;
  position: sticky;
  top: 0;
  z-index: 5;
  background: #fff;
  border-bottom: 1px solid #eee;
}
table.bk-qo tbody tr{
  background:#fff;
  box-shadow: 0 1px 10px rgba(0,0,0,.05);
}
table.bk-qo td{
  padding: 12px;
  vertical-align: middle;
  border: none;
}
table.bk-qo td:nth-child(1) img{
  width:56px;
  height:56px;
  object-fit:cover;
  border-radius:10px;
}

/* SKU + product */
table.bk-qo td:nth-child(2){
  font-weight:600;
  white-space:nowrap;
}
table.bk-qo td:nth-child(3) a{
  font-weight:700;
}

/* Qty input */
.bk-qo-qty{
  width: 90px;
  height: 40px;
  border-radius: 8px;
}

/* Add button */
a.button.bk-qo-add{
  height: 40px;
  line-height: 40px;
  padding: 0 16px;
  border-radius: 10px;
}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}