body.ops2-after-hours:not(.ops2-preview-full-day) .metric-row{display:none!important}
body.ops2-after-hours:not(.ops2-preview-full-day) main .stack>*:not(#ops2-overnight-card){display:none!important}

#ops2-overnight-card{
  overflow:hidden;
  padding:0;
  border-color:#d9d5c9;
  background:#fbfaf6;
}

#ops2-overnight-card .ops2-overnight-hero{
  padding:30px 28px 26px;
  background:linear-gradient(180deg,#eef3ed 0%,#f8f7f2 100%);
  border-bottom:1px solid #dedbd1;
}

#ops2-overnight-card .ops2-overnight-hero h2{
  margin:7px 0 8px;
  font-size:clamp(30px,7vw,44px);
  line-height:1.02;
  letter-spacing:-.035em;
}

#ops2-overnight-card .ops2-overnight-hero p{
  margin:0;
  max-width:640px;
  color:#6d716b;
  font-size:17px;
  line-height:1.45;
}

#ops2-overnight-card .ops2-opening-preview{
  padding:24px 26px 8px;
}

#ops2-overnight-card .ops2-overnight-label{
  margin-bottom:12px;
  color:#777b73;
  font-size:12px;
  font-weight:800;
  letter-spacing:.16em;
}

#ops2-overnight-card .ops2-preview-row{
  display:grid;
  grid-template-columns:32px minmax(0,1fr);
  gap:13px;
  align-items:start;
  padding:13px 0;
  border-top:1px solid #e7e3d8;
}

#ops2-overnight-card .ops2-preview-row:first-of-type{border-top:0}

#ops2-overnight-card .ops2-preview-row>span{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border:1px solid #d7d2c4;
  border-radius:50%;
  background:#fff;
  color:#76796f;
  font-size:12px;
  font-weight:800;
}

#ops2-overnight-card .ops2-preview-row strong,
#ops2-overnight-card .ops2-later-today strong{
  display:block;
  color:#262824;
  font-size:17px;
  line-height:1.27;
}

#ops2-overnight-card .ops2-preview-row small,
#ops2-overnight-card .ops2-later-today small{
  display:block;
  margin-top:4px;
  color:#85887f;
  font-size:13px;
  line-height:1.35;
}

#ops2-overnight-card .ops2-later-today{
  margin:12px 26px 0;
  padding:18px 0 2px;
  border-top:1px solid #dedbd1;
}

#ops2-overnight-card .ops2-overnight-empty{
  padding:8px 0 14px;
  color:#85887f;
  font-size:15px;
}

#ops2-overnight-card .ops2-preview-day-btn{
  width:calc(100% - 52px);
  margin:24px 26px 26px;
  padding:14px 16px;
  border:1px solid #cfcbc0;
  border-radius:14px;
  background:#fff;
  color:#34362f;
  font:inherit;
  font-weight:750;
  cursor:pointer;
}

body.ops2-after-hours.ops2-preview-full-day #ops2-overnight-card{
  margin-bottom:18px;
}

body.ops2-after-hours.ops2-preview-full-day #ops2-overnight-card .ops2-opening-preview,
body.ops2-after-hours.ops2-preview-full-day #ops2-overnight-card .ops2-later-today{
  display:none;
}

@media(max-width:640px){
  #ops2-overnight-card .ops2-overnight-hero{padding:26px 20px 22px}
  #ops2-overnight-card .ops2-opening-preview{padding:20px 20px 6px}
  #ops2-overnight-card .ops2-later-today{margin-left:20px;margin-right:20px}
  #ops2-overnight-card .ops2-preview-day-btn{width:calc(100% - 40px);margin:22px 20px 22px}
}

/* Mobile readability (WP461): typography only; approved spacing and structure retained. */
@media (max-width:700px){
  #ops2-overnight-card .ops2-overnight-label{font-size:var(--ui-mobile-secondary,15px)}
  #ops2-overnight-card .ops2-preview-row>span{font-size:var(--ui-mobile-secondary,15px)}
  #ops2-overnight-card .ops2-preview-row small,
#ops2-overnight-card .ops2-later-today small{font-size:var(--ui-mobile-meta,14px)}
  #ops2-overnight-card .ops2-overnight-empty{font-size:var(--ui-mobile-secondary,15px)}
}