.elementor-kit-5{--e-global-color-primary:#000000;--e-global-color-secondary:#33D652;--e-global-color-text:#000000;--e-global-color-accent:#33D652;--e-global-color-63ffb70:#FFFFFF;--e-global-color-1158dd2:#FD5E5E;--e-global-color-ea6ff35:#00000021;--e-global-color-d145786:#181818;--e-global-color-1ef8bea:#FFFFFF0F;--e-global-color-fe97c5d:#FFFFFF15;--e-global-color-5b320c1:#FFFFFF21;--e-global-color-8638657:#B3B3B3;--e-global-color-0c765c8:#F3E143;--e-global-color-c146a8f:#E782E2;--e-global-color-95544a8:#E98EE4;--e-global-color-f634caa:#FFFFFF0D;--e-global-typography-primary-font-size:14px;--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-weight:400;background-color:var( --e-global-color-d145786 );color:var( --e-global-color-63ffb70 );font-family:"Poppins", Sans-serif;font-size:14px;line-height:1.8em;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{background-color:var( --e-global-color-accent );color:#FFFFFF;border-style:none;}.elementor-kit-5 button:hover,.elementor-kit-5 button:focus,.elementor-kit-5 input[type="button"]:hover,.elementor-kit-5 input[type="button"]:focus,.elementor-kit-5 input[type="submit"]:hover,.elementor-kit-5 input[type="submit"]:focus,.elementor-kit-5 .elementor-button:hover,.elementor-kit-5 .elementor-button:focus{background-color:#1FAD3A;color:#FFFFFF;border-style:none;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 a{color:var( --e-global-color-63ffb70 );}.elementor-kit-5 a:hover{color:var( --e-global-color-accent );}.elementor-kit-5 h1{font-family:"Teko", Sans-serif;font-size:90px;text-transform:uppercase;line-height:0.9em;}.elementor-kit-5 h2{font-family:"Teko", Sans-serif;font-size:60px;line-height:1em;}.elementor-kit-5 h3{font-family:"Teko", Sans-serif;font-size:40px;line-height:1.1em;}.elementor-kit-5 input:not([type="button"]):not([type="submit"]),.elementor-kit-5 textarea,.elementor-kit-5 .elementor-field-textual{color:var( --e-global-color-primary );accent-color:var( --e-global-color-primary );background-color:#0000000D;border-style:none;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-lightbox{background-color:var( --e-global-color-d145786 );--lightbox-ui-color:var( --e-global-color-secondary );--lightbox-ui-color-hover:var( --e-global-color-63ffb70 );--lightbox-text-color:var( --e-global-color-63ffb70 );}@media(max-width:1024px){.elementor-kit-5 h1{font-size:60px;}.elementor-kit-5 h2{font-size:40px;}.elementor-kit-5 h3{font-size:30px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-5{font-size:13px;}.elementor-kit-5 h1{font-size:45px;}.elementor-kit-5 h2{font-size:30px;}.elementor-kit-5 h3{font-size:25px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================================================
   MATCHUPS.AI — Cards (CSS-only, stable, gray/deep-green)
   Designed for v2.4 markup (.matchup-cards-container …)
   ========================================================= */
/*
 * Styling Fix for Player Prop Locked Cards
 */
div#new:after, div#new2:after {
    position: absolute;
    content: 'New';
    top: 4px;
    left: auto;
    color: yellow;
    right: auto;
    background: none;
    border: none;
}
.prop-card--locked {
    position: relative;
}

.prop-card__lock-overlay {
    position: absolute!important;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.9);
    backdrop-filter: blur(4px);
    border-radius: 18px;
    z-index: 2;
}

.prop-card__lock-icon {
    width: 32px;
    height: 32px;
 
    color: #eef2ee;
}

.prop-card__lock-text {
    margin-top: 0.5rem;
    font-weight: 700;
    color: #eef2ee;
}

