/* HTNS Home card title placement · v187
   Move NEXT SERMON and NEXT EVENT into their cards and match the
   personalized Next Assignment kicker color and typography. */

#mainApp #view-home{
  --home-assignment-kicker:#987317;
}

#mainApp #view-home .assignment-hero .kicker,
#mainApp #view-home .home-card-kicker{
  color:var(--home-assignment-kicker) !important;
  font-size:8px !important;
  line-height:9px !important;
  font-weight:850 !important;
  letter-spacing:.055em !important;
  text-transform:uppercase !important;
}

#mainApp #view-home .home-card-kicker{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  text-align:left !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

/* Next Sermon: the label now occupies the first row inside the copy area. */
#mainApp #view-home .home-next-sermon-ref{
  margin-top:10px !important;
}

#mainApp #view-home .home-next-sermon-ref > .home-section-title{
  display:none !important;
}

#mainApp #view-home .home-sermon-copy{
  grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) !important;
  grid-template-rows:9px minmax(0,1fr) !important;
  column-gap:10px !important;
  row-gap:0 !important;
  align-content:center !important;
  align-items:center !important;
}

#mainApp #view-home .home-sermon-kicker{
  grid-column:1 / -1 !important;
  grid-row:1 !important;
  align-self:start !important;
}

#mainApp #view-home .home-sermon-pastor{
  grid-column:1 !important;
  grid-row:2 !important;
  align-self:center !important;
}

#mainApp #view-home .home-sermon-support{
  grid-column:2 !important;
  grid-row:2 !important;
  align-self:center !important;
}

#mainApp #view-home .home-sermon-pastor small,
#mainApp #view-home .home-sermon-support small{
  margin-bottom:1px !important;
}

#mainApp #view-home .home-sermon-pastor b,
#mainApp #view-home .home-sermon-support b{
  line-height:1.05 !important;
}

#mainApp #view-home .home-sermon-pastor span{
  margin-top:1px !important;
}

/* Next Event: remove the detached heading and stack its kicker with the event copy. */
#mainApp #view-home .home-bottom-ref{
  margin-top:10px !important;
}

#mainApp #view-home .home-bottom-ref > .home-section-title,
#mainApp #view-home .home-bottom-ref > .home-bottom-title{
  display:none !important;
}

#mainApp #view-home .home-next-event-ref{
  height:62px !important;
  min-height:62px !important;
}

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

#mainApp #view-home .home-next-event-ref .home-event-date,
#mainApp #view-home .home-next-event-ref .event-chip.home-event-date{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  min-height:42px !important;
}

#mainApp #view-home .home-next-event-ref .home-event-copy{
  height:100% !important;
  justify-content:center !important;
}

#mainApp #view-home .home-next-event-ref .home-event-church-only-badge{
  margin-top:2px !important;
  padding:1px 6px !important;
  font-size:7px !important;
}

#mainApp #view-home .home-next-event-empty{
  min-height:62px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
  gap:4px !important;
  text-align:left !important;
}

@media(max-width:390px){
  #mainApp #view-home .home-sermon-copy{
    grid-template-columns:minmax(0,1.05fr) minmax(0,1fr) !important;
    column-gap:7px !important;
  }

}