/*
 * v1.0.11.44 — Publications / Podcasts / News card palette only
 * Replace the legacy blue and burgundy card surfaces with the exact footer
 * navy. No layout, spacing, typography, images, header, menu or footer rules.
 */

:root {
  --isclean-footer-navy: #5B6C84;
}

/* Homepage Latest Podcast + Latest News cards. */
body.home.is-modern-ui-test .ismui-home-latest-card--podcast,
body.home.is-modern-ui-test .ismui-home-latest-card--news {
  background: var(--isclean-footer-navy) !important;
  background-image: none !important;
  background-color: var(--isclean-footer-navy) !important;
  border-color: rgba(91, 108, 132, .34) !important;
}

/* Podcast archive cards. */
body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li,
body.is-modern-ui-test.page-id-1096 .iswg-news .news > li {
  border-color: rgba(91, 108, 132, .34) !important;
}

body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li .news-info,
body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-info {
  background: var(--isclean-footer-navy) !important;
  background-image: none !important;
  background-color: var(--isclean-footer-navy) !important;
}

/* News archive cards. */
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li {
  border-color: rgba(91, 108, 132, .34) !important;
}

body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-info {
  background: var(--isclean-footer-navy) !important;
  background-image: none !important;
  background-color: var(--isclean-footer-navy) !important;
}

/* Publications cards. The cover/image panel remains exactly as it is. */
body.is-modern-ui-test.ismui-publications-page .iswg-publications .publication {
  background: var(--isclean-footer-navy) !important;
  background-image: none !important;
  background-color: var(--isclean-footer-navy) !important;
  border-color: rgba(91, 108, 132, .34) !important;
}

body.is-modern-ui-test.ismui-publications-page .publication .publication-info {
  background: transparent !important;
  background-image: none !important;
}

/* ============================================================
   v1.0.11.45 — Perspectives / Research / Events card surfaces
   Colour only. Replace the remaining legacy burgundy card panels with the
   exact footer navy. Images, typography, dimensions, spacing, hover motion,
   header, menu and footer are intentionally untouched.
   ============================================================ */

/* Perspectives + Research: whole native card surface and information panel. */
body.is-modern-ui-test.isclean-perspectives-native .iswg-news .news > li,
body.is-modern-ui-test.isclean-research-native .iswg-news .news > li,
body.is-modern-ui-test.isclean-perspectives-native ul.news > li,
body.is-modern-ui-test.isclean-research-native ul.news > li,
body.is-modern-ui-test.isclean-perspectives-native ul.magazines > li,
body.is-modern-ui-test.isclean-research-native ul.conceptions > li,
body.is-modern-ui-test.isclean-perspectives-native main li:has(> a > .news-image),
body.is-modern-ui-test.isclean-research-native main li:has(> a > .news-image) {
  background: var(--isclean-footer-navy) !important;
  background-image: none !important;
  background-color: var(--isclean-footer-navy) !important;
  border-color: rgba(91, 108, 132, .34) !important;
}

body.is-modern-ui-test.isclean-perspectives-native .news-info,
body.is-modern-ui-test.isclean-research-native .news-info,
body.is-modern-ui-test.isclean-perspectives-native .project-info,
body.is-modern-ui-test.isclean-research-native .project-info,
body.is-modern-ui-test.isclean-perspectives-native .project-info-in,
body.is-modern-ui-test.isclean-research-native .project-info-in {
  background: var(--isclean-footer-navy) !important;
  background-image: none !important;
  background-color: var(--isclean-footer-navy) !important;
}

/* Events: replace the remaining burgundy caption overlay with footer navy. */
body.is-modern-ui-test.isclean-events-native
ul.projects.projects-smallerColumn.projects-flatProportion > li > a .project-info,
body.is-modern-ui-test.isclean-events-native .iswg-projects .projects > li .project-info,
body.is-modern-ui-test.isclean-events-native .wp-block-iswg-projects .projects > li .project-info {
  background: var(--isclean-footer-navy) !important;
  background-image: none !important;
  background-color: var(--isclean-footer-navy) !important;
  border-color: rgba(91, 108, 132, .34) !important;
}

/* Keep the existing nested Events layer transparent so there is still only
   one visible caption surface. */
body.is-modern-ui-test.isclean-events-native
ul.projects.projects-smallerColumn.projects-flatProportion > li > a .project-info-in,
body.is-modern-ui-test.isclean-events-native .iswg-projects .projects > li .project-info-in,
body.is-modern-ui-test.isclean-events-native .wp-block-iswg-projects .projects > li .project-info-in {
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
}

