/* ============================
   HCU Custom Canvas Edits
   Author: Danny Muntean - Academic Technology Coordinator
   Last Updated: 2025-10-03
   Description: Minor UI tweaks for branding and UX improvements
============================ */

/* === Notification Icons === */
.ic-notification__icon {
    background: #273A80;
}

/* === Dashboard === */
.ic-DashboardCard__header_image .ic-DashboardCard__header_hero {   
	background: none !important;
}

/* === FCC Video Thumbnails === */

/* Clickable wrapper */
a.fcc-video {
  position: relative;
  display: inline-block;  /* shrink-wrap to image */
  text-decoration: none;  /* avoid stray underline/dash when CSS partially loads */
}

/* Play button circle */
a.fcc-video::before {
  content: "";
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: min(22%, 96px);
  aspect-ratio: 1;
  border-radius: 9999px;
  background: rgba(0, 0, 0, 0.35);
  box-shadow: 0 2px 10px rgba(0,0,0,0.35);
  pointer-events: none;
  z-index: 1;
}

/* Play button triangle */
a.fcc-video::after {
  content: "";
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: min(10%, 48px);
  aspect-ratio: 1;
  background: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'>\
  <polygon points='35,25 80,50 35,75' fill='white'/>\
</svg>") center / 100% 100% no-repeat;
  filter: drop-shadow(0 0 6px rgba(0,0,0,0.6));
  pointer-events: none;
  z-index: 2;
}

/* Optional hover emphasis */
a.fcc-video:hover::before { background: rgba(0, 0, 0, 0.5); }

/* Thumbnail image tidy: avoid baseline gap in some browsers */
a.fcc-video > img { display: block; }

/* Runtime pill: keep it out of layout even if other styles fail */
.fcc-runtime-pill {
  position: absolute;      /* remove from inline flow (prevents “dash” artifacts) */
  bottom: 6px; right: 6px;
  padding: 2px 6px;
  border-radius: 4px;
  background: rgba(0,0,0,0.75);
  color: #fff;
  font: bold 0.75rem/1 Arial, sans-serif;
  pointer-events: none;
  z-index: 3;

  /* belt-and-suspenders: hide any placeholder char if it ever renders */
  font-size: 0;
  color: transparent;
}
.fcc-runtime-pill::after {
  content: attr(data-runtime);
  font-size: 0.75rem;  /* restore actual size for the injected text */
  color: #fff;
}