.prop-card__unlock-link {
    color: #33D652; /* var(--green) */
    text-decoration: underline;
}
        .props-container .day-games { grid-template-columns: repeat(12, 1fr); /* Use 12-col grid */ }
        .prop-card { grid-column: span 3; /* Default to 3 cards per row */ }
        @media (max-width:1200px){ .prop-card{ grid-column:span 6 } } /* 2 cards per row */
        @media (max-width:720px){  .prop-card{ grid-column:span 12 } } /* 1 card per row */

        .prop-card { display: flex; flex-direction: column; }
        .prop-card-header { padding: .85rem 1rem; display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
        .player-info { display: flex; align-items: center; gap: .75rem; min-width: 0; }
        .prop-player-team-logo { height: 40px!important; width: 40px; object-fit: contain; flex-shrink: 0; }
        .player-name-team { display: flex; flex-direction: column; min-width: 0; }
        .player-name { font-weight: 800; font-size: 1.05rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
        .team-vs { font-size: 0.8rem; color: var(--muted); }
        .confidence-badge { font-weight: 800; font-size: 24px; padding: .3rem .6rem; border-radius: 8px; color: #fff; flex-shrink: 0;}
        .prop-card-body { padding: 0 1rem .75rem; text-align: center; }
        .prop-text { font-size: 18px; font-weight: 900; letter-spacing: -0.02em; margin: 0; padding: .75rem; background: rgba(0,0,0,0.2); border-radius: 12px; }
.prop-card-footer {
    display: flex
;
    justify-content: space-between;
    align-items: center;
    padding: .5rem 1rem;
    margin-top: auto;
    border-top: 1px solid #ffffff0f;
    font-size: 0.8rem;
    color: var(--muted);
}
        .prop-vote-btn { position: static; background: transparent !important; border: none !important; }

.prop-card-footer button.vote-btn.prop-vote-btn {
    bottom: 6px;
    background: none !important;
}

.matchup-cards-container{
  --bg:#0d1110;         /* page backdrop tone */
  --card:#2a332f;       /* card surface (gray with subtle green) */
  --fg:#eef2ee;         /* primary text */
  --muted:#aab6ae;      /* secondary text */
  --line:#1a231f;       /* borders */
  --pill:#151c19;

  --green:#33D652;      /* confidence green */
  --gold:#d6c633;       /* 80%+ gold */
  --green-18:rgba(51,214,82,.18);
  --green-30:rgba(51,214,82,.30);
  --gold-26:rgba(214,198,51,.26);
  --gold-38:rgba(214,198,51,.38);

  color:var(--fg);
  font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;
}
.details {
    background: rgba(255, 255, 255, 0.08);
    padding: 15px;
    border-radius: 10px;
}
.line-group {
    display: flex;
    gap:8px;
    justify-content: space-between;
    flex-wrap:wrap;
}
/* ---------- Filter bar ---------- */
.cards-filter-bar{
  position:sticky; top:0; z-index:2;
  display:flex; flex-wrap:wrap; gap:1rem; align-items:center; justify-content:flex-start;    border-radius: 18px;

  background:linear-gradient(180deg,rgba(13,17,16,.95),rgba(13,17,16,.65));
  backdrop-filter:saturate(140%) blur(6px);
  padding:.75rem 1rem; border-bottom:1px solid var(--line);
}
.cards-filter-bar .filter-group{display:flex; align-items:center; gap:.5rem}
.cards-filter-bar label{font-size:.85rem; color:var(--muted)}
.cards-filter-bar .pill-btn{background:var(--pill); border:1px solid var(--line); color:var(--fg); padding:.35rem .6rem; border-radius:999px; font-size:.9rem; appearance:none}
.filter-group {
    width: auto;
    display: inline-flex
;
    white-space: nowrap;
}
/* ---------- Day wrappers ---------- */
.day-section{margin:1rem 0; }
.day-header{display:flex; align-items:center; gap:.5rem; cursor:pointer; padding:.75rem 0; margin:0; color:#d7ded9; font-weight:800}
.day-header:after{content:"▾"; margin-left:auto; opacity:.6; transition:transform .2s}
.day-section.collapsed .day-header:after{transform:rotate(-90deg)}
.day-empty{grid-column:1/-1; padding:.75rem 0; color:#94a299}

/* ---------- Grid: 4 / 2 / 1 ---------- */
.day-games{display:grid; grid-template-columns:repeat(12,1fr); gap:1rem; padding:.25rem 0 1rem}
.matchup-card{
  grid-column:span 3;
  position:relative; overflow:hidden; border-radius:18px;
  background:var(--card); border:1px solid var(--line);
  box-shadow:0 10px 26px rgba(0,0,0,.28);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}
.matchup-card:hover{ transform:translateY(-2px); box-shadow:0 18px 44px rgba(0,0,0,.36) }
@media (max-width:1200px){ .matchup-card{ grid-column:span 6 } }
@media (max-width:720px){  .matchup-card{ grid-column:span 12 } }


.matchup-card{ background:linear-gradient(180deg,rgba(255,255,255,.012),transparent), #0f1413; }
/* ---------- Header ---------- */
.card-header {
    padding: .85rem 1rem .35rem;
    position: relative;
    display: flex
;
align-items:center;
    justify-content: space-between;
}
.card-header .game-time {
    font-size: 11px;
    color: var(--muted);
    display: inline-block;
    padding-left: 0;
}
.card-header span.sport {
    color: #fff;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    padding-left: 8px;
    margin-left: 5px;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    padding-right: 8px;
    margin-right: 5px;
}
.matchup-card .meta .sport{
  position:absolute; top:.86rem; left:1rem; /* sport pill to the LEFT of time (stable layout) */
  padding:.06rem .38rem; border-radius:7px; font-size:.7rem; font-weight:800;
  background:#17211d; color:#cfeadf; border:1px solid #203029;
}

/* ---------- Card body: left logos (vertical) | right details ---------- */
.card-grid{
  display:grid; grid-template-columns: 0.9fr 1.3fr; gap:1rem; align-items:start; padding:.4rem 1rem 1rem;
}
.filter-group span.accuracy-percentage {
    color: #33d652;
}
@media (max-width:900px){ .card-grid{ grid-template-columns:1fr } }

/* Left column */
.logos-wrap{
  display:grid; grid-template-rows:auto 18px auto; justify-items:center; align-items:center; row-gap:.6rem;
}
.logos-wrap .at{ display:block; font-weight:800; color:#6b786f; opacity:.95; line-height:1 }
.logo{ display:flex; align-items:center; gap:.65rem; justify-content:center; min-width:0 }
.logo img{ height:clamp(30px, 4.6vw, 42px); width:auto; object-fit:contain; }
.logo .abbr{ font-weight:900; letter-spacing:.02em; font-size:clamp(1.02rem,1.15vw,1.12rem); text-transform:uppercase }
.logo.is-winner{ opacity:1; filter:drop-shadow(0 0px 20px rgba(255,255,255,.58));}
.logo.is-loser {
    opacity: 0.5;
    filter: grayscale(1);
}
.filter-group.accuracy {
    padding: 2px 15px;
    background: #000000a1;
    border-radius: 40px;
    border: 1px solid #ffffff2e;
    font-size: 12px;
}
/* Right column */
.details{ display:grid; gap:.55rem }

/* Probability lockup (Winner inside) */
.prob-row{ position:relative; display:grid; gap:.25rem; align-content:start }
span.favorite {
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px;
    line-height: 1;
}
span.countdown {
    font-size:11px;
}
.prob-badge {
    display: flex;    margin: 5px 0px;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 8px;
    border-radius: 10px;
    font-weight: 800;
    line-height: 1;
    font-size: 24px;
    border: 1px solid #777;
    flex-wrap: nowrap;
    width: 100%;
    gap:5px;
    width:auto;
}
.tier-50 .prob-badge {
    background:#000!important;
}
.tier-60 .prob-badge, .prop-card.glow-orange .confidence-badge {
    background:rgba(255,255,255,0.2)!important;
    color:#fff!important;
    border:1px solid (255,255,255,0.5)!important;
}
.tier-70 .prob-badge, .prop-card.glow-green .confidence-badge {
    background:rgba(51, 214, 82,0.2)!important;
    color:#fff!important;
    border:1px solid rgba(51, 214, 82,0.5)!important;
}
.tier-80 .prob-badge, .prop-card.glow-gold .confidence-badge {
    background:rgba(214, 198, 51,0.2)!important;
    color:#fff!important;
    border:1px solid rgba(214, 198, 51,0.5)!important;
}
.prob-badge .label{font-size:.72rem; font-weight:800; letter-spacing:.02em; opacity:.9; text-transform:uppercase; margin-bottom:.08rem}
.prob-badge .value{font-size:1.1rem}


/* Secondary info */
.consensus, .line-row{ font-size:12px; color:#d5ddd7; line-height:1.15 }

/* Actions: vote bottom-left, summary left-aligned & subtle */
.actions{ display:block }
.badges {display:flex;flex-wrap:nowrap;gap:15px;}
.vote-btn {

    display: inline-flex
;
    align-items: center;

    cursor: pointer;
    background: none!important;
    color: #98a4a0 !important;
    border: none!important;
    padding: 0px;
    font-weight: 700;
    font-size: .8rem;
}
button.vote-btn:hover {
    color: #33d652 !important;
}
.vote-btn .vote-count{ font-variant-numeric:tabular-nums }
.view-summary-btn{
  display:block;
  text-align:left; color:#bcd7ff; font-size:12px; text-decoration:none;
}
.view-summary-btn:hover{ text-decoration:underline }

/* Bottom meta: label left, countdown right */
.meta {
    display: flex
;
    flex-wrap: wrap;
    align-items: start;
    border-top: 1px solid #ffffff24;
    padding-top: .55rem;
    margin-top: .25rem;
    font-size: 10px;
    color: var(--muted);
    flex-direction: column;
}
.meta .updated {
    justify-self: start;
    margin-bottom: 0px;
    line-height: 1.5;
}
.meta .countdown{ justify-self:end; font-variant-numeric:tabular-nums; font-size:11px; }

/* ---------- Modal (centered, no navy) ---------- */
#ai-summary-modal.modal-overlay{
  position:fixed; inset:0; display:none; align-items:center; justify-content:center;
  background:rgba(0,0,0,.62); z-index:9999;
}
#ai-summary-modal .modal-content{
  background:#121815; border:1px solid #26322c; border-radius:16px;
  top:0; max-width:720px; width:min(92vw,720px); max-height:85vh; overflow:auto;
  padding:1rem 1.2rem; color:#e9efe9; position:relative; box-shadow:0 0 24px rgba(0,0,0,.85);
}
#ai-summary-modal .modal-close{ position:absolute; right:14px; top:10px; cursor:pointer; color:#c3cdc6; font-size:1.4rem; line-height:1 }
#ai-summary-modal .modal-content::-webkit-scrollbar{ width:8px }
#ai-summary-modal .modal-content::-webkit-scrollbar-thumb{ background:#29352f; border-radius:4px }
#ai-summary-modal .modal-content::-webkit-scrollbar-track{ background:#121815 }

/* ---------- Safety: keep long labels tidy ---------- */
.team-name, .abbr{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap }

/* ---------- Media fallbacks ---------- */
@media (hover:none){ .matchup-card:hover{ transform:none } }





/* Container for the toggle switch */
.toggle-switch1 {
  position: relative;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

/* The text label for the switch */
.toggle-text1 {
  margin-left: 12px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #ffffff; /* Changed to white */
}

/* Hide the default HTML checkbox */
.toggle-switch1 input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The track of the toggle switch */
.slider1 {
  position: relative;
  display: block;
  width: 44px;
  height: 24px;
  background-color: #555;
  border-radius: 24px;
  transition: background-color 0.2s ease-in-out;
}

/* The sliding knob */
.slider1::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 20px;
  height: 20px;
  background-color: white;
  border-radius: 50%;
  box-shadow: 0 1px 3px rgba(0,0,0,0.2);
  transition: transform 0.2s ease-in-out;
}

/* --- The "ON" State --- */

/* Change track color to green when checked */
.toggle-switch1 input:checked + .slider1 {
  background-color: #28a745;
}

/* Slide the knob to the right when checked */
.toggle-switch1 input:checked + .slider1::before {
  transform: translateX(20px);
}

/* --- The "ON" State --- */

/* Change track color when checked */
.toggle-switch1 input:checked + .slider {
  background-color: #007bff; /* A modern blue color */
}

/* Slide the knob to the right when checked */
.toggle-switch1 input:checked + .slider::before {
  transform: translateX(20px);
}

.pick-card {
  position: relative;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  padding: 16px 16px 20px;
  background: #fff;
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
}
a.pick-card__unlock-link {
    font-weight: bold;
}
.pick-card__badge {
  display: inline-block;
  font-size: 12px;
  padding: 4px 8px;
  border-radius: 999px;
  background: #f3f4f6;
  color: #111827;
  font-weight: 600;
}

.pick-card__teams {
  display: flex; align-items: center; gap: 10px;
  font-weight: 600; font-size: 18px; margin: 10px 0 6px;
}

.pick-card__meta { color: #6b7280; font-size: 14px; }

.pick-card--locked { overflow: hidden; }

.pick-card__lock-overlay {
  position: absolute; inset: 0;
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  background: rgba(0,0,0,0.9);
  color: #fff; text-align: center;
  pointer-events: none; /* overlay itself isn't clickable */
}

.pick-card__lock-icon { margin-bottom: 8px; opacity: .95; }
.pick-card__lock-text { font-size: 14px; opacity: .95; }

.pick-card__unlock-link {
  color: #fff; text-decoration: underline;
  pointer-events: auto; /* but the link is */
}


button.show-ai-response {
    border: none !important;
    font-size: 11px;
    display: inline-block;
    width:100%;
text-align:center!important;
    border-radius:2px!important;
    margin: 0 auto !important;
    outline: 0 !important;
}
.elementor-field-type-checkbox.elementor-field-group.elementor-column.elementor-field-group-field_c27fa49.elementor-col-100 {
    margin: 5px 0px 12px 0px;
}
body, html {
    overflow-x: hidden;
}
span.pitchernumber {
    color: #33d652;
    font-weight: 500;
}
.roster-context table td, .roster-context table th, .matchup-comparison-table-container table td, .matchup-comparison-table-container table th {
    padding: 7px !important;
}
.upgrade a {
    background: #33d652 !important;
    font-family: 'Teko' !important;
    font-size: 18px;
    border-radius: 4px;
    padding: 3px 8px 0px 8px;
    text-transform: uppercase;
    display: inline;
    line-height: 1.2;
    margin: 0px 2px;transition:0.3s ease all;
}
.upgrade a:hover {
    background: #fff !important;
    color:#000!important;transition:0.3s ease all;

}
a .nsl-button-svg-container, a .nsl-button-label-container {
    background: #222 !important;
    margin: 0 !important;
    border-radius: 0px!important;
}
.nsl-container-buttons a > div {
    border-radius: 4px !important;
    overflow: hidden;
    padding: 4px 12px;
    background: #222 !important;
}
.nsl-container-buttons a:hover > div, .nsl-container-buttons a:hover .nsl-button-svg-container, .nsl-container-buttons a:hover .nsl-button-label-container {
    background: #333 !important;
}
.matchups-simple-table th, .matchups-simple-table td {
    min-height: 42px;
}
.matchups-simple-table .parlay-icon-tooltip:after {
    font-size: 10px;
    font-weight: normal;
}
.matchups-high-confidence-table-wrapper table tbody tr:hover>td, .matchups-high-confidence-table-wrapper table tbody tr:hover>th {
    background: #000000 !important;
}
span.probability-trend {
    font-size: 9px !important;
    font-family: 'Poppins';
    display: inline-flex;
    align-items: center;
    justify-content: center; 
    font-weight: bold;
}
.quicktools .parlay span {
    padding:5px 5px 5px 5px;
    line-height:1;
}
.quicktools .parlay span.trend-up {
    background: #383838 !important;
    color: #26bb33 !important;
    border-radius: 4px;

}
span.probability-trend img {
    width: 10px !important;
    bottom: 1px;
    position: relative;
    margin-right: 3px;
}
.quicktools .parlay span.trend-new {
    background: #383838 !important;
    color: #26bb33 !important;
    border-radius: 4px;

}
.quicktools .parlay span.trend-down {
    background: #383838 !important;
    color: #d63333 !important;
    padding: 5px;
    border-radius: 4px;
    line-height: 1;
}
td.prob-cell {
    width: 150px !important;
    text-align: left !important;
}
table.matchups-simple-table th:nth-child(2) {
    text-align: left;
}
.trend-no-change {
    /* display: none; */ /* Or some neutral color */
}
.makeblack a {color:#000!important;text-decoration:underline;}
.makeblack a:hover {color:#000!important;text-decoration:none;}
.swiper-wrapper {
    transition-timing-function:linear;
}
span.subscription-details {
    font-size: 12px;
}
.elementor-price-table__original-price.elementor-typo-excluded span, .elementor-price-table__original-price.elementor-typo-excluded {
    color: #666 !important;
    font-weight: 300 !important;
    font-style: italic !important;
    font-size: 65px !important;
}
.outputcolumn {
    padding: 0px;

    border-radius: 4px;
    display: flex
;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
}
.predictionoutput {
    margin: 20px 0px;
}
span.shrink {
    font-size: 9px;
    line-height: 1.5;
    display: inline-flex
;
    color: rgb(255 255 255 / 90%);
    font-weight: 500;
    align-self: center;
    font-family: 'Poppins';
}
.roster-context ul {
    padding: 5px 0 5px 20px;
}
.vegas-line-item:hover span {
    background: #000000 !important;
}
span.line-source {
    font-size: 11px;
}
.modal-body em {
    color: #b9ffc6;
}
.predictionoutput strong {
    font-weight: normal;
    font-size: 10px;
    line-height: 1.4 !important;
    display: inline-flex
;
    margin-bottom: 5px;
}
.predictionoutput em {
    background: none !important;
    font-weight: 500;
    display: block;
    text-align: center;
    padding: 4px 0px;
    border-radius: 4px;
    color: #33d652 !important;
    font-size: 30px;
    display: flex
;
    align-items: flex-start;
    justify-content: flex-start;
    line-height: 1;
    gap: 2px;
    font-family: 'Teko';
}
.predictionoutput {
    padding: 20px 25px;
    background: none;
    border-radius: 4px;
    display: grid;
    background: rgba(0, 0, 0, 0.9) !important;
    gap: 2px;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
}
.modal-body h4 {
    font-family: 'Teko';
    margin: 25px 0px 5px 0px;
}
.modal-body {
    font-size: 13px;
}
.awayspreadodds, .homespreadodds {
    display: flex;
    gap:4px;
}
.roster-context h5 {
    width: 100%;
    font-weight: normal;
    font-size: 13px;
    margin-top: 20px !important;
    background: #1e1e1e;
    padding: 12px;
    border-radius: 4px;
    text-transform: uppercase;
    margin-bottom:10px!important;
}
span.line-label {
    background: #1e1e1e !important;
}
.roster-context h4, .roster-context h5 {
    width: 100%;
}
.roster-context .playersincontainer, .roster-context .playersoutcontainer {
    width: 49%;
}
.roster-context {
    display: flex;
    flex-direction:column;
    flex-wrap: wrap;
    justify-content: space-between;
}
.roster-context h4, .vegas-lines-container h4 {
    margin-top: 0px;
}
.roster-context, .vegas-lines-container, .matchup-comparison-table-container {
    padding: 25px!important;
    background: rgb(42 41 41 / 52%);
    border-radius: 4px;
    margin-bottom: 20px;
    border:none!important;
}

.matchup-comparison-table-container h4 {
    margin:0 0 10px 0px;
}
span.line-label {
    background: #272727;
}
.roster-context {
    padding: 15px;
    background: rgba(0, 0, 0, 0.15);
    border-radius: 4px;
}
.vegas-lines-grid {
    gap: 1px;
    background: #333232;
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #333232;
    border-radius: 4px;
    overflow: hidden;
}
span.line-details .odds {
    color: #ecef7f;
}
.vegas-line-item > span {
    background: #3c3c3c;
    padding: 8px;
    border-radius: 0;
    margin: 0px;
}
span.line-details {
    display: grid
;
    grid-template-columns: 1fr 1fr;
}
.vegas-line-item {
    /* gap: 0px; */
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    margin: 0px;
    background: #222;
    /* row-gap: 1px; */
    column-gap: 1px;
    width:100%;
}
.vegas-line-item.total .line-details {
        grid-template-columns: 1fr;
}
.matchups-daily-averages-table img {
    max-width: 19px;
    max-height: 19px;
    display: inline-flex
;
    align-self: center;
    justify-content: center;
    margin-bottom: -4px;
}
div.dt-container .dt-paging .dt-paging-button {
    border: none !important;
    background: none;
}
.parlay img {
    width: 100% !important;
    height: 100% !important;
    max-height: 24px;
    max-width: 24px;
}
fieldset#wc-stripe-upe-form {
    border: none;
    padding: 0;
}
.firstcolumn span.accuracy-percentage {
    color: #33d652;
}
body.has-fc-design-template--boxed #add_payment_method .fc-wrapper #payment .payment_methods > .wc_payment_method:last-of-type input[name="payment_method"]:checked ~ .payment_box, body.has-fc-design-template--boxed #add_payment_method .fc-wrapper #payment .payment_methods > .wc_payment_method input[name="payment_method"]:checked ~ .payment_box, body.has-fc-design-template--boxed .fc-wrapper #payment .payment_methods > .wc_payment_method:last-of-type input[name="payment_method"]:checked ~ .payment_box, body.has-fc-design-template--boxed .fc-wrapper #payment .payment_methods > .wc_payment_method input[name="payment_method"]:checked ~ .payment_box {
    border:none!important;
}
body.has-fc-design-template--boxed .woocommerce #payment ul.wc_payment_methods > li.wc_payment_method.has-payment-box > input[name="payment_method"]:checked + label {
  border: 1px solid rgba(255,255,255,0.15);
}
.svgtip {
    width:14px;height:14px;margin-left:3px;transition:0.3s ease all;
}
.svgtip:hover path {
    fill: #33d652;transition:0.3s ease all;
}
.elementor-alert-success .elementor-alert {
  border: 1px solid rgba(255,255,255,0.15);
  padding:20px;
  border-radius:4px;
}
span.hometeamfavs {
    font-size: 11px;
    color: #f3e143;
    line-height:1.5;
    font-family:'Poppins'!important;
}
div.dt-container .dt-paging .dt-paging-button.disabled, div.dt-container .dt-paging .dt-paging-button.disabled:hover, div.dt-container .dt-paging .dt-paging-button.disabled:active {
    cursor: default;
    color: rgb(124 124 124 / 50%) !important;
    background: transparent !important;
}
.row.datatable-bottom-controls .col-sm-12.col-md-4 {
    flex-grow: 0 !important;
}
.dt-container .col-sm-12 {
  flex-grow: 1;
}
.elementor-alert-success {
    border-radius: 4px !important;
    overflow: hidden;
}
html {
  scrollbar-width: thin; /* "auto" or "thin" */
  scrollbar-color: #555 #222; /* thumb color track color */
}

/* Webkit Scrollbar Styling (Chrome, Safari, Edge, Opera) */
/* Apply to the body or html element */

/* The entire scrollbar */
body::-webkit-scrollbar {
  width: 8px; /* Width of the vertical scrollbar */
  height: 8px; /* Height of the horizontal scrollbar */
}

/* The scrollbar track (background) */
body::-webkit-scrollbar-track {
  background: #222; /* Dark background for the track */
  /* Removed border-radius as it often doesn't apply well to the main track */
}

/* The scrollbar thumb (the draggable part) */
body::-webkit-scrollbar-thumb {
  background-color: #555; /* Slightly lighter grey for the thumb */
  border-radius: 4px; /* Keep radius for the thumb */
  border: 1px solid #222; /* Optional: border matching the track */
}

/* The scrollbar thumb on hover */
body::-webkit-scrollbar-thumb:hover {
  background-color: #777; /* Lighter grey on hover */
}

/* Optional: Style the corner where vertical and horizontal scrollbars meet */
body::-webkit-scrollbar-corner {
  background: #1a1a1a;
}

/* Optional: Apply similar styles to other potentially scrollable elements if needed */
/* For example, textareas */
textarea::-webkit-scrollbar {
  width: 8px;
}
textarea::-webkit-scrollbar-track {
  background: #222;
  border-radius: 4px;
}
textarea::-webkit-scrollbar-thumb {
  background-color: #555;
  border-radius: 4px;
  border: 1px solid #222;
}
textarea::-webkit-scrollbar-thumb:hover {
  background-color: #777;
}
/* Apply Firefox styles to textarea as well */
textarea {
    scrollbar-width: thin;
    scrollbar-color: #555 #222;
}
.parlay .woocommerce-info.wc-memberships-restriction-message.wc-memberships-message.wc-memberships-content-restricted-message {
    text-align:center;
}
.matchups-high-confidence-table-wrapper table.matchups-simple-table {
    border-radius: 4px;
    overflow: visible;
}
/* Basic Styling for the simple table */
.matchups-high-confidence-table-wrapper { margin-bottom: 20px; }
.matchups-simple-table { width: 100%;min-width: 200px; border-collapse: collapse; font-size: 0.9em; }
.matchups-simple-table th,
.matchups-simple-table td { padding: 6px 8px; text-align: center;     border: none !important;}
.matchups-simple-table th { background-color: #333; font-weight: normal; }
.matchups-simple-table td.pick-cell { justify-content: center;display: flex; align-items: center; }
.matchups-simple-table .pick-logo { height: 20px; width: 20px; margin-right: 8px; vertical-align: middle; }
.matchups-simple-table .pick-abbr { vertical-align: middle; }
.matchups-simple-table td.prob-cell { font-weight: normal; text-align: center; }
.woocommerce-Button.wc-forward.button {
  background:
#33d652 !important;
}
.woocommerce tr.order-total.recurring-total * .first-payment-date small {
  top: 5px !important;
  font-size: 11px !important;
  position: relative;
}
.quicktools p, .quicktools a, .quicktools .woocommerce-info {
  color: #fff !important;
}
.quicktools .parlay span, .quicktools .parlay p, .quicktools .parlay li, .quicktools .parlay td, .quicktools .parlay th {
    color: #fff !important;
}
.parlay * p {
    font-family: 'Poppins';
    font-size: 11px;
    transform: none !important;
}
.accuracyblock .global .accuracy-percentage {
    color:#f3e143!important;
}
.woocommerce-info.wc-memberships-restriction-message.wc-memberships-message.wc-memberships-content-restricted-message a {
  font-family: 'Poppins';
  font-size: 12px;
  text-decoration:
underline;
}
.woocommerce-info.wc-memberships-restriction-message.wc-memberships-message.wc-memberships-content-restricted-message a:hover {
    text-decoration:none;
}
.woocommerce-info.wc-memberships-restriction-message.wc-memberships-message.wc-memberships-content-restricted-message {
  margin:0 !important;
  background:none !important;
  padding:0px !important;
  font-weight: normal;
  font-family: 'Poppins';
  font-size: 12px;
}
/* Container for the toggle components */
.toggle-switch {
    position: relative;
    display: inline-flex; /* Align items inline */
    align-items: center;  /* Vertically center switch and text */
    cursor: pointer;
    /* Remove fixed width/height if you want it to size naturally */
    /* width: auto; */
    /* height: 24px; */
    -webkit-user-select: none; /* Prevent text selection on click */
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the actual checkbox input */
.toggle-switch input {
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute; /* Take it out of flow */
    outline:0!important;
    border:none!important;
}

/* The track of the slider */
.toggle-switch .slider {
    position: relative; /* Keep relative for child positioning */
    width: 44px; /* Width of the track */
    height: 24px; /* Height of the track */
    background-color: #333; /* Grey background when off */
    border-radius: 34px; /* Fully rounded ends */
    transition: background-color 0.3s ease; /* Smooth background transition */
    margin-right: 10px; /* Space between switch and text */
}

/* The knob of the slider */
.toggle-switch .slider:before {
    position: absolute;
    content: "";
    height: 18px; /* Diameter of the knob */
    width: 18px;  /* Diameter of the knob */
    left: 3px;    /* Initial left position */
    bottom: 3px;  /* Initial bottom position */
    background-color: white;
    border-radius: 50%; /* Make it circular */
    transition: transform 0.3s ease; /* Smooth sliding transition */
    box-shadow: 0 1px 3px rgba(0,0,0,0.2); /* Optional subtle shadow */
}

/* --- Checked State --- */

/* Change track background when checked */
.toggle-switch input:checked + .slider {
    background-color: #33d652; /* Green background when on */
}

/* Move the knob to the right when checked */
.toggle-switch input:checked + .slider:before {
    /* Translate X by: track width - knob width - (2 * left offset) */
    /* 44px - 18px - (2 * 3px) = 20px */
    transform: translateX(20px);
}

/* --- Label Text --- */
.toggle-switch .label-text {
    font-size: 12px;
    color: #aaa; /* Adjust color as needed */
    line-height: 24px; /* Align text vertically with switch height */
    white-space: nowrap;
}

/* --- Styling within header controls (from previous context) --- */
.predictions-header-controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    flex-wrap: nowrap;
}
.predictions-header-controls h3 {
    margin: 0 15px 0 0;
}
.postid-41281 main {
    padding: 120px 40px !important;
}
form.checkout.woocommerce-checkout * .wc-saved-payment-methods * {
    color: #fff !important;
}
.changelog a {
    color: #33d652;font-weight:normal!important;
}
.changelog em {
    color: #adffbc!important;
}
.changelog a:hover {
    color: #33d652;
    text-decoration:underline;
}
.firstcolumnform button {
    font-family: 'Teko';
    text-transform: uppercase;
    font-size: 24px !important;
    line-height: 1.1;
}
li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--members-area {
    display: none !important;
}
ul.woocommerce-SavedPaymentMethods.wc-saved-payment-methods * {
    color: #000 !important;
}
.woocommerce table tr.order-total * {
    font-weight: normal !important;
}
tr.order-total.recurring-total {
    background:none!important;height:auto!important;
}
tr.order-total.recurring-total * {
    background: none !important;
        font-weight: normal !important;
    color: #adffbc !important;
    font-family:'Poppins'!important;
    font-size:14px!important;
}
tr.order-total * {
    font-family: 'Teko';
    font-size: 28px !important;
}
tr.order-total {
    background: #33d652 !important;
    height: 40px !important;
}

table.shop_table.subscription_details td, table.shop_table.order_details td, table.shop_table.shop_table_responsive.my_account_orders.woocommerce-orders-table.woocommerce-MyAccount-orders.woocommerce-orders-table--orders td {
    border-bottom: 1px solid #444 !important;
    border-top: none !important;
    padding: 15px 0px !important;
}
table.shop_table.subscription_details, .shop_table.order_details, table.shop_table.shop_table_responsive.my_account_orders.woocommerce-orders-table.woocommerce-MyAccount-orders.woocommerce-orders-table--orders {
    padding: 25px !important;
    box-shadow: none !important;
    border: none !important;
    background: rgba(0, 0, 0, 0.2);
}
a.subscription-auto-renew-toggle.subscription-auto-renew-toggle--on i {
    background: #33d652 !important;
    border-color: #33d652 !important;
}
tfoot th {
    border: none !important;
}
.e-my-account-tab * :not(#analytics) :not(#analytics *) a.woocommerce-Button.button:hover, .e-my-account-tab * :not(#analytics) :not(#analytics *) .woocommerce-MyAccount-content a.button:hover, .e-my-account-tab * :not(#analytics) :not(#analytics *) .woocommerce-Button:hover, .e-my-account-tab * :not(#analytics) :not(#analytics *) a.woocommerce-button:hover, .e-my-account-tab * :not(#analytics) :not(#analytics *) a.wcs-switch-link.button:hover {
    color: #000 !important;
    background:#fff!important;
}
a.wcs-switch-link.button {
    margin-left: 10px !important;
}
a.woocommerce-Button.button, .woocommerce-MyAccount-content a.button, .woocommerce-Button, a.woocommerce-button{
    text-transform: uppercase;
    font-family: 'Teko'!important;
    font-size: 24px!important;
    font-weight: normal!important;
    padding: 15px 30px 13px 30px !important;
}

.elementor-price-table__feature-inner {
    display: flex
;
    align-items: center;
    gap: 10px;
    padding: 0px 10px;
}
.goldbox .elementor-price-table__features-list a {text-decoration:underline;color:#D6C633;font-family:'Teko';font-size:20px;}
 .goldbox .elementor-price-table em {color:#D6C633;font-family:'Teko';font-size:20px;}
 
 .pinkbox .elementor-price-table__features-list a {text-decoration:underline;color:#E98EE4;font-family:'Teko';font-size:20px;}
 .pinkbox .elementor-price-table em {color:#E98EE4;font-family:'Teko';font-size:20px;}
 
  .greenbox .elementor-price-table__features-list a {text-decoration:underline;color:#33D652;font-family:'Teko';font-size:20px;}
 .greenbox .elementor-price-table em {color:#33D652;font-family:'Teko';font-size:20px;}
.changelog ul {margin:0;padding:0;}
.changelog .e-loop-item{max-height:none!important;}
select#matchups-sport-accuracy-filter {
    margin: 0 !important;
    font-size: 13px;
}
li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--dashboard {
    display: none !important;
}
td.probability svg {
    width: 16px;
    display: inline-flex
;
    height: 16px;
    margin-left: 3px;
    transform: translateY(2px);
}
ul + p {
  /* Your styles here */
  margin-top: 10px!important; /* Example: Add extra space after the list */
}
.e-n-accordion em {color:#adffbc;font-weight:normal;font-style:italic;}
.e-n-accordion .elementor-text-editor * {
    line-height:2.1!important;
}
.e-n-accordion .elementor-text-editor li {
    padding:6px 0px;
}

.e-n-accordion a {
    color:#33d652;
}
.e-n-accordion a:hover {
    color:#33d652;
    text-decoration:underline;
}
.parlay-icon-tooltip {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  /* cursor: help; */ /* REMOVED this line */
}

.parlay-icon-tooltip::after {
  /* Use data-title instead of title */
  content: attr(data-title);
  position: absolute;
  bottom: 100%;
  left: 50%;
  /* REMOVED translateY(-5px) to align bubble bottom with parent top */
  transform: translateX(-50%);
  white-space: nowrap;
  background-color: #33d652;
  color: #fff;
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 0.8em;
  /* INCREASED z-index */
  z-index: 11;
  opacity: 0;
  visibility: hidden;
  /* Pointer-events none prevents the tooltip from interfering with mouse events */
  pointer-events: none;
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
  /* Add a small margin-bottom to create space for the arrow */
  margin-bottom: 5px; /* Equal to arrow height */
}

.parlay-icon-tooltip::before {
  content: "";
  position: absolute;
  bottom: 100%; /* Positions tip at parent top */
  left: 50%;
   /* translateY(0px) is default, kept here for clarity */
  transform: translateX(-50%) translateY(0px);
  border-width: 5px;
  border-style: solid;
  border-color: #33d652 transparent transparent transparent; /* Points down */
  opacity: 0;
  visibility: hidden;
  pointer-events: none; /* Also add here */
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
   /* DECREASED z-index to be behind the bubble */
  z-index: 10;
  /* Align the base of the arrow with the bottom of the ::after margin */
  /* Adjust translateY slightly to compensate for the margin visually */
  /* This moves the arrow *down* slightly to sit just below the margin space */
  transform: translateX(-50%) translateY(5px); /* Match the margin-bottom value */

}
.nsl-button.nsl-button-default.nsl-button-google {
    box-shadow: none !important;
}
.parlay-icon-tooltip:hover::after,
.parlay-icon-tooltip:hover::before {
  opacity: 1;
  visibility: visible;
}
/* Optional: Style the SVG within the tooltip container if needed */
.parlay-icon-tooltip svg {
  /* vertical-align: bottom; */
}
.dt-length label {
    display: none !important;
}
.dt-layout-row {
    margin: 0 !important;
}
.accuracyblock .makewhite .accuracy-percentage {
    color:#fff!important;
}
.dt-search input {
    height: 30px;
    margin-bottom: 10px;
    font-size: 13px !important;
    color: #fff !important;
}
.woocommerce-MyAccount-navigation:first-of-type {
            overflow: hidden; /* Keep content within rounded corners */
            position: relative; /* Needed for absolute positioning if required, good practice */
    }
.dt-search label {
    display: none;
}
button#filter-high-prob-btn-all {
    padding: 10px !important;
    font-size: 18px !important;
    font-family: 'Teko';
    font-weight: normal;
}
form.matchups-date-range-form {
    display: flex
;
    gap: 20px;
    align-items: start;
}
.woocommerce-MyAccount-navigation:first-of-type ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.woocommerce-MyAccount-navigation:first-of-type li {
border:none;
}
.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li {
    border: none !important;
}
.e-my-account-tabs-horizontal .e-wc-account-tabs-nav .woocommerce-MyAccount-navigation ul li:first-of-type {
    border: none;
}
.woocommerce-MyAccount-navigation:first-of-type li:last-child {
    border-bottom: none; /* No border on last item */
}

.woocommerce-MyAccount-navigation:first-of-type a {
    display: block;
    padding: 12px 15px;
    text-decoration: none;
    color: #333;
    transition: background-color 0.2s ease;
}
        .toggle-arrow {
            display: inline-block; /* Allow transform */
            margin-left: 12px; /* Space between text and arrow */
            vertical-align: middle; /* Align with text */
        }

        /* Rotate arrow when the toggle button has .is-open class */
        .mobile-menu-toggle.is-open .toggle-arrow svg {
            transform: scaleY(-1);
        }
.woocommerce-MyAccount-navigation:first-of-type a:hover {
    background-color: #f9f9f9;
}

.woocommerce-MyAccount-navigation:first-of-type .woocommerce-MyAccount-navigation-link.is-active a {
    font-weight: bold;
    color: #0056b3; /* Highlight color for active item */
    background-color: #e7f1ff; /* Light blue background for active */
}
.mobile-menu-toggle.is-open {
    margin-bottom: 10px;
}
/* Mobile Toggle Button Styling */
/* Target the toggle within the first nav */
.woocommerce-MyAccount-navigation:first-of-type .mobile-menu-toggle {
    display: none; /* Hidden by default on desktop */
    cursor: pointer;
    font-family:'Teko';
    font-size:26px;
    text-align: center;
    box-sizing: border-box; /* Include padding in width/height */
    width: 100%; /* Ensure it takes full width */
}

nav.woocommerce-MyAccount-navigation.mobile-expanded ul li, nav.woocommerce-MyAccount-navigation.mobile-expanded ul li a {
    padding: 1px 0px !important;
    font-family: 'Poppins' !important;
    font-size: 14px !important;
}
span.toggle-arrow svg {
    width: 14px !important;
    height: 14px !important;
    transition:0.2s ease all;
}
.roster-context li {
    padding: 0px;
    line-height: 1.6;
}

.roster-context {
    font-size: 13px;
}
ul.playersout {
    color: #ecef7f;
}

.she-header {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}
.parlay * {
    color:#000!important;
    font-family:'Teko';font-size:20px;
}
.parlay span.team-abbr, .parlay .plus-separator {
    transform: translateY(2px);
}
div#matchups-daily-averages-table-all_wrapper, div#matchups-daily-averages-table-user_wrapper {
    overflow-x: auto;
}
.firstcolumn span.plus-separator {
    display:none;
}
.firstcolumn span.high-confidence-pick-item {
    width: 70px;
}
.firstcolumn span.high-confidence-pick-item .parlay-img-container {
    padding: 0px !important;
    width: 18px !important;
    height: 19px !important;
    display:flex;
}

.firstcolumn span.high-confidence-pick-item {
    background: rgb(0 0 0);
    padding: 4px 8px;
    border-radius: 4px;
        transition:0.3s ease all;
    border: 1px solid rgba(255, 255, 255, 0.15);
}
.firstcolumn span.high-confidence-pick-item:hover {
    border: 1px solid #33d652;
    transition:0.3s ease all;
}
.parlay-img-container {
    width:32px!important;
    max-width:none!important;
    background:rgba(0,0,0,0.15);
    height:32px!important;
    padding:7px;
    display:inline-block;
    object-fit:contain;
    object-position: center;
    border-radius:32px;
}
.high-confidence-picks-wrapper {
    display: flex
;
    align-items: center;
    justify-content: center;
    gap: 2px;
    flex-wrap:wrap;
}
span.high-confidence-pick-item {
    display: flex
;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.elementor-heading-title {
    transform: translateY(2px);
}
em {color:#33d652;font-style:normal;}
p, .elementor-widget-shortcode {font-family:'Poppins';}

#limit-reached-modal * {
    text-align:center;
}
.row.datatable-bottom-controls {
    margin-top: 20px !important;
}
#analytics input, #analytics select {
    background: rgb(49 49 49) !important;
    outline: 0 !important;
    box-shadow: none !important;
    color: #fff !important;
    display: inline-flex
;min-height: 0px !important;
    width: auto;
    border: none !important;
    border-radius: 4px;
    height: 40px !important;
}
div.dt-container .dt-paging .dt-paging-button.disabled, div.dt-container .dt-paging .dt-paging-button.disabled:hover, div.dt-container .dt-paging .dt-paging-button.disabled:active {
    cursor: default;
    color: rgb(124 124 124 / 50%) !important;
}
#analytics form button, #analytics form select {
    padding: 0px 15px !important;
    font-size: 18px !important;
    font-family: 'Teko';
    font-weight: normal;
    height: 40px;
}
div.dt-container .dt-paging .dt-paging-button {border:none!important;}
input#dt-search-0 {
    filter: grayscale(1) brightness(100);
}
div.dt-container .dt-paging .dt-paging-button.current, div.dt-container .dt-paging .dt-paging-button.current:hover {
    background: rgba(49, 49, 49);
    border-radius: 4px;
    border: none!important;
    height: 40px !important;
    line-height: 1;
    min-height: 0 !important;
}
#analytics .row {
    display: flex
;
    align-items: center;
    gap: 20px;
}
div.dt-container .dt-paging .dt-paging-button:active, div.dt-container .dt-paging .dt-paging-button:hover {
    background: #000 !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 4px;
    outline: none !important;
}
.woocommerce-dashboard .woocommerce-MyAccount-content-wrapper {
    background: none !important;
}
.woocommerce input#dt-search-1 {
    height: 40px !important;
    min-height: 0px;
    padding: 0px 15px !important;
}
.woocommerce-MyAccount-content > div {
    background: #2f2f2f !important;
}
.row.datatable-bottom-controls input, .row.datatable-bottom-controls select {
    margin: 0 !important;
    font-size: 12px !important;
}
address {
    background: none !important;
}
input#dt-search-0 {
    padding: 0px 15px!important;
    line-height: 1 !important;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.05) !important;
}
.dt-info {
    font-size: 11px;
    margin-top: 5px;
    margin-bottom: 3px;
}
td.airesponses button {
    font-size: 11px !important;
}
#analytics input::placeholder, #analytics select::placeholder {
    color: #ccc !important;
}
div#matchups-ai-response-content * h3 {
    font-size: 30px !important;
    margin: 0!important;
}

 #analytics select {
     margin-bottom:10px;
 }
/* GIF Confirmation Overlay */
/* GIF Confirmation Overlay */
#matchups-gif-overlay {
  position: fixed; /* Cover the whole screen */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* Darker semi-transparent background */
  background-color: rgba(0, 0, 0, 0.8); /* Increased from 0.6 to 0.8 */
  display: none; /* Hidden by default */
  /* Flexbox used to center the container */
  display: flex;
  justify-content: center; /* Center horizontally */
  align-items: center; /* Center vertically */
  z-index: 10000; /* Ensure it's on top */
  padding: 20px;
  box-sizing: border-box;
}
/* Lottie Confirmation Overlay - Updated */
#matchups-lottie-overlay { /* Renamed ID slightly */
  position: fixed; /* Cover the whole screen */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6); /* Semi-transparent black background */
  display: none; /* Hidden by default */
  /* Flexbox used for centering */
  display: flex;
  justify-content: center; /* Center horizontally */
  align-items: center; /* Center vertically */
  z-index: 10000; /* Ensure it's on top */
  padding: 20px;
  box-sizing: border-box;
}

