/*
Theme Name:     Subtype Studio Child
version:        2.0
Description:    Child theme layout helpers + ICS support.
Template:       svea-master
*/
/* ============= general fadi ============= */

.footer-credits {
  display: none !important;
}
.footer-copyright {
  display: none !important;
}
.footer-social-wrapper,
.mobile-row {
  margin: 0 !important;
  padding: 0 !important;
}
.post-list .grid-item a.img{border: 3px solid #58595b;}
.entry-media img {border: 3px solid #58595b;}
.contributor-events .wrapper-two-col.classic-grid .grid-item a.img {  border: 3px solid #58595b;}
.attachment-full .size-full .wp-post-image{ border: none;}



/* ============= Shared two-column layout (32/68) ============= */
.container.two-col,
.contributor-two-col {
  display: grid;
  grid-template-columns: 32% 68%;
  gap: clamp(16px, 2.5vw, 28px);
  align-items: start;
}
.col { min-width: 0; }
@media (max-width: 768px) {
  .container.two-col,
  .contributor-two-col { grid-template-columns: 1fr; }
}
@media (min-width: 769px) and (max-width: 1100px) {
  .container.two-col,
  .contributor-two-col { grid-template-columns: 35% 65%; }
}
.entry-media img,
.entry-media picture,
.entry-media figure { display:block; width:100%; height:auto; }

/* Typos & meta bits */
.entry-subtitle { margin:.25rem 0 .75rem; }
.event-datetime, .event-venue { margin:.5rem 0 0; opacity:.9; }

/* ============= Generic Subtype Grid (base) ============= */
.subtype-grid {
  display: grid;
  gap: clamp(14px, 2vw, 24px);
}

/* Variant: 2 columns (used on contributor pages) */
.subtype-grid.subtype-grid--2 {
  grid-template-columns: repeat(2, 1fr);
  grid-auto-flow: dense;
}
.subtype-grid.subtype-grid--2 > .grid-item {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}
.subtype-grid.subtype-grid--2 > .grid-sizer,
.subtype-grid.subtype-grid--2 > .gutter-sizer { display:none !important; }
/* Put first card on the right column (desktop only) */
.subtype-grid.subtype-grid--2 > article:first-of-type { grid-column: 2; }
@media (max-width: 768px) {
  .subtype-grid.subtype-grid--2 { grid-template-columns: 1fr; }
  .subtype-grid.subtype-grid--2 > article:first-of-type { grid-column: auto; }
}

/* ============= EVENT PAGE: Contributors as 5 columns ============= */
/* Works for BOTH:
   - our fallback (.subtype-grid.subtype-grid--5)
   - the theme/shortcode output (usually .post-list.classic-grid …) */

.event-contributors {
  /* If shortcode outputs its own container, we don't force grid here.
     We handle both cases below. */
}

/* Case A: our fallback section */
.subtype-grid.subtype-grid--5 {
  display: grid;
  gap: clamp(14px, 2vw, 24px);
  grid-template-columns: repeat(5, 1fr);
}
@media (max-width: 1200px) {
  .subtype-grid.subtype-grid--5 { grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 992px) {
  .subtype-grid.subtype-grid--5 { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 768px) {
  .subtype-grid.subtype-grid--5 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 520px) {
  .subtype-grid.subtype-grid--5 { grid-template-columns: 1fr; }
}

/* Case B: normalize shortcode/theme grids to 5 columns inside .event-contributors */
.event-contributors .post-list.classic-grid {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr);
  gap: clamp(14px, 2vw, 24px);
}
.event-contributors .post-list.classic-grid .grid-item,
.event-contributors .post-list.classic-grid > article {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}
.event-contributors .post-list.classic-grid .grid-sizer,
.event-contributors .post-list.classic-grid .gutter-sizer { display:none !important; }

/* Responsive steps for shortcode output */
@media (max-width: 1200px) {
  .event-contributors .post-list.classic-grid { grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 992px) {
  .event-contributors .post-list.classic-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 768px) {
  .event-contributors .post-list.classic-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 520px) {
  .event-contributors .post-list.classic-grid { grid-template-columns: 1fr; }
}

/* ============= Card basics (safe, minimal) ============= */
.subtype-card { border: none; border-radius: 0; background: transparent; overflow: visible; }
.subtype-card__media img { display:block; width:100%; height:auto; object-fit: cover; }
.subtype-card__title { margin: 8px 0 0 0; font-size: clamp(1rem, 1.05vw, 1.125rem); line-height: 1.3; }

/* ============= Contributor page two-col fallback (your working block) ============= */
.contributor-events .wrapper-two-col.classic-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 2%;
}
.contributor-events .wrapper-two-col.classic-grid .grid-item { flex: 0 0 48%; box-sizing: border-box; margin-bottom: 2rem; }
.contributor-events .wrapper-two-col.classic-grid .grid-item a.img {
  position: relative; display:block; padding-bottom:75%; overflow:hidden;
}
.contributor-events .wrapper-two-col.classic-grid .grid-item a.img img {
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
}
.contributor-events .wrapper-two-col.classic-grid .grid-item .grid-placeholder {
  display:block; width:100%; height:0; padding-bottom:75%; background:#ddd;
}
.contributor-events .wrapper-two-col .grid-title { margin:0 0 .4rem; font-weight:600; line-height:1.3; }
.contributor-events .wrapper-two-col .grid-excerpt { font-size:.9rem; line-height:1.5; opacity:.9; }
@media (max-width: 767px) {
  .contributor-events .wrapper-two-col.classic-grid .grid-item { flex: 0 0 100%; }
}


/* EVENT PAGE — force contributors to 5 columns on desktop,
   regardless of which classic-grid variant the theme outputs */
.event-contributors .post-list.classic-grid,
.event-contributors .post-list[class*="classic-grid"],
.event-contributors .post-list[class*="wrapper-column-"],
.event-contributors .post-list[class*="nor-"],
.event-contributors section.subtype-grid,
.event-contributors .subtype-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: clamp(14px, 2vw, 24px) !important;
  width: 100% !important;
}

/* Neutralize float-based layout from the theme inside that container */
.event-contributors .post-list.classic-grid .grid-item,
.event-contributors .post-list[class*="classic-grid"] .grid-item,
.event-contributors .post-list[class*="wrapper-column-"] .grid-item,
.event-contributors .post-list[class*="nor-"] .grid-item,
.event-contributors .subtype-grid > .grid-item,
.event-contributors .subtype-grid > article {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Hide masonry helpers if they exist */
.event-contributors .post-list.classic-grid .grid-sizer,
.event-contributors .post-list.classic-grid .gutter-sizer,
.event-contributors .subtype-grid > .grid-sizer,
.event-contributors .subtype-grid > .gutter-sizer {
  display: none !important;
}

/* Responsive steps */
@media (max-width: 1200px) {
  .event-contributors .post-list.classic-grid,
  .event-contributors .post-list[class*="classic-grid"],
  .event-contributors .post-list[class*="wrapper-column-"],
  .event-contributors .post-list[class*="nor-"],
  .event-contributors .subtype-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 992px) {
  .event-contributors .post-list.classic-grid,
  .event-contributors .post-list[class*="classic-grid"],
  .event-contributors .post-list[class*="wrapper-column-"],
  .event-contributors .post-list[class*="nor-"],
  .event-contributors .subtype-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 768px) {
  .event-contributors .post-list.classic-grid,
  .event-contributors .post-list[class*="classic-grid"],
  .event-contributors .post-list[class*="wrapper-column-"],
  .event-contributors .post-list[class*="nor-"],
  .event-contributors .subtype-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 520px) {
  .event-contributors .post-list.classic-grid,
  .event-contributors .post-list[class*="classic-grid"],
  .event-contributors .post-list[class*="wrapper-column-"],
  .event-contributors .post-list[class*="nor-"],
  .event-contributors .subtype-grid {
    grid-template-columns: 1fr !important;
  }
}
/* Subtitle + date under grid titles (Events) */
.grid-item .grid-extra { margin-top: .35rem; line-height: 1.35; }
.grid-item .grid-subtitle { font-weight: 600; }
.grid-item .grid-date { opacity: .82; font-size: .95em; }