/**
 * Styles for WooCommerce Order Item Metadata Display
 * Used by DSBA Website Functions plugin
 */

.dsba-admin-order-sections {
  background: #f9f9f9;
  border: 1px solid #ddd;
  padding: 12px;
  margin: 12px 0;
  border-radius: 4px;
}

#order_data .dsba-admin-order-sections .sections-title {
  margin-top: 0;
  margin-bottom: 10px;
  color: #000;
}

/* Sections List Styling (Admin & Frontend) */
.woocommerce-order-details-sections ul,
.dsba-admin-order-sections ul {
  list-style-type: "- ";
  margin: 0;
  padding: 0;
}

.woocommerce-order-details-sections li {
  padding: 4px 0;
  border-bottom: 1px dotted #eee;
}

.woocommerce-order-details-sections li:last-child {
  border-bottom: none;
}

/* Section Status Colors */
.existing-section {
  color: rgba(136, 136, 136, 0.7);
  font-style: italic;
}

.section-price-separator {
  color: rgba(136, 136, 136, 0.7);
}

.added-section .woocommerce-Price-amount {
  font-weight: normal !important;
}

/* Reset list styles for cleaner layout */
#woocommerce-order-items .wc-item-meta {
  margin: 8px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* Create distinct rows for metadata */
#woocommerce-order-items .wc-item-meta li {
  margin: 0 !important;
  padding: 6px 0 !important;
  border-bottom: 1px dotted #eee;
  /* Dotted is often better for admin density */
  color: #555;
  clear: both;
  display: block;
  /* Ensure full width rows */
}

#woocommerce-order-items .wc-item-meta li:last-child {
  border-bottom: none;
}

/* Label styling: Darker and weightier */
#woocommerce-order-items .wc-item-meta li strong,
#woocommerce-order-items .wc-item-meta li .wc-item-meta-label {
  color: #333;
  font-weight: 600;
  margin-right: 6px;
  float: none !important;
  /* Prevent floating issues common in WC Admin */
  display: inline-block;
}

/* Value styling */
.woocommerce_order_items .wc-item-meta li p,
.woocommerce_order_items .wc-item-meta tr td p,
#woocommerce-order-items
  .woocommerce_order_items_wrapper
  table.woocommerce_order_items
  table.display_meta
  tr
  td
  p {
  display: inline;
  margin: 0;
  font-size: inherit;
}

.cart .cart_item .dsba-item-meta {
  font-size: 0.8em !important;
}

/* Sections-specific styling overrides */
.existing-section {
  color: #aaa;
  font-style: italic;
}

.added-section .section-price-separator {
  color: #ccc;
  padding: 0 2px;
}