/* Kulturkanalen 0.2.8 — robust layout for an individual series page.
   Applies to rendered series markup itself, independently of whether a previous
   WordPress Site Editor template is still active. NO changes to audio controls. */

/* Prevent an older WordPress shortcode/content-width wrapper from constraining
   the content, when it contains the single-series shortcode. */
body.tax-kk_series .wp-site-blocks > .wp-block-shortcode:has(.kk-series-content),
body.tax-kk_series .wp-site-blocks > .wp-block-group:has(.kk-series-content),
body.tax-kk_series .wp-block-shortcode:has(.kk-series-content),
body.tax-kk_series .wp-block-group:has(> .wp-block-shortcode .kk-series-content),
body.tax-kk_series .kk-series-page-frame {
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  margin-inline:0 !important;
  box-sizing:border-box;
}

/* Rendered sections: escape from WordPress' 760px contentSize even when a
   previously customized template omits .kk-series-page-frame altogether. */
section.kk-series-hero {
  width:100vw !important;
  max-width:none !important;
  position:relative !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  margin:0 !important;
  box-sizing:border-box;
}
section.kk-series-content {
  box-sizing:border-box !important;
  display:block !important;
  width:min(1320px, calc(100vw - 72px)) !important;
  max-width:none !important;
  min-width:0 !important;
  position:relative !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  margin:0 !important;
  padding:58px 0 90px !important;
  clear:both !important;
}

/* This is the EXACT grid emitted by the installed Kulturkanalen plugin.
   Do not rely on a specific block-template wrapper. */
section.kk-series-content > div.kk-series-page-columns,
section.kk-series-content > div.kk-page-columns.kk-series-page-columns {
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) minmax(275px, 320px) !important;
  align-items:start !important;
  gap:clamp(25px, 3vw, 46px) !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  box-sizing:border-box;
}
section.kk-series-content > .kk-series-page-columns > main {
  display:block !important;
  width:auto !important;
  max-width:none !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  grid-column:1 !important;
}
section.kk-series-content > .kk-series-page-columns > aside {
  display:grid !important;
  width:auto !important;
  max-width:none !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  grid-column:2 !important;
  grid-row:1 !important;
  grid-template-columns:minmax(0,1fr) !important;
  align-content:start !important;
  align-self:start !important;
  gap:18px !important;
}
section.kk-series-content .kk-aside-box {
  min-width:0 !important;
  box-sizing:border-box;
  overflow-wrap:anywhere;
}

@media (max-width:880px) {
  section.kk-series-content {
    width:calc(100vw - 40px) !important;
    padding:40px 0 70px !important;
  }
  section.kk-series-content > div.kk-series-page-columns,
  section.kk-series-content > div.kk-page-columns.kk-series-page-columns {
    grid-template-columns:minmax(0,1fr) !important;
    gap:28px !important;
  }
  section.kk-series-content > .kk-series-page-columns > main,
  section.kk-series-content > .kk-series-page-columns > aside {
    grid-column:1 !important;
    grid-row:auto !important;
  }
}
@media (max-width:420px) {
  section.kk-series-content {width:calc(100vw - 32px) !important;}
}