/* ==========================================================================
   HSBG Club — Tournament Info
   ========================================================================== */

.hb-info-section{
  padding:50px 20px 70px;
  position:relative;
  z-index:2;
}

.hb-info-card{
  max-width:880px;
  margin:0 auto;
  background:linear-gradient(180deg, var(--hb-panel-2), var(--hb-panel));
  border:1px solid var(--hb-line-bright);
  border-radius:4px;
  padding:32px 28px;
  box-shadow:0 30px 80px rgba(0,0,0,0.5);
}

.hb-info-logo{ text-align:center; margin-bottom:20px; }
.hb-info-logo img{ width:130px; }

/* The rendered asp:Table — scoped with direct-child combinators so these
   rules never bleed into the GridViews nested inside some of its cells. */
.hb-info-table.table, .hb-info-table{
  width:100% !important;
  border-collapse:collapse !important;
  background:transparent !important;
  margin-bottom:0 !important;
}

.hb-info-table > tbody > tr > td{
  padding:12px 14px !important;
  border:none !important;
  color:var(--hb-parchment) !important;
  font-size:14px !important;
  vertical-align:top;
  background:transparent !important;
}

.hb-info-table > tbody > tr > td:nth-child(odd){
  font-family:'Cinzel', serif;
  font-weight:600;
  font-size:12.5px;
  letter-spacing:0.04em;
  text-transform:uppercase;
  color:var(--hb-gold) !important;
}

/* A visible divider only where one is actually meaningful: right above the
   Registered/Wait List/Checked In sections, which always have their own
   label text (unlike the GridView rows themselves, which can render nothing
   when empty and would otherwise leave a stray line with nothing on it). */
.hb-info-table > tbody > tr:has(> td #Register),
.hb-info-table > tbody > tr:has(> td #Wait),
.hb-info-table > tbody > tr:has(> td #CheckLb){
  border-top:1px solid var(--hb-line) !important;
}
.hb-info-table > tbody > tr:has(> td #Register) > td,
.hb-info-table > tbody > tr:has(> td #Wait) > td,
.hb-info-table > tbody > tr:has(> td #CheckLb) > td{
  padding-top:18px !important;
}

.hb-info-table textarea,
.hb-info-table input[type="text"]{
  background:rgba(0,0,0,0.35) !important;
  border:1px solid var(--hb-line-bright) !important;
  color:var(--hb-parchment) !important;
  border-radius:3px !important;
  width:100% !important;
  padding:8px 10px !important;
  font-family:'Work Sans', sans-serif !important;
}

.hb-info-table a{ color:var(--hb-gold-bright) !important; }

/* ---------- shared with EditResult.aspx ---------- */
.hb-page-title{
  font-family:'Cinzel', serif;
  font-weight:700;
  text-align:center;
  font-size:26px;
  color:var(--hb-parchment);
  margin-bottom:28px;
}

.hb-inline-field{
  display:flex;
  align-items:flex-end;
  gap:14px;
  flex-wrap:wrap;
  margin-bottom:28px;
}
.hb-inline-field .hb-select{ min-width:160px; }

.hb-about-text{
  color:var(--hb-parchment-dim);
  font-size:15px;
  line-height:1.8;
  text-align:center;
}