/**
 * news-bio — link-in-bio layout (Instagram).
 * Scoped via .news-bio-layout on page dnd_area (cssClass). Does not modify shared modules.
 */

/* —— Page chrome: minimal header (footer visibile) —— */
body:has(.news-bio-layout) {
  background: linear-gradient(180deg, #ffffff 0%, #f3f4f6 100%);
  min-height: 100dvh;
}

body:has(.news-bio-layout) header nav {
  justify-content: center !important;
}

body:has(.news-bio-layout) header nav > ul,
body:has(.news-bio-layout) header [data-header-toggle],
body:has(.news-bio-layout) #languageSwitcherModalOpener {
  display: none !important;
}

body:has(.news-bio-layout) header nav > div:first-child {
  margin-inline: auto;
}

body:has(.news-bio-layout) main {
  overflow-x: hidden;
}

/* —— Listing module wrapper —— */
.news-bio-layout [id^="iemca-blog-post-listing-"] {
  background: transparent !important;
}

/* Nasconde barra titolo "News & Eventi" + filtri */
.news-bio-layout [id^="iemca-blog-post-listing-"] > .bg-primary-500 {
  display: none !important;
}

.news-bio-layout label:has([data-year-filter]),
.news-bio-layout [data-year-filter] {
  display: none !important;
}

.news-bio-layout [id^="iemca-blog-post-listing-"] section[class*="py-"] {
  padding-top: 10% !important;
  padding-bottom: 10% !important;
}

.news-bio-layout [id^="iemca-blog-post-listing-"] .container {
  max-width: 26rem !important;
  padding-inline: 1rem !important;
}

/* Single-column stack on all breakpoints */
.news-bio-layout [data-grid] {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.75rem !important;
  grid-template-columns: none !important;
  max-width: 26rem;
  margin-inline: auto;
}

/* Link-in-bio cards */
.news-bio-layout .blog-post-listing__card {
  border: 1px solid #e5e7eb !important;
  border-radius: 1rem !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06) !important;
  overflow: hidden;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.news-bio-layout .blog-post-listing__card:active {
  transform: scale(0.99);
}

.news-bio-layout .blog-post-listing__card a {
  flex-direction: row !important;
  align-items: stretch !important;
  min-height: 5.5rem;
}

.news-bio-layout .blog-post-listing__card .relative {
  flex: 0 0 5.5rem !important;
  width: 5.5rem !important;
  height: 5.5rem !important;
  min-height: 0 !important;
}

.news-bio-layout .blog-post-listing__card img {
  height: 100% !important;
  width: 100% !important;
  object-fit: cover !important;
}

.news-bio-layout .blog-post-listing__card a > div.flex.flex-1 {
  flex: 1 1 auto !important;
  justify-content: center !important;
  min-height: 5.5rem !important;
  padding: 0.75rem 1rem !important;
  border-top: 0 !important;
}

.news-bio-layout .blog-post-listing__card p.text-primary-500,
.news-bio-layout .blog-post-listing__card div.text-gray-500 {
  display: none !important;
}

.news-bio-layout .blog-post-listing__card-title {
  -webkit-line-clamp: 3 !important;
  font-size: 0.9375rem !important;
  line-height: 1.35 !important;
  min-height: 0 !important;
  margin-top: 0 !important;
  font-weight: 600 !important;
  color: #111827 !important;
}

@supports (padding: max(0px)) {
  body:has(.news-bio-layout) {
    padding-bottom: max(1rem, env(safe-area-inset-bottom));
  }
}