/* custom-cap-styles.css */

.custom-config-toggle-btn {
  background: none;
  border: none;
  color: #0073aa; /* WordPress blue, adjust as needed */
  cursor: pointer;
  text-decoration: underline;
  padding: 0;
  font-size: inherit; /* Inherit font size from parent */
  margin-top: 5px;
  margin-bottom: 5px;
}

.custom-config-toggle-btn:hover {
  color: #005177; /* Darker blue on hover */
}

.custom-config-collapsible-content {
  /* Initially hidden by inline style from PHP */
  /* Add any other styling for the detailed content here if needed */
  margin-top: 5px;
  margin-left: 15px; /* Indent the collapsed content slightly */
  border-left: 1px solid #eee; /* Optional: add a subtle border for visual grouping */
  padding-left: 10px;
}

.custom-config-collapsible-content ul {
  list-style: none; /* Remove bullet points */
  margin: 0;
  padding: 0;
}

.custom-config-collapsible-content ul li {
  margin-bottom: 2px;
  font-size: 0.9em; /* Slightly smaller font for details */
}

.cart_item .item-variation-name:has(button.custom-config-toggle-btn)::after {
    content: none;
}