/* =========================
   Tabs (WooCommerce)
========================= */

.woocommerce-tabs ul.tabs {
  display: flex;
  gap: 8px;
  list-style: none;
  padding: 0;
  margin: 24px 0 8px;

  border-bottom: 1px solid var(--vcom-border);
}

.woocommerce-tabs ul.tabs li {
  margin: 0;
}

.woocommerce-tabs ul.tabs a {
  display: block;
  padding: .6rem .9rem;

  text-decoration: none;
  color: var(--vcom-text);

  border-radius: 10px 10px 0 0;
}

/* Active tab */
.woocommerce-tabs ul.tabs .active a {
  background: var(--vcom-bg);
  border: 1px solid var(--vcom-border);
  border-bottom-color: var(--vcom-bg);
}