/* ---------------------------------------------------
   BRAND COLORS
--------------------------------------------------- */

:root {
    --b2b-primary: #6EC1E4;   /* change to company primary */
    --b2b-primary-hover: #6EC1E4;
    --b2b-border: #6EC1E4;
}

th {
  background: black;
  color: #FFF;
}

/* ---------------------------------------------------
   ADD BUTTON
--------------------------------------------------- */
.b2b-add {
    background: var(--b2b-primary);
    color: #fff;
    border: 1px solid #6EC1E4;
    padding: 7px 14px;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 600;
    transition: all 0.15s ease;
}

.b2b-add:hover {
    background: var(--b2b-primary-hover);
}

.b2b-add:active {
    transform: scale(0.96);
}


/* ---------------------------------------------------
   QTY CONTAINER
--------------------------------------------------- */

.b2b-qty {
}


/* ---------------------------------------------------
   PLUS / MINUS BUTTONS
--------------------------------------------------- */

.b2b-qty button {
	border: 1px solid #000;
	color: #000;
}

.b2b-qty button:hover {
	background-color: #6EC1E4;
}


/* ---------------------------------------------------
   QTY INPUT
--------------------------------------------------- */

.b2b-qty input {
}

.b2b-qty input:focus {
}


/* ---------------------------------------------------
   DISABLED BUTTON
--------------------------------------------------- */

.b2b-add:disabled {
}

.b2b-toolbar{display:flex;gap:10px;margin-bottom:15px}
.b2b-table{width:100%;border-collapse:collapse}
.b2b-table th,.b2b-table td{border-bottom:1px solid #eee;padding:10px}
.b2b-qty{display:flex;gap:5px}
.b2b-qty input{width:60px;text-align:center}
.b2b-login{text-align:center;padding:40px}
.b2b-login-btn{padding:10px 20px;border:1px solid #ddd}
.b2b-sentinel {
    display: block;
    height: 60px;
    width: 100%;
}
/* Button Added State */
.b2b-added {
    background-color: #28a745 !important;
    color: #fff !important;
    border-color: #28a745 !important;
}

/* Row Flash */
.b2b-row-added {
    background-color: #e6f7ec;
    transition: background-color 0.4s ease;
}
.b2b-price-extra { margin-top: 6px; font-size: 12px; line-height: 1.3; }
.b2b-cart-meta { opacity: 0.9; }
.b2b-cart-badge {
  display: inline-block;
  margin-top: 4px;
  padding: 2px 6px;
  border-radius: 10px;
  background: #eef6ff;
  font-size: 11px;
}
.b2b-configure {
    display:inline-block;
    padding:6px 10px;
    background:#2c7be5;
    color:#fff;
    border-radius:4px;
    text-decoration:none;
}