/**
 * Jahaazi Cart Product Customization Styles
 * Responsive, adaptive key-value presentation for cart item metadata.
 * Designed according to Jahaazi visual language:
 * - Dark navy text (#0F1C2E)
 * - Muted gold/secondary uppercase labels (#8B7355)
 * - Clean typography ('Montserrat', sans-serif)
 * - Compact inline / naturally wrapping layout
 */

.jh-cart-meta-wrap,
.jahaazi-cart-customization-table-wrap {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 6px 0 10px 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-sizing: border-box !important;
}

/* Ensure clean breathing gap between product image and product details/metadata */
.wc-block-components-product-image,
.wc-block-cart-item__image,
.woocommerce-cart-form td.product-thumbnail,
table.shop_table.cart td.product-thumbnail {
  margin-right: 18px !important;
  padding-right: 18px !important;
}

.wc-block-cart-item__product,
.wc-block-components-product-details,
.woocommerce-cart-form td.product-name,
table.shop_table.cart td.product-name,
.wc-block-cart-item__wrap {
  padding-left: 14px !important;
}

.jh-cart-meta-wrap *,
.jh-cart-meta-wrap *::before,
.jh-cart-meta-wrap *::after,
.jahaazi-cart-customization-table-wrap *,
.jahaazi-cart-customization-table-wrap *::before,
.jahaazi-cart-customization-table-wrap *::after {
  box-sizing: border-box !important;
}

/* Adaptive Key-Value Grid */
.jh-cart-meta-grid {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  column-gap: 16px !important;
  row-gap: 5px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  background: transparent !important;
  border: none !important;
}

/* Individual Key-Value Item */
.jh-cart-meta-item {
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 5px !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif !important;
  line-height: 1.35 !important;
}

.jh-cart-meta-label {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #8B7355 !important;
  display: inline !important;
  margin: 0 !important;
}

/* Field Value (Dark navy, prominent font-weight) */
.jh-cart-meta-value {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  color: #0F1C2E !important;
  display: inline !important;
  margin: 0 !important;
}

/* Hide legacy table markup if present */
.jahaazi-cart-customization-table {
  display: none !important;
}

/* Fallback for un-transformed default dl.variation lists */
.woocommerce-cart-form .product-name dl.variation,
.wc-block-components-product-metadata dl.variation {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  column-gap: 16px !important;
  row-gap: 5px !important;
  margin: 6px 0 10px 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
}

.woocommerce-cart-form .product-name dl.variation dt,
.wc-block-components-product-metadata dl.variation dt {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #8B7355 !important;
  display: inline !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.woocommerce-cart-form .product-name dl.variation dd,
.wc-block-components-product-metadata dl.variation dd {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  color: #0F1C2E !important;
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
}

.woocommerce-cart-form .product-name dl.variation dd p,
.wc-block-components-product-metadata dl.variation dd p {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Subtle separation on mobile when items wrap */
@media (max-width: 480px) {
  .jh-cart-meta-grid {
    column-gap: 12px !important;
    row-gap: 4px !important;
  }
  
  .jh-cart-meta-label {
    font-size: 9.5px !important;
  }
  
  .jh-cart-meta-value {
    font-size: 12px !important;
  }
}