/* Style the player itself directly if needed */
#matchups-lottie-overlay lottie-player {
  /* You might not need specific styles here if attributes are set */
}
#matchups-gif-container {
  background-color:none; /* Green background */
  /* Increased padding for a larger circle */
  padding: 10px;           /* Increased from 25px */
  border-radius: 4px;      /* Make it a circle */
  display: inline-block;   /* Fit the content */
  box-shadow: 0 5px 15px rgba(0,0,0,0.3); /* Optional shadow */
}

#matchups-gif-overlay img {
  display: block;
  /* Increased max size to allow larger GIF */
  max-width: 400px;       /* Increased from 150px */
  max-height: 400px;      /* Increased from 150px */
  width: 100%;
  height: auto;
  border-radius: 4px;
}
.makegreen.bigger em {font-size:36px;font-family:'Teko';color:#fff!important;margin:10px 0px 20px!important;line-height:1;}
.makegreen em {color:#33d652!important;font-style:normal!important;}
form.checkout.woocommerce-checkout span.cpsw-save-cards.cpsw-payment-element-save-method label {
    color: #000 !important;
}
.changelog em {color:#33d652;font-style:normal;}
p:last-child { margin:0;}
.changelog .e-loop-item:nth-child(odd) {
    background: rgba(255, 255, 255, 0.05);
}
.changelog .e-loop-item:hover {
    background: rgba(255, 255, 255, 0.1);
}
.teko {font-family:'Teko'!important;font-weight:normal!important;}
.elementor-alert-title {font-family:'Teko'!important;font-weight:normal!important;}
form.checkout.woocommerce-checkout * {
    color: #fff !important;
}
body select#matchups-sport-accuracy-filter {
    border: 1px solid #333 !important;
    box-shadow: none !important;
    outline: 0;
    border-radius: 4px;
}
div#loader-video-container:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 99;
    left: 0;
    top: 0;
}
.matchups-accuracy-filter {
    display: inline-flex
;
    border: none !important;
}
span.filter-spinner {
    display: inline-flex
;
    align-items: center;
    font-size: 18px;
    font-family: 'Teko';
}
.e-wc-account-tabs-nav {
    border-bottom: 1px solid #333;
    padding-bottom: 20px;
}
.elementor-shape-circle .elementor-icon-wrapper a {
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 100%;
}
.grecaptcha-badge {
    display: none !important;
}
nav.woocommerce-MyAccount-navigation ul li a:hover {
    color: #33d652 !important;
}
div#matchups-user-predictions {
    overflow-x: auto;
}


