/* HTNS Home Next Event full-width layout · v169 */

#mainApp #view-home .home-next-event-ref{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  align-items:center !important;
  gap:0 !important;
}

#mainApp #view-home .home-next-event-main{
  appearance:none;
  display:block;
  width:100%;
  height:100%;
  min-width:0;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  color:inherit;
  font:inherit;
  text-align:left;
  cursor:pointer;
}

#mainApp #view-home .home-next-event-ref .event-item-inner{
  display:grid !important;
  grid-template-columns:42px minmax(0,1fr) !important;
  align-items:center !important;
  gap:7px !important;
  height:100%;
  min-width:0;
}

#mainApp #view-home .home-next-event-ref .event-item-inner::after{
  display:none !important;
  content:none !important;
}

#mainApp #view-home .home-next-event-ref .home-event-copy{
  display:flex !important;
  flex-direction:column !important;
  min-width:0;
  align-items:flex-start !important;
  justify-content:center !important;
  text-align:left !important;
}

#mainApp #view-home .home-next-event-ref .home-event-title{
  display:block;
  width:100%;
  margin:0;
  overflow:hidden;
  color:#052B57;
  font-size:10px;
  font-weight:900;
  line-height:1.08;
  text-align:left !important;
  text-overflow:ellipsis;
  white-space:nowrap;
}

#mainApp #view-home .home-next-event-ref .home-event-copy .muted{
  display:block;
  width:100%;
  text-align:left !important;
}

#mainApp #view-home .home-next-event-ref .home-event-church-only-badge{
  align-self:flex-start !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

[data-theme="dark"] #mainApp #view-home .home-next-event-ref .home-event-title{
  color:#FFF8DB;
}

@media(max-width:360px){
  #mainApp #view-home .home-next-event-ref .event-item-inner{
    grid-template-columns:38px minmax(0,1fr) !important;
    gap:5px !important;
  }
}