/* 1.0.23 — Showroom dial layout correction.
 * Makes small rosters look intentional, fixes the clipped Scheduled now badge,
 * and gives show artwork enough visual weight without cropping it.
 */
.italk-showroom-site .showroom-home .show-dial .dial-tools{
  align-items:center;
  justify-content:flex-start;
}
.italk-showroom-site .showroom-home .show-dial .dial-search{
  flex:0 1 340px;
  max-width:340px;
  margin-left:auto;
}
.italk-showroom-site .showroom-home .show-dial .dial-scroll-tools{
  margin-left:0;
}
.italk-showroom-site .showroom-home .show-dial .dial-track{
  gap:22px;
  padding:8px 5px 18px;
}
.italk-showroom-site .showroom-home .show-dial .dial-card{
  flex:0 0 clamp(210px,17vw,252px);
  width:clamp(210px,17vw,252px);
}
.italk-showroom-site .showroom-home .show-dial .dial-art-wrap{
  position:relative;
  width:100%;
}
.italk-showroom-site .showroom-home .show-dial .dial-art{
  width:100%;
  aspect-ratio:1;
  padding:24px;
  border-radius:18px;
}
.italk-showroom-site .showroom-home .show-dial .dial-art img{
  width:82%!important;
  height:82%!important;
  max-width:82%!important;
  max-height:82%!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:auto!important;
}
.italk-showroom-site .showroom-home .show-dial .dial-now-badge{
  left:10px;
  top:10px;
  right:auto;
  bottom:auto;
  transform:none!important;
  max-width:calc(100% - 62px);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  z-index:3;
}
.italk-showroom-site .showroom-home .show-dial .dial-favorite{
  right:10px;
  top:10px;
  bottom:auto;
  z-index:4;
}
.italk-showroom-site .showroom-home .show-dial .dial-card h3{
  font-size:16px;
  line-height:1.28;
}
.italk-showroom-site .showroom-home .show-dial .dial-host{
  font-size:12px;
}
.italk-showroom-site .showroom-home .show-dial .dial-time{
  font-size:11px;
}
.italk-showroom-site .showroom-home .show-dial .dial-listen{
  min-height:44px;
  font-size:12px;
}
/* With a single published show, remove dead carousel/search chrome and size the rail to its content. */
@supports selector(.dial-track:has(.dial-card:only-child)){
  .italk-showroom-site .showroom-home .show-dial:has(.dial-card:only-child) .dial-search,
  .italk-showroom-site .showroom-home .show-dial:has(.dial-card:only-child) .dial-scroll-tools{
    display:none;
  }
  .italk-showroom-site .showroom-home .show-dial:has(.dial-card:only-child) .dial-tools{
    max-width:640px;
  }
  .italk-showroom-site .showroom-home .show-dial .dial-track:has(.dial-card:only-child){
    width:min(100%,320px);
    overflow:visible;
  }
  .italk-showroom-site .showroom-home .show-dial .dial-track:has(.dial-card:only-child) .dial-card{
    flex-basis:100%;
    width:100%;
  }
}
@media(max-width:900px){
  .italk-showroom-site .showroom-home .show-dial .dial-card{
    flex-basis:190px;
    width:190px;
  }
  .italk-showroom-site .showroom-home .show-dial .dial-art{padding:20px}
  .italk-showroom-site .showroom-home .show-dial .dial-card h3{font-size:15px}
}
@media(max-width:599px){
  .italk-showroom-site .showroom-home .show-dial .dial-tools{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
  }
  .italk-showroom-site .showroom-home .show-dial .dial-tabs{
    grid-column:1/-1;
  }
  .italk-showroom-site .showroom-home .show-dial .dial-search{
    grid-column:1;
    width:100%;
    max-width:none;
    margin-left:0;
  }
  .italk-showroom-site .showroom-home .show-dial .dial-scroll-tools{
    grid-column:2;
  }
  .italk-showroom-site .showroom-home .show-dial .dial-card{
    flex-basis:154px;
    width:154px;
  }
  .italk-showroom-site .showroom-home .show-dial .dial-art{
    padding:16px;
    border-radius:15px;
  }
  .italk-showroom-site .showroom-home .show-dial .dial-art img{
    width:84%!important;
    height:84%!important;
    max-width:84%!important;
    max-height:84%!important;
  }
  .italk-showroom-site .showroom-home .show-dial .dial-now-badge{
    left:7px;
    top:7px;
    max-width:calc(100% - 50px);
    font-size:8px;
  }
  .italk-showroom-site .showroom-home .show-dial .dial-favorite{
    right:7px;
    top:7px;
    min-width:36px;
    min-height:36px;
  }
  @supports selector(.dial-track:has(.dial-card:only-child)){
    .italk-showroom-site .showroom-home .show-dial .dial-track:has(.dial-card:only-child){
      width:min(100%,230px);
    }
  }
}