.elementor-2832 .elementor-element.elementor-element-f725db3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}/* Start custom CSS for text-editor, class: .elementor-element-188cee0 *//* ===== HEADER ===== */
.archive-header-modern{
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg,#081a4b 0%, #0b1f57 45%, #07153c 100%);
  border-radius: 28px;
  padding: 46px 38px 52px;
  margin-bottom: 26px;
  box-shadow:
    0 10px 35px rgba(5,15,45,.28),
    inset 0 1px 0 rgba(255,255,255,.03);
}

.archive-header-modern::before{
  content:'';
  position:absolute;
  top:-120px;
  right:-120px;
  width:320px;
  height:320px;
  border-radius:50%;
  background: radial-gradient(circle,
    rgba(255,180,0,.22) 0%,
    rgba(255,180,0,.08) 35%,
    transparent 72%);
}

.archive-header-modern::after{
  content:'';
  position:absolute;
  inset:0;
  background:
    linear-gradient(120deg,
      transparent 0%,
      rgba(255,255,255,.02) 45%,
      transparent 100%);
  pointer-events:none;
}

.archive-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 16px;
  border-radius:999px;
  border:1px solid rgba(255,180,0,.35);
  background:rgba(255,180,0,.08);
  color:#ffb300;
  font-size:10px;
  font-weight:700;
  letter-spacing:1.8px;
  text-transform:uppercase;
  margin-bottom:24px;
  font-family:'DM Sans',sans-serif;
}

.archive-main-title{
  font-size:56px;
  line-height:.95;
  font-weight:900;
  letter-spacing:-2px;
  color:#ffffff;
  margin:0;
  text-transform:uppercase;
  font-family:'Bebas Neue','Anton','Oswald',sans-serif;
}

.archive-main-title span{
  display:block;
  margin-top:10px;
  color:#ffb300;
}

.archive-main-sub{
  margin-top:24px;
  color:rgba(255,255,255,.58);
  font-size:13px;
  font-weight:500;
  font-family:'DM Sans',sans-serif;
}

@media(max-width:768px){
  .archive-header-modern{
    padding:34px 24px 38px;
    border-radius:22px;
  }
  .archive-main-title{
    font-size:40px;
    line-height:1;
  }
  .archive-main-title span{
    margin-top:6px;
  }
  .archive-main-sub{
    font-size:12px;
    line-height:1.5;
  }
}

/* ===== STATS ROW ===== */
.stats-row{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  margin-bottom:28px;
  font-family:'DM Sans',sans-serif;
}

.stat-box{
  background:#ffffff;
  border:1px solid #e9edf5;
  border-radius:16px;
  padding:18px 12px;
  text-align:center;
  box-shadow:0 2px 10px rgba(15,25,60,.05);
}

.stat-val{
  font-size:26px;
  font-weight:800;
  color:#0b1f57;
  line-height:1;
  margin-bottom:6px;
}

.stat-val.green{ color:#1f9d55; }
.stat-val.gold{ color:#c8860a; }

.stat-label{
  font-size:11px;
  font-weight:600;
  letter-spacing:.5px;
  text-transform:uppercase;
  color:#8792a8;
}

@media(max-width:768px){
  .stats-row{ grid-template-columns:repeat(2,1fr); }
}

/* ===== TABLE / WEEK BLOCK ===== */
.week-block{
  background:#ffffff;
  border:1px solid #e9edf5;
  border-radius:20px;
  overflow:hidden;
  box-shadow:0 2px 14px rgba(15,25,60,.05);
  font-family:'DM Sans',sans-serif;
}

.pred-row{
  display:grid;
  grid-template-columns:64px 1fr 70px 150px 40px;
  align-items:center;
  gap:14px;
  padding:16px 20px;
  border-bottom:1px solid #eef1f7;
}

.pred-row:last-child{
  border-bottom:none;
}

.pred-row:hover{
  background:#f7f9fd;
}

/* date column */
.pred-date{
  text-align:center;
}

.pred-date .day{
  font-size:20px;
  font-weight:800;
  color:#0b1f57;
  line-height:1;
}

.pred-date .month{
  font-size:11px;
  font-weight:600;
  color:#8792a8;
  text-transform:uppercase;
  margin-top:2px;
}

/* match column */
.pred-match{
  min-width:0;
}

.pred-teams{
  font-size:14px;
  font-weight:700;
  color:#0b1f57;
  margin-bottom:3px;
}

.pred-pick{
  font-size:13px;
  font-weight:600;
  color:#1a56db;
  margin-bottom:5px;
}

.ctx-tag{
  display:inline-block;
  font-size:10px;
  font-weight:600;
  letter-spacing:.4px;
  text-transform:uppercase;
  color:#8792a8;
  background:#f1f3f9;
  border-radius:999px;
  padding:3px 9px;
}

/* odds column */
.pred-odds{
  font-size:14px;
  font-weight:700;
  color:#0b1f57;
  text-align:center;
}

/* score column */
.pred-score{
  text-align:center;
}

.score-badge{
  display:inline-block;
  font-size:12px;
  font-weight:700;
  padding:6px 10px;
  border-radius:10px;
  white-space:nowrap;
}

.score-badge.won{
  background:rgba(31,157,85,.10);
  color:#1f9d55;
}

.score-badge.lost{
  background:rgba(220,53,69,.10);
  color:#dc3545;
}

.score-badge.none{
  background:#f1f3f9;
  color:#8792a8;
}

/* result dot column */
.pred-result{
  display:flex;
  justify-content:center;
}

.dot{
  width:14px;
  height:14px;
  border-radius:50%;
  display:inline-block;
}

.dot.won{
  background:#1f9d55;
  box-shadow:0 0 0 4px rgba(31,157,85,.15);
}

.dot.lost{
  background:#dc3545;
  box-shadow:0 0 0 4px rgba(220,53,69,.15);
}

.dot.none{
  background:#c3c9d6;
  box-shadow:0 0 0 4px rgba(195,201,214,.15);
}

/* ===== MOBILE ===== */
@media(max-width:768px){
  .pred-row{
    grid-template-columns:48px 1fr 34px;
    grid-template-areas:
      "date match dot"
      "date pick dot"
      "odds score score";
    row-gap:6px;
    padding:14px 16px;
  }

  .pred-date{ grid-area:date; }
  .pred-match{ grid-area:match; }
  .pred-odds{
    grid-area:odds;
    text-align:left;
    font-size:12px;
    color:#8792a8;
  }
  .pred-score{ grid-area:score; text-align:right; }
  .pred-result{ grid-area:dot; align-items:flex-start; }
}/* End custom CSS */