/* ESL1–8 AI Learning doors on Canvas course modules. v=4
   new_tab=false renders ExternalUrl as .ig-title.item_link → /modules/items/:id
   (no .external_url_link, no app.ivygoal.com in href). Style by title instead.
   Also color the "AI Learning" SubHeader. */

/* SubHeader: "AI Learning" */
.context_module_item.context_module_sub_header .title[title="AI Learning"],
.context_module_item.context_module_sub_header span.title[title="AI Learning"],
.context_module_item.context_module_sub_header h3.module-item-title .title[title="AI Learning"] {
  color: #c62828 !important;
  font-weight: 700;
}

/* Same-tab AI doors (new_tab=false) */
.context_module_item.external_url a.ig-title[title^="AI "],
.context_module_item.external_url a.title[title^="AI "],
.context_module_item.external_url span.title[title^="AI "],
a.ig-title.title.item_link[title^="AI "],
a.title.item_link[title^="AI "] {
  color: #c62828 !important;
  font-weight: 600;
}

/* Legacy: new_tab=true still uses external_url_link + direct href */
.context_module_item.external_url_link .ig-title,
.context_module_item.external_url_link a.ig-title,
.context_module_item.external_url_link a,
.ig-list-item.external_url_link .ig-title,
.ig-list-item.external_url_link a,
a.title.external_url_link[title^="AI "] {
  color: #c62828 !important;
  font-weight: 600;
}

a[href*="app.ivygoal.com/ui/esl1-canvas"],
a[href*="app.ivygoal.com/ui/esl2-canvas"],
a[href*="app.ivygoal.com/ui/esl3-canvas"],
a[href*="app.ivygoal.com/ui/esl4-canvas"],
a[href*="app.ivygoal.com/ui/esl5-canvas"],
a[href*="app.ivygoal.com/ui/esl6-canvas"],
a[href*="app.ivygoal.com/ui/esl7-canvas"],
a[href*="app.ivygoal.com/ui/esl8-canvas"],
a[href*="/ui/esl1-canvas/"],
a[href*="/ui/esl2-canvas/"],
a[href*="/ui/esl3-canvas/"],
a[href*="/ui/esl4-canvas/"],
a[href*="/ui/esl5-canvas/"],
a[href*="/ui/esl6-canvas/"],
a[href*="/ui/esl7-canvas/"],
a[href*="/ui/esl8-canvas/"] {
  color: #c62828 !important;
  font-weight: 600;
}