/* supplement.css — Wayback Fixer overrides for eniac-modern.org */

/* Ensure monetization blocks are always visible */

/* Article header banner readability (bg-path.jpg overlay) */
.path-section .bg-cover {
  background: rgba(0, 0, 0, 0.35);
}

/* Keep the rightmost Recent Post dropdown inside the viewport. */
.box-wide,
.sticky-wrapper,
.is-sticky,
.header,
.header .container,
.header .row,
.menu {
  overflow: visible !important;
}

.menu > ul > li:last-child > ul {
  top: 100%;
  right: 0;
  left: auto;
  z-index: 1000;
  width: 320px;
  max-width: calc(100vw - 30px);
  max-height: min(70vh, 520px);
  overflow-x: hidden;
  overflow-y: auto;
}

.menu > ul > li:last-child > ul > li {
  display: flex !important;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  height: auto !important;
  overflow: visible !important;
}

.menu > ul > li:last-child > ul > li > a {
  position: static !important;
  display: block !important;
  flex: 0 0 auto;
  width: 100%;
  height: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
  white-space: normal;
}

@media (max-width: 991px) {
  .menu > ul {
    max-width: calc(100vw - 30px);
    max-height: calc(100vh - 90px);
    overflow-x: hidden;
    overflow-y: auto;
  }

  .menu > ul > li:last-child > ul {
    width: 100% !important;
    max-width: none;
    max-height: none;
    overflow: visible;
  }
}

/* /new portfolio cards often have titles but no <img>; without an image the
   cover collapses and titles stay hidden inside the hover overlay. */
.portfolio-v2 .portfolio-item-cover:not(:has(img)) {
  min-height: 220px;
  background: #2f2f2f;
}

.portfolio-v2 .portfolio-item-cover:not(:has(img)) .portfolio-item-hover {
  margin: 0;
}

.portfolio-v2 .portfolio-item-cover:not(:has(img)) .portfolio-item-bg {
  width: 100% !important;
  height: 100% !important;
  border-radius: 0 !important;
  opacity: 0.85;
}

.portfolio-v2 .portfolio-item-cover:not(:has(img)) .portfolio-aligment {
  opacity: 1 !important;
  padding-top: 30%;
}

.portfolio-v2 .portfolio-item-cover:not(:has(img)) h4,
.portfolio-v2 .portfolio-item-cover:not(:has(img)) h4 a {
  color: #fff !important;
}