.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.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);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.calendar-container {
    margin: 10px 0 25px 0;
    text-align: center;
}

.calendar-date {
    margin: 0 5px;
    padding: 10px;
    text-decoration: none;
    color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 400;
}

.calendar-date.selected {
    background-color: #000;
    color: #fba41d;
}

.calendar-date:hover {
    background-color: #fba41d; /* Background color on hover */
    color: #000; /* Text color on hover */
}

.calendar-input-container {
    margin: 10px;
}

.calendar-input {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.matches-container {
    font-family: Arial, sans-serif;
}

.sp-league-header,
.competition-header-content {
      background: #fba41d;
    font-size: 12px;
    font-weight: 600;
    display: flex;
    align-items: center;
    padding: 5px 12px;
    border-bottom: 1px solid #e0e7ef;
    margin-top: 20px;
    margin-bottom: 6px;
    list-style: none;
    border-radius: 8px 8px 0 0;
}

.sp-league-header .competition-flag {
    margin-right: 10px;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    object-fit: cover;
}

.sp-league-header .league-title {
    font-size: 12px;
    font-weight: 600;
}

.match-item-link {
    text-decoration: none;
    color: inherit;
}

.match-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 6px;
    margin-bottom: 10px;
   
}

.match-info {
    
    align-items: center;
}


.team-name {
    font-weight: bold;
    font-size: 12px;
}

.vs-text {
    margin: 0 10px;
}

.match-tip-odds {
    font-size: 12px;
    display: flex;
    gap: 5px;
}

.tip-box, .odds-box {
    padding: 5px 15px;
    border: 1px solid;
    border-radius: 4px;
}

.tip-box {
    border-color: #fba41d;
    color: #ffffff;
}

.odds-box {
    border-color: #fba41d;
     color: #ffffff;
}

.no-matches {
    padding: 20px;
    background: #fef4f4;
    border: 1px solid #fcc;
    border-radius: 8px;
    text-align: center;
}

.score{padding:0 10px;}

@media (max-width: 768px) {
    .match-item {
        display: grid;
        grid-template-columns: 1fr auto;
        column-gap: 10px;
        row-gap: 5px;
        padding: 5px 0;
        border-bottom: 1px solid #ddd;
    }
    
    .hometipbox{display: flex; flex-wrap: wrap; gap: 0px!important;}

    
    /* Match card container */
#match-card {
   width:100%;
   margin:0 30px;
   
    
}

    .match-info {
        grid-column: span 2;
       
        font-size: 12px;
    }

    .match-info .kickoff-time {
        color: #555;
        font-size: 12px;
        white-space: nowrap;
    }

    .match-info .team-names {
        text-align: left;
        font-weight: bold;
        flex: 1;
    }

    .match-tip-odds {
        display: ruby;
        justify-content: space-between;
        align-items: center;
        font-size: 12px;
        margin: 0px 0 0 7px;
    }

    .match-tip-odds .tip-box {
        padding: 2px 5px;
        border-radius: 4px;
        border: 1px solid #fba41d;
        color: #ffffff;
        text-align: center;
        margin-right: 5px;
    }

    .match-tip-odds .odds-box {
        padding: 5px 10px;
        border-radius: 4px;
        border: 1px solid #fba41d;
        color: #ffffff;
        text-align: center;
        flex: 1;
    }
    
    .team-name {
    font-weight: bold;
    font-size: 12px;
}

.text{font-size:12px; text-align:center;}

.competition-name {
    font-size: 12px;}
    
    #match-details h2 {
    font-size: 13px;
    
}

}

   .sp-match-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.sp-match-row {
    display: flex;
    align-items: center; /* This vertically centers all columns */
    padding: 0; /* Adjust if you use padding/margin */
    background: #222;
    margin: 10px 0;
    color:white;
    font-size: 12px;
}
.sp-cell {
    display: flex;
   /* flex-direction: column;*/
    flex: 1;
}

