
/* MDR Discography v0.4.6
   Clean stylesheet. Historical sticky/fixed overrides removed. */

:root{
  --mdr-bg:#080909;
  --mdr-panel:#0b0c0c;
  --mdr-line:#262828;
}

/* Elementor wrappers must not create a sticky containing block. */
.elementor-widget-shortcode:has(.mdr-discography-list-only),
.elementor-widget-shortcode:has(.mdr-discography-detail-only),
.elementor-widget-shortcode:has(.mdr-discography),
.elementor-widget-shortcode:has(.mdr-discography-list-only) > .elementor-widget-container,
.elementor-widget-shortcode:has(.mdr-discography-detail-only) > .elementor-widget-container,
.elementor-widget-shortcode:has(.mdr-discography) > .elementor-widget-container,
.e-con:has(.mdr-discography-list-only),
.e-con:has(.mdr-discography-detail-only),
.e-con:has(.mdr-discography){
  overflow:visible!important;
}

/* ---------- shared ---------- */

.mdr-discography,
.mdr-discography-list-only,
.mdr-discography-detail-only{
  box-sizing:border-box;
  width:100%;
  min-width:0;
  color:#f0f1ef;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
}

.mdr-discography *,
.mdr-discography-list-only *,
.mdr-discography-detail-only *{
  box-sizing:border-box;
}