button.woocommerce-Button.button, .woocommerce-MyAccount-content-wrapper .button {
    background: #33d652 !important;
    border:none!important;
    border-radius:4px!important;
    padding:15px 25px!important;
}
.woocommerce-MyAccount-content-wrapper {
    padding: 15px !important;
    border: 1px solid #ddd;
    border-radius: 4px;
}
.woocommerce-MyAccount-content .payment_box.payment_method_cpsw_stripe_element * {
    background: #d8e5db !important;
}
p.no_subscriptions.woocommerce-message.woocommerce-message--info.woocommerce-Message.woocommerce-Message--info.woocommerce-info {
    display: flex
;
    justify-content: space-between;
    align-items: center;
}
p.no_subscriptions.woocommerce-message.woocommerce-message--info.woocommerce-Message.woocommerce-Message--info.woocommerce-info:after {
display:none;
}
.e-my-account-tab__dashboard .woocommerce-MyAccount-content-wrapper {
    border: none !important;
    padding: 0px !important;
}
.woocommerce-MyAccount-content-wrapper {
    border: 1px solid #333 !important;
}
.woocommerce-info, .e-my-account-tab .woocommerce-info {
    padding: 10px 15px !important;
    border: none !important;
    background: #333 !important;
    border-radius: 4px!important;
}
span.select2-dropdown.select2-dropdown--below {
    background: #282828 !important;
    color: #fff !important;
}
.woocommerce-message, .e-my-account-tab .woocommerce-message {
    padding: 10px 15px !important;
    border: none !important;
    background: #111 !important;
    border-radius: 4px!important;
}
p#billing_same_as_shipping_field {
    display: none;
}
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
    background-color: #33d652!important;
    color: #fff;
}
span.select2-selection__arrow {
    background: none !important;
    color: #fff !important;
}
body .woocommerce span.select2-selection.select2-selection--single {
    background: rgba(255, 255, 255, 0.15) !important;
    padding: 0px 15px !important;
    outline: 0 !important;
    border: none !important;
}
div.woocommerce form #billing_address_2_field>label, div.woocommerce form #shipping_address_2_field>label, div.woocommerce form .form-row label {
    margin-bottom: 7px !important;
}
.select2-container .select2-selection--single .select2-selection__arrow b {

    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItY2hldnJvbi1kb3duIj48cG9seWxpbmUgcG9pbnRzPSI2IDkgMTIgMTUgMTggOSI+PC9wb2x5bGluZT48L3N2Zz4=) no-repeat !important;

}
span.select2-selection.select2-selection--single {
    background: rgba(255,255,255,0.15)!important;
}
.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[data-selected=true] {
    background-color: #3e3e3e!important;
}
.woocommerce-error, .e-my-account-tab .woocommerce-error {
    padding: 10px 15px !important;
    border: none !important;
    background: #fc6464 !important;
    border-radius: 4px!important;
}
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {display:none;}
button.woocommerce-Button.button:hover, .woocommerce-MyAccount-content-wrapper .button:hover {
    background: #fff !important;
    color:#000!important;
}
nav.woocommerce-MyAccount-navigation ul * {
    background: none !important;
}
.e-wc-account-tabs-nav a.button.wcs_deletion_error:hover, .e-wc-account-tabs-nav a.button:hover {
    background: #fff !important;    color:#000!important;
}
.e-my-account-tab * :not(#analytics) :not(#analytics *) a.button:hover {
    color: #000 !important;
}
nav.woocommerce-MyAccount-navigation li a {
    font-family: 'Teko';
    font-weight: normal !important;
    font-size: 24px !important;
    padding: 0px !important;
    text-align: center !important;
}
.e-my-account-tab {
    border-radius: 4px !important;
    padding: 20px!important;
}
.e-my-account-tab *
  /* ...that are NOT the element with ID 'analytics'... */
  :not(#analytics)
  /* ...AND are NOT descendants of the element with ID 'analytics' */
  :not(#analytics *) {
    color: #fff !important;
}
.woocommerce-checkout h1.entry-title {
    display: none !important;
}
span#billing_address_1-description {
    display: none !important;
}
.fc-checkout-order-review__inner {
    border: 1px solid #333 !important;
    box-shadow: none !important;
}
.woocommerce-order * {
    color: #fff;
}
input[type="checkbox"] {
    min-height: 0px !important;
}
body.woocommerce-checkout .fc-wrapper div.quantity {
    display: none !important;
}
img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
    border: none !important;
    box-shadow: none !important;
    max-width: 40px !important;
}
input#billing_email {
    outline: 0 !important;
    padding: 0px 15px;
}
.payment_box.payment_method_cpsw_stripe_element {
    padding-right: 0px !important;
}
div#woocommerce-billing-fields__field-wrapper label {
    display: none;
}
tr.order-total.recurring-total * {
    font-weight: normal !important;
    color: #33d652 !important;
}
ul.wc_payment_methods.payment_methods.methods {
    left: 5px;
    position: relative;
}
span.cpsw-save-cards.cpsw-payment-element-save-method {
    color: #fff;
    line-height: 1.5;
}
.fc-place-order {
    padding: 0 !important;
}
.payment_box.payment_method_cpsw_stripe_element {
    padding: 0px 0 0 15px !important;
}
li.wc_payment_method.payment_method_cpsw_stripe_element.has-payment-box {
    left: -15px;
    position: relative;
}
button#place_order, button.button.alt.fc-place-order-button {
    background: #33d652;
    outline: 0 !important;
    font-family:'Teko';
    text-transform:uppercase;
    font-size:24px;
    padding:15px 30px 12px 30px;
    font-weight:normal;
}
button#place_order:hover, button.button.alt.fc-place-order-button:hover {
    background:#fff;
    color:#000!important;
}
.woocommerce-terms-and-conditions-wrapper {
    display: none !important;
}
li.wc_payment_method.payment_method_cpsw_stripe_element.has-payment-box label {
    border: none !important;
    background: none !important;
}
.payment_box.payment_method_cpsw_stripe_element {
    padding: 15px !important;
    background: none !important;
    border: none !important;
}
span#billing_email-description {
    display: none;
}
body.has-fc-design-template--boxed .fc-wrapper .fc-checkout-step {
    margin: 0 0 20px;
    border-radius: 4px;
    box-shadow: none !important;
    border: 1px solid rgba(255, 255, 255, 0.25);
    background: rgb(0 0 0) !important;
}
body.has-highlighted-billing-section div.woocommerce form .fc-step__substep[data-substep-id=billing_address] .select2-selection, body.has-highlighted-billing-section div.woocommerce form .fc-step__substep[data-substep-id=billing_address] .select2-selection .select2-selection__rendered, body.has-highlighted-billing-section div.woocommerce form .fc-step__substep[data-substep-id=billing_address] .ts-control, body.has-highlighted-billing-section div.woocommerce form .fc-step__substep[data-substep-id=billing_address] input[type=date], body.has-highlighted-billing-section div.woocommerce form .fc-step__substep[data-substep-id=billing_address] input[type=email], body.has-highlighted-billing-section div.woocommerce form .fc-step__substep[data-substep-id=billing_address] input[type=number], body.has-highlighted-billing-section div.woocommerce form .fc-step__substep[data-substep-id=billing_address] input[type=password], body.has-highlighted-billing-section div.woocommerce form .fc-step__substep[data-substep-id=billing_address] input[type=search], body.has-highlighted-billing-section div.woocommerce form .fc-step__substep[data-substep-id=billing_address] input[type=tel], body.has-highlighted-billing-section div.woocommerce form .fc-step__substep[data-substep-id=billing_address] input[type=text], body.has-highlighted-billing-section div.woocommerce form .fc-step__substep[data-substep-id=billing_address] input[type=url], body.has-highlighted-billing-section div.woocommerce form .fc-step__substep[data-substep-id=billing_address] select, body.has-highlighted-billing-section div.woocommerce form .fc-step__substep[data-substep-id=billing_address] textarea, .woocommerce input {
    background-color: rgba(255, 255, 255, 0.12) !important;
    color: inherit !important;
    outline: 0 !important;
    border-radius: 4px;
    min-height: 45px;
    line-height: 45px;
    padding: 0px 15px;
}
.payment_box.payment_method_cpsw_stripe_element {
    left: 10px;
    background: #d8e5db!important;
    border-radius: 4px !important;
}
span.select2-selection.select2-selection--single {
    border: none !important;
}
span#select2-billing_country-container, span#select2-billing_state-container {
    padding: 0;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}
