/* Version 4.5.7: crop-safe journal and conference cover presentation. */

.had-detail-drawer.is-publication-venue-record .had-drawer-body {
  grid-template-columns: minmax(270px, 360px) minmax(0, 1fr);
  gap: clamp(24px, 3vw, 44px);
  align-items: start;
}

.had-detail-drawer.is-publication-venue-record .had-record-cover {
  width: 100%;
  height: clamp(360px, 58vh, 520px);
  padding: clamp(12px, 1.5vw, 20px);
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid #aacbd3;
  background:
    radial-gradient(circle at 22% 18%, rgba(34, 211, 238, .16), transparent 34%),
    linear-gradient(145deg, #eaf3f5 0%, #f8fbfc 55%, #e5eff2 100%);
  box-shadow: 0 20px 44px rgba(0, 31, 48, .17);
}

.had-detail-drawer.is-publication-venue-record .had-record-cover::before {
  display: none;
}

.had-detail-drawer.is-publication-venue-record .had-record-cover img {
  position: static;
  inset: auto;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  padding: 0;
  display: block;
  object-fit: contain !important;
  object-position: center !important;
  background: transparent;
  filter: drop-shadow(0 10px 16px rgba(0, 25, 37, .18));
}

.had-detail-drawer.is-publication-venue-record .had-record-cover img:not([hidden]) ~ span,
.had-detail-drawer.is-publication-venue-record .had-record-cover img:not([hidden]) ~ b,
.had-detail-drawer.is-publication-venue-record .had-record-cover img:not([hidden]) ~ em,
.had-detail-drawer.is-publication-venue-record .had-record-cover img:not([hidden]) ~ i {
  display: none;
}

.had-detail-drawer.is-publication-venue-record .had-rich-content {
  max-height: min(31vh, 280px);
}

body.had-unified-record-reader .had-v450-record-article[data-had-record-type="journal-papers"] .had-v450-record-hero,
body.had-unified-record-reader .had-v450-record-article[data-had-record-type="persian-articles"] .had-v450-record-hero,
body.had-unified-record-reader .had-v450-record-article[data-had-record-type="conference-presentations"] .had-v450-record-hero,
body.had-unified-record-reader .had-v450-record-article[data-had-record-type="conferences"] .had-v450-record-hero {
  width: min(100%, 1120px);
  height: clamp(390px, 62vh, 720px);
  max-height: none;
  padding: clamp(16px, 2.4vw, 34px);
  border-color: #aecfd7;
  background:
    radial-gradient(circle at 18% 16%, rgba(34, 211, 238, .14), transparent 32%),
    linear-gradient(145deg, #e9f3f5 0%, #fbfdfd 55%, #e4eef1 100%);
}

body.had-unified-record-reader .had-v450-record-article[data-had-record-type="journal-papers"] .had-v450-record-hero img,
body.had-unified-record-reader .had-v450-record-article[data-had-record-type="persian-articles"] .had-v450-record-hero img,
body.had-unified-record-reader .had-v450-record-article[data-had-record-type="conference-presentations"] .had-v450-record-hero img,
body.had-unified-record-reader .had-v450-record-article[data-had-record-type="conferences"] .had-v450-record-hero img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain !important;
  object-position: center !important;
  filter: drop-shadow(0 14px 22px rgba(0, 24, 38, .18));
}

@media (max-width: 760px) {
  .had-detail-drawer.is-publication-venue-record .had-drawer-body {
    display: block;
  }

  .had-detail-drawer.is-publication-venue-record .had-record-cover {
    width: min(100%, 360px);
    height: min(500px, 62vh);
    margin: 0 auto 24px;
  }

  body.had-unified-record-reader .had-v450-record-article[data-had-record-type="journal-papers"] .had-v450-record-hero,
  body.had-unified-record-reader .had-v450-record-article[data-had-record-type="persian-articles"] .had-v450-record-hero,
  body.had-unified-record-reader .had-v450-record-article[data-had-record-type="conference-presentations"] .had-v450-record-hero,
  body.had-unified-record-reader .had-v450-record-article[data-had-record-type="conferences"] .had-v450-record-hero {
    height: min(64vh, 560px);
    min-height: 320px;
    padding: 12px;
  }
}