/* Hamed Academic Dashboard 4.5.2
   Image-stage redesign: complete visuals, crop-safe card assets, and readable evidence cards. */

/* --------------------------------------------------------------------------
   Universal stage behaviour. The complete foreground image remains visible;
   a soft ambient layer fills unused space for arbitrary WordPress uploads.
   -------------------------------------------------------------------------- */
.had-overview-card-image,
.had-project-card-image,
.had-credential-certificate {
  position: relative !important;
  isolation: isolate;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  background: linear-gradient(135deg, #f7fcfd, #dceff3) !important;
  border-color: rgba(34, 159, 178, .24) !important;
}

.had-overview-card-image::before,
.had-project-card-image::before,
.had-credential-certificate::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: -22px;
  background-image: linear-gradient(rgba(230, 247, 249, .72), rgba(225, 241, 245, .86)), var(--had-stage-image, none);
  background-position: center;
  background-size: cover;
  filter: blur(13px) saturate(.88) contrast(.92);
  opacity: .68;
  transform: scale(1.08);
  pointer-events: none;
}

.had-overview-card-image::after,
.had-project-card-image::after,
.had-credential-certificate::after {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(4, 52, 67, .04) 1px, transparent 1px),
    linear-gradient(rgba(4, 52, 67, .04) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(0,69,87,.06));
  background-size: 22px 22px, 22px 22px, auto;
  box-shadow: inset 0 0 0 1px rgba(18, 86, 105, .12);
  pointer-events: none;
}

.had-overview-card-image img,
.had-project-card-image img,
.had-credential-certificate img {
  position: relative !important;
  z-index: 2 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  padding: 10px 14px !important;
  box-sizing: border-box !important;
  object-fit: contain !important;
  object-position: center !important;
  background: transparent !important;
  transform: none !important;
  filter: drop-shadow(0 8px 14px rgba(0, 40, 55, .12)) !important;
}

/* Bundled v4.5.2 canvases already include safe margins and may fill the stage. */
.had-overview-card-image img[src*="/v452-stages/"],
.had-project-card-image img[src*="/v452-stages/"],
.had-credential-certificate img[src*="/v452-stages/"] {
  padding: 0 !important;
  object-fit: cover !important;
  filter: none !important;
}

.had-publication-overview-card:hover .had-overview-card-image img,
.had-teaching-overview-card:hover .had-overview-card-image img,
.had-project-card:hover .had-project-card-image img,
.had-publication-overview-card:focus-visible .had-overview-card-image img,
.had-teaching-overview-card:focus-visible .had-overview-card-image img,
.had-project-card:focus-visible .had-project-card-image img {
  transform: none !important;
  filter: none !important;
}

/* Project images: taller, crop-safe stages across all three status groups. */
.had-research-v301 .had-project-card-image {
  width: calc(100% + 26px) !important;
  height: clamp(132px, 10vw, 158px) !important;
  min-height: 132px !important;
  margin: -13px -13px 11px !important;
  flex: 0 0 auto !important;
}
.had-research-v301 .had-project-group-completed .had-project-card-image {
  height: clamp(116px, 8.4vw, 136px) !important;
  min-height: 116px !important;
}

/* Teaching overview images retain the full visual and a consistent card rhythm. */
.had-teaching-overview-card .had-overview-card-image {
  width: calc(100% + 2px) !important;
  height: 112px !important;
  min-height: 112px !important;
  margin: -1px -1px 10px !important;
  flex: 0 0 auto !important;
}

/* Credential detail: use more of the available right panel and preserve every edge. */
.had-credentials-v3 .had-credential-certificate {
  width: min(920px, 100%) !important;
  height: clamp(270px, 36vh, 355px) !important;
  min-height: 270px !important;
  padding: 0 !important;
  margin-top: 14px !important;
}
.had-credentials-v3 .had-credential-image {
  float: none !important;
}

/* --------------------------------------------------------------------------
   Publication overview: teaching-style evidence blocks remain visible.
   The left catalogue scrolls independently instead of cropping the cards.
   -------------------------------------------------------------------------- */