body.has-highlighted-billing-section div.woocommerce form .fc-step__substep[data-substep-id=billing_address] {
    background: none !important;
}
.accuracyblock .accuracy-percentage {
    color:#33d652!important;display:block;font-size:28px;font-family:'Teko';font-weight:normal;
    margin-top:8px;
}
.ic-theme--porthole .image-choices-choice .gform-field-label:after {
    top: calc(var(--ic-height) / 1)!important;
}
.ic-theme--circle .image-choices-choice .gform-field-label:after {
    top: 90%!important;
    bottom: 0!important;
    width: 50px!important;
    height: 50px!important;
    background-size: 25px!important;
}
.gfield.choice-buttons .gchoice {
     z-index:1;
     position:relative;
     margin:0 0 10px 0;
     padding:0;
     height:50px!important;
     width: 100%!important;
}
.gfield.choice-buttons input.gfield-choice-input {
     z-index:2;
     appearance:none;
     margin:0;
     padding:0;
     width: 100%;
     border-radius: 5px;
     height:100%;
     transition: .3s all ease-in-out;
     background:#dfe1e5;
     position:absolute;
}
.gfield.choice-buttons input.gfield-choice-input:hover,
.gfield.choice-buttons .gchoice label:hover {
     cursor:pointer;
}
.gfield.choice-buttons input.gfield-choice-input:checked {
     background:#1273e6;
}
.gfield.choice-buttons input.gfield-choice-input:checked + label {
     color:white;
}
.gfield.choice-buttons .gchoice label {
     z-index:3;
     font-weight:700;
     color:#141c25;
     display:block;
     position: absolute;
     padding: 0 0 0 30px;
     top: 50%;
     transform: translateY(-50%);
     width:100%;
     overflow:visible;
}
.gfield.choice-buttons input.gfield-choice-input + label:after {
     content: "";
     position: absolute;
     right: -10px;
     transform: translateY(-50%);
     width: 30px;
     height: 30px;
     border: 2px solid #c5c9d2;
     z-index: 2;
     top: 50%;
     transition: .3s all ease-in-out;
     color: white;
     font-size: 25px;
     text-align: center;
     line-height: 25px;
     font-weight: 500;
}
.gfield.choice-buttons input[type="checkbox"].gfield-choice-input + label:after {
     border-radius: 5px;
}
.gfield.choice-buttons input[type="radio"].gfield-choice-input + label:after {
     border-radius:50px;
}
.gfield.choice-buttons input.gfield-choice-input:checked + label:after {
     content: "\00D7";
     border: 2px solid white;
}

