/*
 * RADICAL FIX for Biodynamics Symposium Schedule
 * Resets "ext" and "element-invisible" behavior to force text visibility
 */

/* 1. Base Table Reset */
table {
  width: 100% !important;
  border-collapse: separate;
  border-spacing: 0;
  margin: 2rem 0;
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  table-layout: auto !important;
}

/* 2. Standard Cell Visibility */
tbody td {
  padding: 1.25rem 1.5rem;
  vertical-align: top;
  line-height: 1.6;
  font-size: 16px !important;
  color: #374151 !important;
  white-space: normal !important; /* Forces text to wrap */
}

/* 3. RADICAL RESET for 'ext' and 'invisible' classes */
/* This stops the "ext" class from hiding or absolute-positioning the names */
tbody td .ext, 
tbody td .ext span, 
tbody td .element-invisible {
  all: unset !important; /* Nuclear option: strips all theme styling */
  display: inline !important;
  visibility: visible !important;
  position: static !important;
  font-size: 16px !important;
  color: inherit !important;
}

/* 4. Kill the specific "(link is external)" ghost text ONLY */
/* We use font-size 0 to make the ghost text disappear without affecting the authors */
tbody td a .element-invisible {
  font-size: 0 !important;
  display: none !important;
}

/* 5. Force the "Featuring" line to drop to a new line */
tbody td p {
  margin: 0 0 10px 0 !important;
}

tbody td em {
  display: block !important;
  margin-top: 8px !important;
  font-style: italic !important;
  color: #666666 !important;
  position: relative !important;
}

/* 6. Headers and Time Column */
thead {
  background: linear-gradient(135deg, #b0b15d 0%, #c0c16d 100%);
  color: #ffffff;
}

tbody td:first-child {
  font-weight: 600;
  color: #b0b15d !important;
  min-width: 140px;
}

/* 7. Link Styling */
tbody td a {
  color: #b0b15d !important;
  text-decoration: underline !important;
}

/* MOBILE VIEW - FULL WIDTH CARDS */
@media (max-width: 768px) {
  table, tbody, tr, td {
    display: block !important;
    width: 100% !important;
  }
  thead { display: none !important; }
  tbody tr {
    margin-bottom: 1.5rem !important;
    border: 1px solid #d1dccb;
    border-radius: 8px;
  }
  tbody td:first-child {
    background: #f8faf7;
    padding: 0.75rem 1.25rem;
    border-radius: 8px 8px 0 0;
  }
}