/* BetUSA Network CAAS — NewsDaily white canvas, red CTA */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root {
  --bg-base: #ffffff;
  --bg-surface: #ffffff;
  --bg-elevated: #ffffff;
  --bg-muted: #ffffff;
  --bg-hover: #ffffff;
  --border-subtle: #e5e7eb;
  --border-default: #e5e7eb;
  --navy: #0a1233;
  --navy-2: #0a1233;
  --red: #e21334;
  --red-dark: #b80f28;
  --red-soft: rgba(226, 19, 52, 0.10);
  --text-primary: #0a1233;
  --text-secondary: #374151;
  --text-muted: #6b7280;
  --text-inverse: #ffffff;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 12px;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-glow: none;
  --font: 'Inter', system-ui, -apple-system, sans-serif;
  --font-display: 'Inter', system-ui, sans-serif;
  --header-h: 64px;
  --ease: cubic-bezier(.2,.8,.2,1);
}

html, body, body.page-lobby {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: var(--text-primary) !important;
  font-family: var(--font) !important;
  -webkit-font-smoothing: antialiased;
}

a { color: var(--red); }
a:hover { color: var(--red-dark); }

section.menu1,
.menu1,
nav.navbar-dropdown,
.navbar {
  background: #ffffff !important;
  border-bottom: 1px solid #e5e7eb !important;
  box-shadow: none !important;
  min-height: var(--header-h);
}

.navbar-caption,
.navbar-brand .navbar-caption {
  font-family: var(--font-display) !important;
  font-weight: 800 !important;
  font-size: 1.35rem !important;
  color: var(--navy) !important;
}

#img_logo { max-height: 42px !important; width: auto !important; }

.nav-link,
.navbar-nav .nav-link,
.nav-dropdown .nav-link {
  font-family: var(--font) !important;
  font-weight: 600 !important;
  font-size: 0.8rem !important;
  color: #4b5563 !important;
}

.nav-link:hover,
.nav-link.open,
.nav-link:focus {
  color: #e21334 !important;
  background: rgba(226,19,52,.08) !important;
}

.dropdown-menu { background: #ffffff !important; }

.mbr-section,
.mbr-section-hero,
section.news,
.container-fluid,
.row,
.cid-qv5BBF0KUe,
.cid-qv5BBqCG66,
.section_title_wrapper,
.row.section_title_wrapper,
.section_content_wrapper,
.row.section_content_wrapper {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
}

body.page-lobby .section_title_wrapper,
section.menu1 {
  display: none !important;
}

.section_content_wrapper,
.row.section_content_wrapper {
  padding: 0.5rem 0 2rem !important;
}

/* ===== Cards: one white unit, red header, red CTA ===== */
.contest_column,
.contest_column.col-sm-4 {
  float: none !important;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  margin: 0 0 1.5rem !important;
  padding: 0 10px !important;
  background: transparent !important;
  position: relative;
}

@media (min-width: 544px) {
  .contest_column.col-sm-4 { width: 50% !important; }
}
@media (min-width: 992px) {
  .contest_column.col-sm-4 { width: 33.333% !important; }
}

.contest_image,
.contest_image p,
.contest_column img,
.contest_column td[colspan="2"] {
  display: none !important;
  height: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
}

.contest_column .contest_title_wrapper {
  display: block !important;
  width: 100% !important;
  background: #e21334 !important;
  border: 1px solid #e21334 !important;
  border-bottom: 0 !important;
  border-radius: 12px 12px 0 0 !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

.contest_title_wrapper a,
.contest_column .contest_title_wrapper a {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 8px !important;
  background: transparent !important;
  color: #ffffff !important;
  font-family: var(--font) !important;
  font-weight: 800 !important;
  font-size: 1.05rem !important;
  letter-spacing: -0.01em !important;
  text-transform: none !important;
  text-align: left !important;
  line-height: 1.3 !important;
  padding: 16px 18px 14px !important;
  width: 100% !important;
}

.contest_title_wrapper a:hover { color: #ffffff !important; }

.contest_column[data-type]::before { display: none !important; }

.contest_column[data-type="square"] .contest_title_wrapper a::before,
.contest_column[data-type="pickem"] .contest_title_wrapper a::before {
  content: "SQUARES";
  display: inline-block;
  background: rgba(255,255,255,.18);
  color: #fff;
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  padding: 4px 8px;
  border-radius: 4px;
  line-height: 1;
}

.contest_column[data-type="pickem"] .contest_title_wrapper a::before {
  content: "PICK'EM";
}

.contest_column .table,
.contest_column table.table {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-top: 0 !important;
  border-left: 1px solid #e5e7eb !important;
  border-right: 1px solid #e5e7eb !important;
  border-radius: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  padding-bottom: 0 !important;
}

.contest_column .table td,
.contest_column .table th,
.contest_column table td {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 0 !important;
  color: #0a1233 !important;
  font-size: 0.88rem !important;
  padding: 7px 18px !important;
}

.contest_column .table td:first-child {
  color: #6b7280 !important;
  font-size: 0.7rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em;
  text-transform: uppercase !important;
  width: 36%;
}

.enter_wrapper {
  width: 100% !important;
  padding: 0 !important;
  position: static !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-top: 0 !important;
  border-radius: 0 0 12px 12px !important;
  overflow: hidden;
  box-shadow: none !important;
}

.enter_wrapper .btn,
.contest_column .enter_wrapper a.btn,
.contest_column .btn,
a.btn.btn-sm {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  background: #e21334 !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 0 !important;
  font-family: var(--font) !important;
  font-size: 0.82rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  padding: 14px 12px !important;
  box-shadow: none !important;
}

.enter_wrapper .btn:hover,
.contest_column .btn:hover {
  background: #b80f28 !important;
  color: #fff !important;
}

.contest_column:hover .contest_title_wrapper {
  background: #b80f28 !important;
  border-color: #b80f28 !important;
}

/* Buttons / forms */
.btn-primary,
.btn-success,
button.btn,
input[type="submit"].btn {
  background: #e21334 !important;
  border-color: #e21334 !important;
  color: #fff !important;
  font-weight: 700 !important;
  border-radius: var(--radius-md) !important;
}

.form-control, input, select, textarea {
  border: 1px solid #e5e7eb !important;
  border-radius: var(--radius-md) !important;
  background: #ffffff !important;
  color: var(--text-primary) !important;
}

body.page-pickem .mbr-section,
body.page-pickem .section_content_wrapper {
  background: #ffffff !important;
}

.pick-game,
.game_wrapper,
.pickem_game,
table.picks_table,
.make_picks_wrapper .panel {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: none;
  overflow: hidden;
  margin-bottom: 0.85rem !important;
}

.square_table,
#squares_table,
table.squares,
.squares-board {
  background: #ffffff !important;
}

.th_top_team, .top_team { background: #0a1233 !important; color: #fff !important; }
.td_side_team, .side_team { background: #e21334 !important; color: #fff !important; }

footer.mbr-section,
footer {
  background: #ffffff !important;
  color: #6b7280 !important;
  border-top: 1px solid #e5e7eb !important;
}

.table { background: #ffffff !important; }
.table > thead > tr > th {
  background: #ffffff !important;
  color: #0a1233 !important;
}

.engine { display: none !important; }
