/* AGGRESSIVE FIX FOR ARTHRITIS CARD BORDERS */

/* Global service card styling reset */
#list01.list li {
  border-left: 3px solid var(--primary-color) !important;
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  box-shadow: var(--shadow-sm) !important;
  position: relative;
}

/* Disable all pseudo-elements that might create borders */
#list01.list li::before,
#list01.list li::after {
  display: none !important;
}

/* Target specifically the Arthritis card - using nth-child and additional targeting */
#list01.list li:nth-child(4),
#list01.list ul li:nth-child(4) {
  border-left: 3px solid var(--primary-color) !important;
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  box-shadow: var(--shadow-sm) !important;
}

/* Reset all potential borders on headings */
#list01.list li h3,
#list01.list li:nth-child(4) h3 {
  border: none !important;
  border-left: none !important;
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  background: transparent !important;
  margin: 0 0 var(--space-sm) !important;
  padding: 0 !important;
  font-size: 1.3rem;
  color: var(--text-color-headings) !important;
  font-weight: 600;
  position: relative;
}

/* Ensure no wrappers inside the heading create borders */
#list01.list li:nth-child(4) h3 *,
#list01.list li:nth-child(4) h3::before,
#list01.list li:nth-child(4) h3::after {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Override any inline styles that might be causing borders */
[style*="border"] {
  border: none !important;
}

/* Ensure the Arthritis card matches exact dimensions of other cards */
#list01.list li:nth-child(4) {
  width: 100% !important;
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  padding: var(--space-md) !important;
}