.sp-cell-date-block, .sp-cell-time-block {
    display: flex;
    align-items: center;   /* vertical align icon and text */
    justify-content: center; /* center in the cell horizontally if you want */
    gap: 6px;              /* spacing between icon and text */
    max-height: 50px;
}
.sp-cell-date-block .sp-ico,
.sp-cell-time-block .sp-ico {
    margin-left:5px;
    width: 18px; height: 18px; /* or whatever fits your style */
    display: inline-block;
}
.sp-cell-date-block time, .sp-cell-time-block time {
    display: inline-block;
    font-size: 16px;
}
.sp-cell-center {
    flex: 1 1 auto;
    display: flex;
    align-items: center; /* ensures .sp-team-group is vertically centered */
    justify-content: center;
    min-width: 0;
}
.sp-team-group {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap:20px;
    min-width: 400px;
}

.sp-ico { width: 18px; height: 18px; color: #aaa;}

.sp-team-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 185px;
    gap: 0;
}
.sp-team-item p{
    margin:0px;
}
.sp-team-logo-name {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 3px;
    justify-content: center;
}
.sp-team-logo {
    width: 24px;
    border-radius: 50%;
    border: 1px solid #ececec;
    object-fit: contain;
}
.sp-team-name {
    font-weight: 700; font-size: 12px;
    margin: 0;
}
.last5-dots { 
    display: flex;
    gap: 2px;
    margin-top: 4px;
    align-items: center;
    justify-content: center;
}
.last5-dot { width: 8px; height: 8px; border-radius: 50%; background: #ccc; display: inline-block;}
.last5-dot.win { background: #3dac3c; }
.last5-dot.draw { background: #d8ab22; }
.last5-dot.loss { background: #c43d3d; }
.sp-cell-right {
    flex: 0 0 275px;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    padding: 0 14px;
}
.sp-pred-label { font-size: 13px; color: #fff; margin-right: 3px;}
.sp-pred-tip { font-size: 12px; font-weight: bold;}
.sp-pred-tip.green { color: #fba41d;}
.sp-pred-tip.red { color: #fba41d;}
.sp-pred-tip.yellow { color: #fba41d;}
.sp-bet-btn {
    background: #656565;
    color: #fff;
    border-radius: 6px;
    padding: 5px 14px;
    text-decoration: none;
    font-weight: 500;
    font-size: 12px;
    border: none;
    margin-right: 4px;
    margin-left: 6px;
    transition: background 0.2s;
    display: inline-block;
}
.sp-bet-btn:hover { background: #165487;}
.sp-odds-value { min-width:28px; font-size: 12px; font-weight: 700; color: #fff;}

.sp-team-group p {margin:0px; min-width:33px; text-align:center;}
.sp-result {
    
    font-weight: bold;
    font-size: 12px;
    color: #fba41d;
   
}
.last5-dot.btts-yes { background: #3dac3c; }
.last5-dot.btts-no  { background: #c43d3d; }
.last5-dot.over-dot { background: #3dac3c !important; }   /* Green for Over */
.last5-dot.under-dot { background: #c43d3d !important; }  /* Red for Under */

@media (max-width: 700px) {
    .team-performance-row {
        flex-direction: column;
        gap: 18px;
        padding: 12px 6px;
    }
    .team-performance-col {
        min-width: 0;
        width: 100%;
    }
    
    .sp-match-row { flex-direction: column; align-items: stretch; min-height: unset;}
    .sp-cell-date, .sp-cell-center, .sp-cell-right { border-right: none; padding: 8px 8px;}
    .sp-cell-right { justify-content: flex-start; }
       .sp-cell-right {
        flex: 0;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        padding: 5 14px;
        border-top: 1px solid;
    }
    .sp-cell-date{padding:0 5px; background:#656565; font-size:12px;}
    .sp-cell-date-block time, .sp-cell-time-block time {
    font-size: 12px;
}
.sp-bet-btn {
    padding: 0px 14px;
}
.sp-team-group {gap:15px; min-width: 270px;}
.sp-team-name {
    font-weight: 400;
    font-size: 12px;
    margin: 0;
}
.sp-team-item {
    
    min-width: 146px;
   
}
.sp-center-result{min-width:33px; text-align: center;}
}/* End custom CSS */