form#gform_1 {
    padding: 25px;
    background: #fff;
    border-radius: 4px;
}
div#gform_confirmation_wrapper_1 {
    color: #000;
    background: #33d652;
    padding: 30px;
    text-align: center;
    font-size: 18px;
    border-radius: 4px;
}
.ginput_container.ginput_container_total {
    display: inline-flex; /* Keep this: makes container lay out children inline */
    align-items: center;  /* Keep this: vertically centers input and span */
    position: relative;
}
div#field_1_35 {
    background: #33d652;
    border-radius: 4px;
}
/* The total input field */
input#input_1_35 {
    background: #33d652 !important;
    border-radius: 4px;
    border: none !important;
    font-size: 24px !important;
    height: auto !important;
    padding: 8px 15px !important;
    font-weight: bold;
    color: #fff !important;
    width: 11ch; /* Keep this */
    max-width: 100%; /* Keep this */
    display: inline-block; /
}
span#gform_total_suffix_1_35 {
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    margin-left: 5px;
    position: absolute;
    right: 0px;
}
body .gfield.choice-buttons input.gfield-choice-input:checked {
    background: #33d652 !important;
}
div#gfield_consent_description_1_32 {
    height: 80px;
}
label#input_1_17_5_label, label#input_1_17_1_label {
    margin-bottom: 8px;
}
.gform_wrapper.gravity-theme .gfield_required {
    color: #000000;
    display: inline-block;
    font-size: 11px;
    padding-inline-start: 0.125em;
    font-weight: bold;
}
.gfield--type-section:first-child h3.gsection_title {
    margin:0!important;
}
.accuracyblock * {text-align:center;}
#matchups-ai-response { display: none; }
span.matchups-accuracy {
    font-weight: normal;
}
.globalacc a {display:flex;align-items:center;justify-content:center;gap:6px;}
.plusicon {fill:#fff!important;}
.globalacc:hover .plusicon, .globalacc:hover a {fill:#33d652!important;color:#33d652!important;}
div#matchups-pagination {
    margin: 10px 0 0 0;
}

div#matchups-pagination button {
    padding: 8px 15px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
span#page-info {
    padding: 0px 10px;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px;
}
.prediction-row:nth-child(odd){
    background:rgba(255,255,255,0.05);
}
.prediction-row:hover{
    background:rgba(0,0,0,0.3)!important;
}
div#matchups-user-predictions-table {
    font-size: 13px;
}

