/* =====================================
   BOTTOM CENTER + RIGHT COLUMN REPAIR
===================================== */

/* ---------- center bottom panel ---------- */
body.home-page .center-boba-repair-panel .retro-title {
  text-align: center !important;
}

body.home-page .center-boba-repair-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
  padding: 8px !important;
  margin: 0 !important;
}

body.home-page .center-boba-repair-grid figure {
  margin: 0 !important;
  padding: 0 !important;
}

body.home-page .center-boba-repair-grid img {
  width: 100% !important;
  height: 420px !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  border: 1px solid #efb2cb !important;
  box-sizing: border-box !important;
}

/* ---------- trip panel ---------- */
body.home-page .trip-panel .trip-list,
body.home-page .trip-panel-fixed .trip-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  padding: 6px 8px !important;
}

body.home-page .trip-panel .trip-row,
body.home-page .trip-panel-fixed .trip-row {
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) 52px !important;
  align-items: center !important;
  column-gap: 8px !important;
  min-height: 44px !important;
  padding: 4px 8px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

body.home-page .trip-row.rebuilt-trip-light {
  background: rgba(255,255,255,.35) !important;
  border: 1px solid #b7a3d7 !important;
}

body.home-page .trip-row.rebuilt-trip-dark {
  background: rgba(190,170,220,.28) !important;
  border: 1px solid #b7a3d7 !important;
}

body.home-page .rebuilt-trip-icon {
  width: 34px !important;
  height: 34px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.home-page .rebuilt-trip-icon img {
  max-width: 28px !important;
  max-height: 28px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
}

body.home-page .rebuilt-trip-label {
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  color: #5f688e !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.home-page .rebuilt-trip-count {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  justify-self: end !important;
  width: 48px !important;
  height: 20px !important;
  background: rgba(255,255,255,.92) !important;
  border: 1px solid #aa97cb !important;
  border-radius: 2px !important;
  color: #735f96 !important;
  font-family: monospace !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

/* ---------- world cup ---------- */
body.home-page .world-cup-panel .retro-title,
body.home-page .world-cup-panel-fixed .retro-title {
  text-align: center !important;
}

body.home-page .world-cup-games-rebuilt {
  display: flex !important;
  flex-direction: column !important;
  gap: 7px !important;
  padding: 7px !important;
}

body.home-page .world-cup-game-card {
  padding: 7px 8px !important;
  background: rgba(255,255,255,.72) !important;
  border: 1px solid #d4c890 !important;
  border-radius: 4px !important;
  text-align: center !important;
}

body.home-page .world-cup-game-card strong {
  display: block !important;
  font-size: 11px !important;
  line-height: 1.15 !important;
  color: #5f688e !important;
}

body.home-page .world-cup-game-card span {
  display: block !important;
  margin-top: 2px !important;
  font-size: 9px !important;
  line-height: 1.1 !important;
  color: #7b7b7b !important;
}

/* ---------- time panel ---------- */
body.home-page .time-panel-rebuilt {
  margin-top: 0 !important;
}

body.home-page .time-panel-rebuilt .retro-title {
  text-align: center !important;
}

body.home-page .time-clock-wrap {
  padding: 8px 8px 10px 8px !important;
}

body.home-page .time-clock-face {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 54px !important;
  padding: 7px 10px !important;
  background: rgba(196,219,245,.45) !important;
  border: 1px solid #9cb4d7 !important;
  border-radius: 4px !important;
  font-family: monospace !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  color: #6d86b4 !important;
  letter-spacing: 1px !important;
}

/* ---------- make sure old blank leftovers stay hidden ---------- */
body.home-page .trip-row .trip-info {
  display: none !important;
}