/* HTNS Events · uniform Home-style cards · v227
   Every Upcoming Event card uses the same fixed geometry. Church Only shares
   the date/time row instead of creating a third row. */
#view-events{
  --event-card-height:76px;
  --event-date-size:46px;
  --event-card-bg:linear-gradient(90deg,#fffdf7 0%,#fff8e4 72%,#eef7f8 100%);
  --event-card-border:#dfc35f;
  --event-card-edge:#dfb52b;
  --event-date-bg:linear-gradient(145deg,#fff9dc 0%,#fff1ad 100%);
}
#view-events .events-list{
  display:grid !important;
  gap:8px !important;
  align-items:stretch !important;
}
#view-events .event-page-card{
  position:relative !important;
  display:grid !important;
  grid-template-columns:var(--event-date-size) minmax(0,1fr) 12px !important;
  align-items:center !important;
  gap:8px !important;
  width:100% !important;
  height:var(--event-card-height) !important;
  min-height:var(--event-card-height) !important;
  max-height:var(--event-card-height) !important;
  margin:0 !important;
  padding:10px 11px !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  border:1px solid var(--event-card-border) !important;
  border-radius:14px !important;
  background:var(--event-card-bg) !important;
  color:#12375f !important;
  box-shadow:inset 4px 0 0 var(--event-card-edge) !important;
  text-align:left !important;
}
#view-events .event-page-chip{
  width:var(--event-date-size) !important;
  height:var(--event-date-size) !important;
  min-width:var(--event-date-size) !important;
  min-height:var(--event-date-size) !important;
  margin:0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid #dfc35f !important;
  border-radius:11px !important;
  background:var(--event-date-bg) !important;
  color:#103763 !important;
  box-shadow:none !important;
}
#view-events .event-page-chip .mon{
  margin:0 !important;
  color:#8c743d !important;
  font-size:8px !important;
  line-height:9px !important;
  font-weight:900 !important;
  letter-spacing:.07em !important;
  text-transform:uppercase !important;
}
#view-events .event-page-chip .day{
  margin:3px 0 0 !important;
  color:#103763 !important;
  font-size:17px !important;
  line-height:18px !important;
  font-weight:950 !important;
}
#view-events .event-page-copy{
  min-width:0 !important;
  width:100% !important;
  height:100% !important;
  display:grid !important;
  grid-template-rows:minmax(0,1fr) auto !important;
  align-content:center !important;
  align-items:center !important;
  row-gap:3px !important;
  text-align:left !important;
}
#view-events .event-page-title{
  min-width:0 !important;
  width:100% !important;
  margin:0 !important;
  color:#103763 !important;
  font-size:12.5px !important;
  line-height:15px !important;
  font-weight:900 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
#view-events .event-page-meta{
  min-width:0 !important;
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
  flex-wrap:nowrap !important;
  overflow:hidden !important;
}
#view-events .event-page-time{
  min-width:0 !important;
  margin:0 !important;
  color:#708096 !important;
  font-size:9.5px !important;
  line-height:11px !important;
  font-weight:750 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
#view-events .event-church-only-badge{
  flex:0 0 auto !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:18px !important;
  max-width:48% !important;
  margin:0 0 0 auto !important;
  padding:2px 7px !important;
  box-sizing:border-box !important;
  border:1px solid #d9bd56 !important;
  border-radius:999px !important;
  background:#fff8dc !important;
  color:#7b5c0d !important;
  font-size:7.5px !important;
  line-height:9px !important;
  font-weight:900 !important;
  letter-spacing:.045em !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  box-shadow:none !important;
}
#view-events .event-page-arrow{
  align-self:center !important;
  justify-self:end !important;
  margin:0 !important;
  color:#a97d16 !important;
  font-size:18px !important;
  line-height:1 !important;
  font-weight:700 !important;
  opacity:.76 !important;
}
#view-events .event-page-card:active{
  transform:none !important;
  filter:brightness(.985) !important;
  background:linear-gradient(90deg,#fcf8ea 0%,#fbf2d8 72%,#ebf4f5 100%) !important;
}
[data-theme="dark"] #view-events .event-page-card{
  background:linear-gradient(90deg,#203d5c 0%,#1a344e 72%,#173946 100%) !important;
  border-color:#c9aa43 !important;
  box-shadow:inset 4px 0 0 #d2ad36 !important;
}
[data-theme="dark"] #view-events .event-page-chip{
  background:#3a3215 !important;
  border-color:#b99b3d !important;
}
[data-theme="dark"] #view-events .event-page-chip .mon,
[data-theme="dark"] #view-events .event-page-time{
  color:#c7d3df !important;
}
[data-theme="dark"] #view-events .event-page-chip .day,
[data-theme="dark"] #view-events .event-page-title{
  color:#f4f7fb !important;
}
[data-theme="dark"] #view-events .event-church-only-badge{
  background:#4a3d10 !important;
  color:#ffe896 !important;
  border-color:#b99b3d !important;
}
@media(max-width:390px){
  #view-events{
    --event-card-height:72px;
    --event-date-size:42px;
  }
  #view-events .event-page-card{
    grid-template-columns:var(--event-date-size) minmax(0,1fr) 10px !important;
    gap:7px !important;
    padding:9px !important;
    border-radius:13px !important;
  }
  #view-events .event-page-chip{ border-radius:10px !important; }
  #view-events .event-page-title{
    font-size:11.5px !important;
    line-height:14px !important;
  }
  #view-events .event-page-meta{ gap:5px !important; }
  #view-events .event-page-time{
    font-size:8.7px !important;
    line-height:10px !important;
  }
  #view-events .event-church-only-badge{
    min-height:17px !important;
    padding:2px 5px !important;
    font-size:6.8px !important;
    line-height:8px !important;
    letter-spacing:.025em !important;
  }
  #view-events .event-page-arrow{ font-size:16px !important; }
}
@media(max-width:340px){
  #view-events .event-page-time{ font-size:8px !important; }
  #view-events .event-church-only-badge{
    max-width:46% !important;
    padding-inline:4px !important;
    font-size:6.2px !important;
  }
}