.predictions-table {
    width: 100%;
}

.logo {
    vertical-align: middle;
}

.wheel .elementor-icon-wrapper {
    display: flex
;
    align-items: center;
}

.percent {
    color: #33d652;
    font-style: italic;
    margin-left: 2px;
}
.headerright > div, .headerright button {height:50px;line-height:1;}
td.awayvshome {
    min-width: 200px;
}
table.new-prediction-snippet {
    width: 100% !important;    display: block;
}
table.new-prediction-snippet td:nth-child(2) {
    min-width: 110px;
    color: #33d652;
}
span.elementor-button-text {
    transform: translateY(2px);
}
a#user-tokens-remaining {
    transform: translateY(2px);
}
span.e-n-menu-title-text {
    transform: translateY(1px);
}
table.new-prediction-snippet td:first-child {
    min-width: 200px;
}
table, table td {
    text-align: left;
    vertical-align: middle;
}
td.predicted {
    min-width: 110px;
}
.usertokens {
    text-transform:uppercase;
    font-weight:bold;
    letter-spacing:0px; 
}
.usertokens .elementor-widget-container {
    display: flex
;
    align-items: center;
}
.firstcolumnform {
    display: flex
;
    align-items: center;
    justify-content: center;
    gap: 20px;
    flex-direction: row;
    align-content: center;
}
.greencolor {
    color:#33D652!important;
}
a.tokencount {
    display: flex
;
    align-items: center;
    justify-content: center;
    gap: 5px;
    line-height: initial;
    font-size: 24px;
    font-family: 'Teko';
    font-weight: normal;
    line-height: 1; 
}
.redcolor {
    color:red!important;
}
li.game-date {
    padding: 20px;
    background: #0000009c;
    font-weight: bold;
}
tr.highlight {
    background: #1e9a36a1;
}
li.game-date:hover {
    background: #0000009c;
}
.globalaccuracy {font-size:14px;}

span.atsymbol {
    margin: 0px 5px;
}
select:focus {
        border: 1px solid #33D652!important;
}
#matchups-sport-select {
    background-color: #333; /* Dark background */
    color: white; /* White text */
    border: 1px solid #444; /* Dark border */
    padding: 8px; /* Optional padding */
    font-size: 13px; /* Optional font size */
    border-radius: 4px; /* Optional border radius */
    cursor: pointer; /* Change cursor to pointer */
    outline:0;
    min-height:43px;
}

#matchups-sport-select:hover {
    background-color: rgba(255, 255, 255, 0.1); /* 10% white background on hover */
}

#matchups-sport-select option {
    background-color: #333; /* Ensure options match the select's background */
    color: white; /* White text for options */
}

#matchups-sport-select option:disabled {
    color: gray; /* Disabled option text */
    background-color: #333; /* Keep disabled options with dark background */
}

/* Ensure that the select element behaves consistently on all devices */
#matchups-sport-select {
    -webkit-appearance: none; /* Removes default styling in Safari */
    -moz-appearance: none; /* Removes default styling in Firefox */
    appearance: none; /* Standardize the appearance */
}

/* Add a custom arrow on mobile to enhance the dropdown */
#matchups-sport-select {
    background-image: url('https://matchups.ai/wp-content/uploads/2025/04/down-arrow-1.svg');
    background-repeat: no-repeat;
    background-size:14px;
    background-position: right 10px center; /* Position the arrow to the right */
    padding-right: 30px; /* Adjust the padding to accommodate the arrow */
}

.game-item em {
    display: block;
    font-size: 12px;
    text-align: left;
    margin-top: 5px;
    color: rgba(255,255,255,0.5);
    margin-left: 5px;
}
li.game-item:last-child {
    border: none !important;
}
div#matchups-ai-response, div#matchups-user-predictions {
    border:1px solid rgba(255,255,255,0.15)!important;
    border-radius:4px;
    background:rgba(255,255,255,0.05);
    padding:20px!important;
}
.firstcolumnwrapper {
    border:1px solid rgba(255,255,255,0.15)!important;
    border-radius:4px;
    background:#0D0F0E;
    padding:20px!important;
}


li.game-item {
    border-bottom: 1px solid rgba(255,255,255,0.2);
}
div#matchups-predictor-wrapper .secondcolumn {
    width: 75%;
}
div#matchups-predictor-wrapper .firstcolumn {
    width: 25%;
}
div#matchups-games-list {
    border-radius: 4px;
    margin-top:6px;
}
div#matchups-predictor-wrapper {
    display: flex
;
    align-items: flex-start;
    gap: 40px;

}
.fullscreen-loader {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 9999;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-direction: column;
  color:#fff;
}

.loader-content {
    text-align: center;
    height: auto;
    align-self: center;
    justify-content: center;
    display: flex
;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.loader-spinner {
  width: 160px;
  height: 160px;
  margin-bottom: 25px;

}
.loader-messages {
    position: relative;
    color: #fff;
    font-size: 30px;
    width: 100%;
}

.loader-message {
  position: absolute;
  width: 100%;
  opacity: 0;
}

@keyframes fadeSlide {
  0%, 90% { opacity: 0; transform: translateY(20px); }
  10%, 80% { opacity: 1; transform: translateY(0); }
  95% { opacity: 0; transform: translateY(-20px); }
}

.loader-message {
  animation: fadeSlide 2.5s ease-in-out forwards; /* Slightly longer animation */
}

.loader-message:nth-child(1) { animation-delay: 0s; }
.loader-message:nth-child(2) { animation-delay: 2s; }
.loader-message:nth-child(3) { animation-delay: 4s; }
.loader-message:nth-child(4) { animation-delay: 6s; }
.loader-message:nth-child(5) { animation-delay: 8s; }
.loader-message:nth-child(6) { animation-delay: 10s; }
.loader-message:nth-child(7) { animation-delay: 12s; }
.loader-message:nth-child(8) { animation-delay: 14s; }
.loader-message:nth-child(9) { animation-delay: 16s; }
.loader-message:nth-child(10) { animation-delay: 18s; }
.loader-message:nth-child(11) { animation-delay: 20s; }
.loader-message:nth-child(12) { animation-delay: 22s; }
.loader-message:nth-child(13) { animation-delay: 24s; }
.loader-message:nth-child(14) { animation-delay: 26s; }
.loader-message:nth-child(15) { animation-delay: 28s; }
div#matchups-games-list li:hover {
    background: rgba(255,255,255,0.1);
}
button#matchups-predict-btn {
    width: 100%;
}
div#matchups-games-list li {
    position:relative;
}
.actual {
  min-width: 96px;
}
div#matchups-games-list input {opacity:0;position:absolute;}
div#matchups-games-list label {
    padding: 12px;
    margin: 0 !important;
    width: 100%;
}
li.game-item.selected-game, li.game-item.selected-game:hover {
    background: #33d652a1!important;
}
div#matchups-games-list {
    font-size: 14px;
    font-weight: normal !important;
}
div#matchups-games-list {
    background: rgba(255,255,255,0.1);
    padding: 0px;
}
div#matchups-ai-response-content pre a, div#matchups-ai-response-content a, .modal-body a {
    color: #01c9a5;
    font-weight: normal;
}
div#matchups-games-list {
    max-height: 500px;
    overflow-y: scroll;
}
table#matchups-user-predictions-table * {
    font-size: 12px !important;
    text-align: left;
}
.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 99999;
}

.modal-content {
    background: #3c3c3c;
    padding: 20px;
    border-radius: 5px;
    max-width: 600px;
    width: 90%;
    max-height: 80vh;
    overflow-y: auto;
    position: relative;
    margin: 0 auto;
    top: 50%;
    bottom: 50%;
    transform: translate(0, -50%);
}
.citations {
    font-size: 13px;
    margin-top: 20px;
    font-style: italic;
}
.modal-close {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 24px;
  cursor: pointer;
}
.modal-body h3 {
    margin: 30px 0px 10px 0px !important;
}
.modal-body {
  margin-top: 20px;
}
div#matchups-ai-response-content pre a:hover, div#matchups-ai-response-content a:hover, .modal-body a:hover {
    color: #000;
}
.ai-response {
    white-space: pre-wrap;
    text-align: left;
    max-height: 60vh;
    overflow-y: auto;
    padding: 15px;
    background: #f8f9fa;
    border-radius: 4px;
}