@media (min-width: 901px) {
  .had-publications-final .had-publication-dashboard {
    display: block !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 10px !important;
    scrollbar-gutter: stable;
  }
  .had-publications-final .had-publication-section {
    display: block !important;
    min-height: 0 !important;
    overflow: visible !important;
  }
  .had-publications-final .had-publication-section + .had-publication-section {
    margin-top: 15px !important;
    padding-top: 0 !important;
  }
  .had-publications-final .had-publication-section .had-section-title {
    height: auto !important;
    min-height: 30px !important;
    margin-bottom: 6px !important;
  }
  .had-publications-final .had-publication-card-grid {
    display: grid !important;
    height: auto !important;
    min-height: 0 !important;
    gap: 8px !important;
    padding-top: 0 !important;
    overflow: visible !important;
  }
  .had-publications-final .had-output-grid,
  .had-publications-final .had-dissemination-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: none !important;
    grid-auto-rows: minmax(226px, auto) !important;
  }
  .had-publications-final .had-publication-overview-card {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    min-height: 226px !important;
    padding: 8px 10px 9px !important;
    overflow: hidden !important;
  }
  .had-publications-final .had-publication-overview-card .had-overview-card-image {
    width: calc(100% + 20px) !important;
    height: 86px !important;
    min-height: 86px !important;
    margin: -8px -10px 6px !important;
  }
  .had-publications-final .had-publication-overview-head {
    min-height: 24px !important;
  }
  .had-publications-final .had-publication-overview-head > span {
    width: 26px !important;
    height: 26px !important;
  }
  .had-publications-final .had-publication-overview-head > b {
    font-size: 16px !important;
  }
  .had-publications-final .had-publication-overview-card h3 {
    margin: 4px 0 2px !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    white-space: normal !important;
    overflow: visible !important;
  }
  .had-publications-final .had-publication-card-subtitle {
    display: -webkit-box !important;
    min-height: 23px !important;
    margin: 0 !important;
    font-size: 8px !important;
    line-height: 1.35 !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .had-publications-final .had-publication-overview-card .had-publication-evidence-summary {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    height: auto !important;
    min-height: 0 !important;
    margin: auto 0 0 !important;
    padding-top: 5px !important;
    gap: 5px !important;
  }
  .had-publications-final .had-publication-overview-card .had-publication-evidence-summary > span {
    height: auto !important;
    min-height: 36px !important;
    padding: 4px 6px !important;
  }
  .had-publications-final .had-publication-overview-card .had-publication-evidence-summary b {
    font-size: 13px !important;
  }
  .had-publications-final .had-publication-overview-card .had-publication-evidence-summary small {
    margin-top: 2px !important;
    font-size: 6px !important;
  }
  .had-publications-final .had-publication-card-action {
    margin-top: 5px !important;
    font-size: 7px !important;
    line-height: 1.2 !important;
  }
}

@media (min-width: 901px) and (max-height: 820px) {
  .had-research-v301 .had-project-card-image {
    height: 128px !important;
    min-height: 128px !important;
  }
  .had-research-v301 .had-project-group-completed .had-project-card-image {
    height: 112px !important;
    min-height: 112px !important;
  }
  .had-teaching-overview-card .had-overview-card-image {
    height: 96px !important;
    min-height: 96px !important;
  }
  .had-credentials-v3 .had-credential-certificate {
    height: 245px !important;
    min-height: 245px !important;
  }
}

@media (max-width: 900px) {
  .had-research-v301 .had-project-card-image {
    height: clamp(150px, 34vw, 220px) !important;
  }
  .had-research-v301 .had-project-group-completed .had-project-card-image {
    height: clamp(140px, 32vw, 205px) !important;
  }
  .had-teaching-overview-card .had-overview-card-image,
  .had-publication-overview-card .had-overview-card-image {
    height: clamp(110px, 27vw, 170px) !important;
  }
  .had-credentials-v3 .had-credential-certificate {
    height: clamp(270px, 62vw, 410px) !important;
  }
}