/* Tool page overrides ONLY (scoped via .tb-tool) */

.list-arrow {
  padding-left: 25px;
  margin-left: 100px;
}

/* Align image + card at the same top edge */
.tb-row-align {
  align-items: flex-start;
	 margin-top: -40px;
}

/* Remove the default top bump on the right column */
.tb-col-right {
  margin-top: 0 !important;
}

/* Sometimes owl carousel adds top/bottom spacing */
.who-we-are-left .owl-carousel,
.who-we-are-left .owl-stage-outer {
  margin-top: 0 !important;
}

.tb-tool {
  background: #fff;
  border-radius: 14px;
  padding: 22px 22px 18px;
  box-shadow: 0 12px 34px rgba(0, 0, 0, .08);
}

.tb-kicker {
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
  opacity: .7;
  margin-bottom: 8px;
}

.tb-title {
  font-size: 34px;
  line-height: 1.1;
  font-weight: 800;
  margin: 0 0 6px; /* tightened */
}

.tb-muted {
  opacity: .7;
}

.tb-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 10px 0 14px; /* tightened */
}

.tb-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
 
  border-radius: 999px;
  padding: 6px 10px; 
	font-size: 12px; 
  line-height: 1;
  background: #f5f6f8;
  margin: 0; /* ensure consistency */
}

.tb-chip-ok {
  background: rgba(46, 125, 50, .12);
  color: #2e7d32;
  font-weight: 600;
}

.tb-chip-bad {
  background: rgba(198, 40, 40, .12);
  color: #c62828;
  font-weight: 600;
}

.tb-chip-id {
  opacity: .85;
}

.tb-chip-owner {
  opacity: .9;
}

.tb-prices {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 0 0 14px; /* slightly tighter */
}

.tb-price {
  background: #f7f7f9;
  border-radius: 12px;
  padding: 12px 12px;
  text-align: center;
}

.tb-price span {
  display: block;
  font-size: 12px;
  opacity: .7;
  margin-bottom: 4px;
}

.tb-price strong {
  display: block;
  font-size: 18px;
  font-weight: 800;
}

/* ===== NEW: Extra info chip group (Delivery / Terms / Tags) ===== */
.tb-extra {
  margin: 10px 0 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(0, 0, 0, .06);
}

/* If your PHP wraps chip rows in <div style="margin-top:...">, neutralize it */
.tb-extra > div {
  margin-top: 0 !important;
}

/* Ensure chips inside tb-extra don't pick up odd margins */
.tb-extra .tb-chip {
  margin: 0 !important;
}

/* Keep the "Delivery available" chip from shouting */
.tb-extra .tb-chip-ok {
  font-weight: 600;
}

.tb-actions {
  display: flex;
  gap: 12px;
  margin: 14px 0 18px; /* separated from tb-extra */
}

.tb-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  border-radius: 10px;
  font-weight: 700;
  text-decoration: none !important;
  flex: 1;
}

.tb-btn-primary {
  background: #c29147; /* your brand gold */
  color: #fff;
}

.tb-btn-secondary {
  background: #6c757d;
  color: #fff;
}

/* ===== About section: smaller + tighter ===== */
.tb-about {
  margin-top: 16px;
}

.tb-about h3 {
  font-size: 22px;
  line-height: 1.15;
  font-weight: 900;
  margin: 10px 0 10px;
}

.tb-about p {
  margin: 0 0 10px;
  font-size: 16px;
  line-height: 1.55;
  opacity: .9;
}

/* Make the last "Availability updates..." line quieter */
.tb-about p:last-child {
  opacity: 0.85;
}

/* Mobile cleanup */
@media (max-width: 991px) {
  .tb-prices { grid-template-columns: 1fr; }
  .tb-actions { flex-direction: column; }
  .tb-title { font-size: 28px; }
  .tb-about h3 { font-size: 20px; } /* keep About smaller on mobile too */
}