/* Table button styling */
.show-ai-response {
    background: #2271b1;
    color: white;
    border: none;
    padding: 5px 10px;
    border-radius: 3px;
    cursor: pointer;
}
div#matchups-ai-response-content * {
    font-size: 14px !important;
}
#nfl-matchups-table * {
    font-size:13px;
}
div#nfl-matchups-table_wrapper {
    overflow-x: auto;
    width: 100%;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
    padding: 20px;
    height:90vh!important;
}
#nfl-matchups-table th {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    padding-bottom: 40px; /* Add space for the filter input */    max-width: 50px;

}
#nfl-matchups-table th:hover::after {
    content: attr(data-title);
    position: absolute;
    white-space: nowrap;
    background-color: #f5f5f5;
    padding: 3px 6px;
    border: 1px solid #ddd;
    z-index: 1;
    left: 0;
    top: 100%;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
/* Style for header text */
#nfl-matchups-table th .header-text {
    display: block;
}
/* Style for table data cells */
#nfl-matchups-table td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    max-width: 150px; /* Adjust as needed */
}
/* Tooltip style for showing full data on hover */
#nfl-matchups-table td:hover::after {
    content: attr(data-title);
    position: absolute;
    white-space: nowrap;
    background-color: #f5f5f5;
    padding: 3px 6px;
    border: 1px solid #ddd;
    z-index: 1;
    left: 0;
    top: 100%;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
/* Style for filter input fields */
#nfl-matchups-table th input[type="text"] {
    width: 100%;
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    left: 0;
}

.fdate-grid .today {
    background-color: #c9c9c9!important;
}
input.facetwp-date.facetwp-date-max.ready.fdate-input {
    display: none;
}

.predictbox, .resultbox {
    font-weight: 700;
    font-size: 14px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: center;
    line-height: 1;
}
.e-loop-item {
    max-height: 300px;
}
.predictbox img, .resultbox img {
    width: 24px;
    margin-right: 2px;
}
.predictcontainer div {
    width: 100%;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 13px;
    text-align:right;
}
.fdate-grid .selected {
    background-color: #3EDBBE!important;
}
.predictcontainer .statvalue {
    font-weight:bold;
}



@media (max-width:1180px) {
    .globalacc {display:none;}
}
@media (max-width:1024px) {
    .e-loop-item {
    max-height: 340px;
}
table#matchups-user-predictions-table {
    overflow-x: auto;
    width: 100%;
    max-width: 100%;
    display: block
;
}

div#matchups-predictor-wrapper .secondcolumn {
    width: 100%;
}
div#matchups-predictor-wrapper .firstcolumn {
    width: 100%;
}

div#matchups-predictor-wrapper {
    display: flex
;flex-wrap:wrap;flex-direction:column;
}
.globalacc * {
    padding:0!important;
    background:none!important;border:none!important;
    display:flex;
    align-items:center;
    font-size:12px;
}
             .e-off-canvas__content .usertokens * {
    font-size: 24px !important;
    /* width: 100% !important; */
    padding: 4px!important;
}
}
@media (max-width:767px) {
   .predictcontainer div {
    text-align:center;
    font-size:13px;
}
.firstcolumn, .secondcolumn {
    gap:0px!important;
    display:flex;flex-direction:column;
}
div#matchups-predictor-wrapper {
    gap:20px;
}
div#matchups-user-predictions {
    margin: 0 !important;
}
.e-loop-item > .e-con {
height:auto!important;
}
.e-loop-item {
    display: flex!important;
    max-height: 320px;
}
.logo:after {
    padding:1px 4px;
    font-size:10px;
}
.matchups-accuracy-filter {
    width: auto;
    display: inline-flex
;
}
.globalacc {font-size:11px!important;padding:10px!important;line-height:1.5!important;min-height:0px;height:auto!important;display:inline-flex!important;
}
.headerright > div, .headerright button {height:auto;line-height:1;}
.usertokens * {font-size:20px!important;}
a.tokencount.user-tokens-display {
    transform: translateY(1px);
}
.usertokens .elementor-widget-container {padding:0px!important;}

    a.tokencount {

    padding: 6px 8px;
}
   .globalacc .elementor-shortcode div {
    display: flex
;
    flex-wrap: wrap;
}
.percent {
    color: #33d652;
    font-size: 12px;
    font-style: italic;
    margin-left: 2px;
}
table.new-prediction-snippet {
    overflow-x: auto !important;
}
.gamedate {
    min-width: 80px;
}
div#matchups-user-predictions-table {
    overflow-x: auto;
}
#matchups-user-predictions-table img {
    margin: 0px !important;
}
.makegreen.bigger em {font-size:28px;font-family:'Teko';color:#fff!important;margin:10px 0px 20px!important;line-height:1;}
table#matchups-user-predictions-table * th {
    font-size: 11px !important;
}
table#matchups-user-predictions-table * {
    font-size: 11px !important;
}
    .awayvshome {
        min-width: 150px !important;
    }
.predicted {
        min-width: 75px !important;
    }
table td, table th {
    padding: 8px;
}
.modal-content {
    max-height: 70vh;
}
div#matchups-ai-response-content * h3 {
    font-size: 22px !important;
    margin: 0!important;
}
.modal-body h3 {
        margin: 25px 0px 5px 0px !important;
        font-size: 34px !important;
    }
    .modal-body h3 + h4 {
    margin-top: 10px;
}
.modal-body {
    font-size: 13px;
}
div#matchups-daily-averages-table-all_wrapper, div#matchups-daily-averages-table-user_wrapper {
    font-size: 11px !important;
}
.parlay-img-container {
    width:22px!important;
    height:22px!important;
    padding:3px;
    border-radius:22px;
}#analytics .row {

    flex-wrap: wrap;
}
div#matchups-games-list {
    max-height: 350px;
}
td.predicted {
    min-width: 80px !important;
}
a.woocommerce-Button.button, .woocommerce-MyAccount-content a.button, .woocommerce-Button {
    text-transform: uppercase;
    font-family: 'Teko';
    font-size: 18px;
    font-weight: normal;
    padding: 12px 20px 10px 20px !important;
}
.woocommerce-message {
    display: flex
;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 10px;
}
.firstcolumnform select {
    font-size: 14px !important;
}
.firstcolumnform button {
    font-size: 20px !important;
}
#matchups-sport-select {

    min-height:38px;
}
div#matchups-ai-response, div#matchups-user-predictions, .firstcolumnwrapper {
    padding:15px!important;
}
.predictions-header-controls h3 {
  font-size: 24px;
}
.toggle-switch .label-text {
  font-size: 10px;
  color: #aaa;
  line-height: 24px;
  white-space:
nowrap;
}
.elementor-alert-success .elementor-alert {
  padding:15px 25px 15px 15px;
}
.accuracyblock .accuracy-percentage {
font-size:22px;
    margin-top:6px;
}
.firstcolumn span.high-confidence-pick-item {
    width: 60px;
}
.vegas-line-item .line-label {
    width: 100%;
}
.vegas-line-item {
    /* gap: 0px; */
    display: flex
;
    flex-wrap: wrap;
    width: 100%;
}
span.line-details {
    width: calc(65% - 0.5px);
    border-top: 1px solid #222;
}
.roster-context .playersincontainer, .roster-context .playersoutcontainer {
    width: 100%;
    margin: 10px 0px;
}
span.line-source {
    width: calc(35% - 0.5px);
    border-top: 1px solid #222;
}

.roster-context, .vegas-lines-container {
    padding: 15px!important;font-size:12px;
}
div#matchups-user-predictions {
    padding: 0px !important;
}
div#matchups-user-predictions .predictions-header-controls {
    padding: 15px 15px 2px 15px !important;
}
div#matchups-pagination {
    margin: 10px 15px;
}
table#matchups-user-predictions-table tr td:last-child {
    border-right: none !important;
}
table#matchups-user-predictions-table tr td:first-child {
    border-left: none !important;
}
.predictionoutput {
    padding: 15px 20px;
    background: none;
    border-radius: 4px;
    display: grid
;
    gap: 5px;
    grid-auto-flow: initial;
    grid-auto-columns: initial;
    grid-template-columns: 1fr 1fr;
}
.predictionoutput strong {
    font-size:13px;
}
span.shrink {
    font-size: 11px;
}
.details {
    margin-bottom: 0px;
}
    .vote-btn {
        right: 25px;
        bottom: 32px;
        left: auto;
        background: transparent !important;
    }
.cards-filter-bar .filter-group * {
    font-size: 10px;
}
.cards-filter-bar .filter-group {
        width: 45%;
        margin: 0 !important;
    }
.cards-filter-bar {
    gap: 15px 0px;
        justify-content: space-between;
}
.logos-wrap {
    display: flex;
    justify-content: center;
    gap: 10px;
}
.meta .updated {
    justify-self: center;
    margin-bottom: 0;
    width: 100%;   text-align:center;
}
.details {
    gap:15px;
}
.filter-group label {
    width: 100%;
    margin: 0 !important;
}
.line-group {
    display: flex
;
    gap: 20px;
    justify-content: space-between;
}
.logo img {
    height: clamp(15vw, 4.6vw, 42px);
}
.prob-row {
    display: flex
;
    align-items: center;
    justify-content:center;
    width: auto;
}
.prob-badge {.meta .updated
    width: auto;
}
.card-header {
    justify-content:space-between;
}
.filter-group.accuracy {
    margin: 0 !important;
    width: 100%;
    text-align: center !important;
    display: flex
;
    justify-content: center;
}
.prob-badge, .confidence-badge {font-size:14px!important;}
span.favorite {
    white-space: nowrap;
}
.high-confidence-picks-wrapper * {font-size:15px!important;}
            .woocommerce-MyAccount-navigation:not(:first-of-type) {
                display: none;
            }

            /* Hide the standard list items by default on mobile */
            .woocommerce-MyAccount-navigation:first-of-type ul {
                display: none!important; /* Hide the whole UL initially */
            }

            /* Show the toggle button (which will be created by JS) */
            /* We target the nav itself now, JS adds the button inside */
             .woocommerce-MyAccount-navigation:first-of-type .mobile-menu-toggle {
                 display: block!important; /* Show the toggle on mobile */
             }

             /* When JS adds mobile-expanded, show the list */
             .woocommerce-MyAccount-navigation:first-of-type.mobile-expanded ul {
                 display: block!important; /* Show the list when expanded by JS click */
             }

}/* End custom CSS */