/* ============================================================
   v1.0.11.46 — EVENTS 70% NAVY OVERLAY + ALL CARD IMAGES NO-CROP
   Card imagery only. Every card image uses a cover fit on
   desktop, tablet and mobile; hover zoom is disabled so edges never disappear.
   The Events caption panel uses footer navy at 70% alpha while its text stays
   fully opaque. Hero, header, menu, footer, typography and spacing are outside
   this scope.
   ============================================================ */

/* Events: one translucent footer-navy panel at exactly 70%. Do not use opacity
   on the whole panel because that would also fade the text. */
body.is-modern-ui-test.isclean-events-native
ul.projects.projects-smallerColumn.projects-flatProportion > li > a .project-info,
body.is-modern-ui-test.isclean-events-native .iswg-projects .projects > li .project-info,
body.is-modern-ui-test.isclean-events-native .wp-block-iswg-projects .projects > li .project-info {
  background: rgba(91, 108, 132, .70) !important;
  background-image: none !important;
  background-color: rgba(91, 108, 132, .70) !important;
}

body.is-modern-ui-test.isclean-events-native
ul.projects.projects-smallerColumn.projects-flatProportion > li > a .project-info-in,
body.is-modern-ui-test.isclean-events-native .iswg-projects .projects > li .project-info-in,
body.is-modern-ui-test.isclean-events-native .wp-block-iswg-projects .projects > li .project-info-in {
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
}

/* Shared no-crop image-stage colour. Cover fill uses
   the exact footer navy instead of a random white/black strip. */
body.home.is-modern-ui-test .ismui-home-latest-media,
body.is-modern-ui-test.ismui-podcasts-page .news-image,
body.is-modern-ui-test.page-id-1096 .news-image,
body.is-modern-ui-test.ismui-news-page .news-image,
body.is-modern-ui-test.ismui-publications-page .publication-cover,
body.is-modern-ui-test.isclean-perspectives-native .news-image,
body.is-modern-ui-test.isclean-perspectives-native .project-image,
body.is-modern-ui-test.isclean-research-native .news-image,
body.is-modern-ui-test.isclean-research-native .project-image,
body.is-modern-ui-test.isclean-events-native .project-image {
  background-color: var(--isclean-footer-navy) !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

/* Some native cards put the image URL on a nested figure instead of the img. */
body.is-modern-ui-test.isclean-perspectives-native .news-image figure,
body.is-modern-ui-test.isclean-perspectives-native .project-image figure,
body.is-modern-ui-test.isclean-research-native .news-image figure,
body.is-modern-ui-test.isclean-research-native .project-image figure,
body.is-modern-ui-test.isclean-events-native .project-image figure {
  background-color: var(--isclean-footer-navy) !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

/* Homepage Latest, Podcasts, News, Publications, Perspectives, Research and
   Events: show the complete source image at every breakpoint. */
body.home.is-modern-ui-test .ismui-home-latest-media img,
body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li .news-image img,
body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li .news-image picture img,
body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-image img,
body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-image picture img,
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-image img,
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-image picture img,
body.is-modern-ui-test.ismui-publications-page .publication .publication-cover img,
body.is-modern-ui-test.isclean-perspectives-native .news-image img,
body.is-modern-ui-test.isclean-perspectives-native .news-image picture img,
body.is-modern-ui-test.isclean-perspectives-native .project-image img,
body.is-modern-ui-test.isclean-perspectives-native .project-image picture img,
body.is-modern-ui-test.isclean-research-native .news-image img,
body.is-modern-ui-test.isclean-research-native .news-image picture img,
body.is-modern-ui-test.isclean-research-native .project-image img,
body.is-modern-ui-test.isclean-research-native .project-image picture img,
body.is-modern-ui-test.isclean-events-native .project-image img,
body.is-modern-ui-test.isclean-events-native .project-image picture img {
  object-fit: cover !important;
  object-position: center center !important;
  transform: none !important;
}

/* Existing hover zooms crop image edges even when object-fit is contain. */
body.home.is-modern-ui-test .ismui-home-latest-card:hover .ismui-home-latest-media img,
body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li:hover .news-image img,
body.is-modern-ui-test.page-id-1096 .iswg-news .news > li:hover .news-image img,
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li:hover .news-image img,
body.is-modern-ui-test.ismui-publications-page .publication:hover .publication-cover img,
body.is-modern-ui-test.isclean-perspectives-native li:hover .news-image img,
body.is-modern-ui-test.isclean-perspectives-native li:hover .project-image img,
body.is-modern-ui-test.isclean-research-native li:hover .news-image img,
body.is-modern-ui-test.isclean-research-native li:hover .project-image img,
body.is-modern-ui-test.isclean-events-native li:hover .project-image img {
  transform: none !important;
}