.mdr-discography__header{
  padding:14px 42px;
  background:rgba(8,9,9,.985);
  border-bottom:1px solid var(--mdr-line);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

.mdr-discography__legend{
  display:flex;
  gap:24px;
  align-items:center;
  flex-wrap:wrap;
  margin:0;
  font-size:8px;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.mdr-discography__legend span{
  display:flex;
  align-items:center;
  gap:8px;
}

.mdr-discography__legend i{
  display:inline-block;
  width:18px;
  height:2px;
  background:currentColor;
}

.mdr-discography__legend .is-album{color:var(--album,#b8ff2c)}
.mdr-discography__legend .is-ep{color:var(--ep,#ff24c8)}
.mdr-discography__legend .is-single{color:var(--single,#19bdf3)}
.mdr-discography__legend .is-remix{color:var(--remix,#fff)}

.mdr-discography__catalog{
  padding:0 42px 70px;
}

.mdr-discography__year{
  display:grid;
  grid-template-columns:115px minmax(0,1fr);
  gap:26px;
  padding:32px 0 36px;
  border-bottom:1px solid var(--mdr-line);
}

.mdr-discography__year-number{
  color:var(--mdr-year,#f0f1ef);
  font-size:40px;
  font-weight:500;
  letter-spacing:-.04em;
  line-height:1;
}

.mdr-discography__year-count{
  margin-top:9px;
  color:#5f625f;
  font-size:8px;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.mdr-discography__release-list{
  display:flex;
  flex-direction:column;
  gap:7px;
}

.mdr-discography__release{
  appearance:none;
  width:100%;
  min-height:60px;
  padding:9px 14px 9px 0;
  border:1px solid #282b2b;
  border-left:0;
  border-radius:0;
  background:transparent;
  color:inherit;
  display:grid;
  grid-template-columns:4px minmax(0,1fr) auto 18px;
  gap:12px;
  align-items:center;
  text-align:left;
  cursor:pointer;
  transition:.14s;
}

.mdr-discography__release:hover,
.mdr-discography__release.is-active{
  background:#0e1010;
  border-color:#444848;
}

.mdr-discography__marker{
  align-self:stretch;
  width:2px;
  background:var(--single,#19bdf3);
}

.mdr-discography__release[data-release-type="album"] .mdr-discography__marker{background:var(--album,#b8ff2c)}
.mdr-discography__release[data-release-type="ep"] .mdr-discography__marker{background:var(--ep,#ff24c8)}
.mdr-discography__release[data-release-type="single"] .mdr-discography__marker{background:var(--single,#19bdf3)}
.mdr-discography__release[data-release-type="remix"] .mdr-discography__marker{background:var(--remix,#fff)}

.mdr-discography__release-copy{min-width:0}

.mdr-discography__release-title{
  display:block;
  color:var(--mdr-title,#fff);
  font-size:var(--mdr-title-size,12px);
  font-weight:var(--mdr-title-weight,600);
  letter-spacing:.045em;
  text-transform:uppercase;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.mdr-discography__release-artist{
  display:block;
  margin-top:6px;
  color:var(--mdr-artist,#fff);
  font-size:var(--mdr-artist-size,10px);
  font-weight:var(--mdr-artist-weight,700);
  line-height:1.35;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.mdr-discography__release-label{
  justify-self:end;
  text-align:right;
  max-width:190px;
  margin-left:22px;
  color:var(--mdr-label,#fff);
  font-size:var(--mdr-label-size,9px);
  font-weight:var(--mdr-label-weight,700);
  letter-spacing:.13em;
  text-transform:uppercase;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.mdr-discography__chevron{
  color:#626662;
  font-size:16px;
  text-align:right;
}

/* ---------- split LEFT ---------- */

.mdr-discography-list-only{
  position:relative;
  overflow:visible!important;
}

.mdr-discography-list-only .mdr-discography__header{
  position:-webkit-sticky;
  position:sticky;
  top:var(--mdr-list-sticky-top,90px);
  align-self:flex-start;
  z-index:100;
}

.mdr-discography-list-only .mdr-discography__catalog,
.mdr-discography-list-only .mdr-discography__year,
.mdr-discography-list-only .mdr-discography__release-list{
  overflow:visible!important;
}

/* ---------- split RIGHT ---------- */

.mdr-discography-detail-only{
  position:-webkit-sticky;
  position:sticky;
  top:var(--mdr-detail-sticky-top,108px);
  align-self:flex-start;
  width:100%;
  max-width:500px;
  height:max-content;
  overflow:visible!important;
  margin-left:auto;
  margin-right:auto;
}

.mdr-discography-detail-only .mdr-discography__empty,
.mdr-discography-detail-only .mdr-discography__detail{
  width:100%;
  max-width:500px;
  height:auto;
  overflow:visible!important;
  margin:0 auto;
}

.mdr-discography__empty[hidden],
.mdr-discography__detail[hidden]{
  display:none!important;
}

.mdr-discography__empty-art,
.mdr-discography__cover{
  width:100%;
  max-width:500px;
  aspect-ratio:1/1;
  max-height:500px;
  border:1px solid #272a2a;
  background:#090a0a;
  margin-left:auto;
  margin-right:auto;
}

.mdr-discography__empty-art{
  display:grid;
  place-items:center;
}

.mdr-discography__empty-art span{
  color:#3b3f3b;
  font-size:9px;
  letter-spacing:.24em;
  text-transform:uppercase;
}

.mdr-discography__cover{
  margin-bottom:22px;
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
}

.mdr-discography__detail-type{
  font-size:8px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#aaa;
}

.mdr-discography__detail-title{
  margin:8px 0 0;
  color:var(--mdr-title,#fff);
  font-size:36px;
  line-height:1;
  font-weight:570;
  letter-spacing:-.035em;
  text-transform:uppercase;
}

.mdr-discography__detail-artist{
  margin-top:10px;
  color:var(--mdr-artist,#fff);
  font-size:calc(var(--mdr-artist-size,10px) + 2px);
  font-weight:var(--mdr-artist-weight,700);
  line-height:1.35;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.mdr-discography__detail-meta{
  margin-top:9px;
  color:var(--mdr-label,#fff);
  font-size:calc(var(--mdr-label-size,9px) + 1px);
  font-weight:var(--mdr-label-weight,700);
  line-height:1.35;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.mdr-discography__detail-description{
  margin:20px 0;
  color:#858985;
  font-size:11px;
  line-height:1.6;
}

.mdr-discography__track-head{
  display:flex;
  justify-content:space-between;
  padding-top:16px;
  border-top:1px solid #2b2e2e;
  color:#888c88;
  font-size:10px;
  letter-spacing:.17em;
  text-transform:uppercase;
}

.mdr-discography__track{
  display:grid;
  grid-template-columns:32px minmax(0,1fr);
  gap:10px;
  align-items:center;
  min-height:42px;
  border-bottom:1px solid #222525;
  color:var(--mdr-track,#f0f1ef);
  font-size:var(--mdr-tracklist-size,12px);
  font-weight:var(--mdr-tracklist-weight,600);
  line-height:1.4;
}

.mdr-discography__track-no{
  color:#666a66;
  font-size:calc(var(--mdr-tracklist-size,12px) - 2px);
  font-weight:500;
}

.mdr-discography__services{
  display:flex;
  gap:22px;
  row-gap:12px;
  flex-wrap:wrap;
  padding-top:20px;
  margin-top:24px;
  border-top:1px solid #2b2e2e;
}

.mdr-discography__services a{
  color:#b1b4b0;
  font-size:var(--mdr-portal-size,11px);
  font-weight:var(--mdr-portal-weight,700);
  line-height:1.4;
  letter-spacing:.03em;
  text-decoration:none;
}

/* ---------- old combined shortcode compatibility ---------- */

.mdr-discography{
  display:grid;
  grid-template-columns:minmax(0,var(--mdr-left-col,68fr)) minmax(270px,var(--mdr-right-col,32fr));
  align-items:start;
  background:var(--mdr-bg);
  overflow:visible!important;
}

.mdr-discography__left{
  min-width:0;
  border-right:1px solid var(--mdr-line);
  overflow:visible!important;
}

.mdr-discography > .mdr-discography__right{
  position:-webkit-sticky;
  position:sticky;
  top:var(--mdr-sticky-top,90px);
  align-self:start;
  height:max-content;
  overflow:visible!important;
  padding:30px 28px 48px;
  background:var(--mdr-panel);
}

/* ---------- responsive ---------- */

@media(max-width:1000px){
  .mdr-discography{
    grid-template-columns:1fr;
  }

  .mdr-discography__left{
    border-right:0;
  }

  .mdr-discography__header{
    padding:13px 20px;
  }

  .mdr-discography__catalog{
    padding:0 20px 60px;
  }

  .mdr-discography-detail-only{
    position:static;
    top:auto;
    max-width:none;
  }
}

@media(max-width:768px){
  .mdr-discography-list-only .mdr-discography__header,
  .mdr-discography-detail-only{
    position:static!important;
    top:auto!important;
  }
}

@media(max-width:700px){
  .mdr-discography__year{
    grid-template-columns:76px minmax(0,1fr);
    gap:16px;
  }

  .mdr-discography__year-number{
    font-size:30px;
  }

  .mdr-discography__release{
    grid-template-columns:3px minmax(0,1fr) 14px;
    padding-right:8px;
  }

  .mdr-discography__release-label{
    display:none;
  }
}

.mdr-discography-notice{
  padding:16px;
  border:1px solid #ddd;
}


/* =========================================================
   v0.4.7
   Sticky is applied to the RIGHT ELEMENTOR CHILD CONTAINER,
   not to the shortcode root itself.
   ========================================================= */

@media (min-width:1001px){
  .mdr-discography-detail-only{
    position:relative!important;
    top:auto!important;
    align-self:auto!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }

  .e-con.mdr-discography-detail-container,
  .elementor-column.mdr-discography-detail-container,
  .elementor-widget-wrap.mdr-discography-detail-container{
    position:-webkit-sticky!important;
    position:sticky!important;
    top:var(--mdr-detail-sticky-top,108px)!important;
    align-self:flex-start!important;
    height:max-content!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    transform:none!important;
    translate:none!important;
    z-index:20!important;
  }
}

@media (max-width:1000px){
  .e-con.mdr-discography-detail-container,
  .elementor-column.mdr-discography-detail-container,
  .elementor-widget-wrap.mdr-discography-detail-container{
    position:relative!important;
    top:auto!important;
  }
}


/* =========================================================
   v0.4.8
   Return to the proven split scrolling model:
   ONLY the left catalogue scrolls.
   RIGHT detail stays completely static.
   ========================================================= */

@media (min-width:1001px){
  .mdr-discography-list-only{
    position:relative!important;
    height:var(--mdr-list-height,calc(100vh - 120px))!important;
    max-height:var(--mdr-list-height,calc(100vh - 120px))!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    scrollbar-width:thin;
  }

  .mdr-discography-list-only .mdr-discography__header,
  .mdr-discography-list-only .mdr-discography__header.is-mdr-list-fixed{
    position:-webkit-sticky!important;
    position:sticky!important;
    top:0!important;
    left:auto!important;
    right:auto!important;
    width:100%!important;
    align-self:flex-start!important;
    z-index:100!important;
    margin:0!important;
    background:rgba(8,9,9,.985)!important;
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    border-bottom:1px solid var(--mdr-line,#262828)!important;
  }

  .mdr-discography-detail-only{
    position:relative!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    inset:auto!important;
    align-self:auto!important;
    width:100%!important;
    max-width:500px!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    transform:none!important;
    translate:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .e-con.mdr-discography-detail-container,
  .elementor-column.mdr-discography-detail-container,
  .elementor-widget-wrap.mdr-discography-detail-container{
    position:relative!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    transform:none!important;
  }

  .mdr-discography-detail-only .mdr-discography__detail,
  .mdr-discography-detail-only .mdr-discography__empty{
    width:100%!important;
    max-width:500px!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }

  .mdr-discography-detail-only .mdr-discography__cover,
  .mdr-discography-detail-only .mdr-discography__empty-art{
    width:100%!important;
    max-width:500px!important;
    max-height:500px!important;
    aspect-ratio:1/1!important;
    height:auto!important;
  }
}

@media (max-width:1000px){
  .mdr-discography-list-only{
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }

  .mdr-discography-list-only .mdr-discography__header{
    position:relative!important;
    top:auto!important;
  }
}
