/*
 * ============================================================================
 * FEATURE BOX ROUNDED CORNERS - ADD TO END OF reskin.css
 * ============================================================================
 * Rounds corners on the dynamic feature boxes (Top Rated Lender, etc.)
 * ============================================================================
 */

/* Target the feature box by its inline border color */
div.d-flex.mb-3[style*="border"][style*="#f59323"],
div.d-flex.mb-3[style*="border"][style*="f59323"],
div.d-flex[style*="border: solid #f59323"],
#feature_txt_insert div.d-flex[style*="border"],
#feature_txt_insert > div.d-flex.mb-3 {
  border-radius: 12px !important;
  overflow: hidden !important;
}

/* Also catch any feature boxes inserted via JavaScript */
div.d-flex.mb-3[style*="border"][style*="solid"] {
  border-radius: 12px !important;
}

/* Style the inner content for consistency */
#feature_txt_insert div.d-flex.mb-3 .ms-3,
div.d-flex.mb-3[style*="border"] .ms-3 {
  padding: 0.25rem 0 !important;
}

/* Round the checkmark icon area if present */
#feature_txt_insert .icon-shape,
div.d-flex.mb-3[style*="border"] .icon-shape {
  border-radius: 50% !important;
}