/* Developed entirely by staycreative.es 2025 */

/* general */
body{background-color: #0f0f0f;}
.uk-button{border-radius: 10px;padding: 0.6rem 1.5rem 0.4rem;}
h2{font-family: 'mainfont_italic', sans-serif;font-size: clamp(2rem, 4vw, 3rem);color: #fff;}
hr{border-color: #2c2c2c;}

h1, h2, h3, h4, h5, h6 {text-transform: initial !important;}
hr.light {border-top: 1px solid rgb(138 138 138 / 30%);}

.yellow {color: #F2FF1C !important;}
.grey {color: #8d8d8d !important;}
.dark-grey {color: #2c2c2e !important;}
.bg-yellow {background-color: #F2FF1C !important;}
.bg-grey {color: #8d8d8d !important;}
.bg-dark-grey {background-color: #2c2c2e !important;}

.uk-heading-xsmall {font-family: 'mainfont', sans-serif !important; font-size: 1.4rem !important;}
.uk-heading-small {font-family: 'mainfont', sans-serif !important; font-size: 1.8rem !important;}
.uk-heading-medium {font-family: 'mainfont', sans-serif !important; font-size: 2.2rem !important;}
.uk-heading-large {font-family: 'mainfont', sans-serif !important; font-size: 3rem !important;}
.uk-heading-xlarge {font-family: 'mainfont', sans-serif !important; font-size: 4rem !important;}

.bg-primary{background-color: #1c1c1e;}
.bg-secondary{background-color: #2c2c2e;}

.bg-dark {background-color: #1c1c1e !important;}
.uk-button .uk-button-secondary {border: 1px solid #2c2c2c; background-color: transparent; border-radius: 100px; font-family: 'mainfont', sans-serif; font-size: 1rem; color: #8d8d8d; height: 40px; padding: 5px 20px 0px 20px;}

.bg-img {background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important;}

/* buttons */
.uk-button-primary{background-color: #0F0F0F;border: 1px solid #2c2c2e;color: #fff !important;padding: 14px 15px 8px 15px;line-height: 1;border-radius: 100px;font-size: 1rem;}
.uk-button-primary:after{display: none;}
.uk-button-primary:hover{background-color: #2c2c2e;border:1px solid #2c2c2e; color: #fff !important;}
.uk-link::before, .uk-link:hover::before{display: none;}

.uk-button-fourth{border-radius: 5px;background-color: #F2FF1C;border-color: #0F0F0F; color: #0F0F0F;font-size: 0.9rem;}
.uk-button-fourth:hover{background-color: #0F0F0F;border-color: #0F0F0F; color: #8d8d8d;}

.uk-button-fifth{border-radius: 5px;background-color: transparent;border:1px solid #F2FF1C; color: #F2FF1C;font-size: 0.9rem;    padding: 0.6rem 1rem 0.4rem;}
.uk-button-fifth:hover{background-color: #0F0F0F;border-color: #0F0F0F; color: #F2FF1C;}
.uk-button-fifth.disabled, .uk-button-fifth.disabled:hover{border-radius: 5px;background-color: transparent;border: 1px solid #FFFFFF60;color: #FFFFFF60;font-size: 0.9rem;    padding: 0.6rem 1rem 0.4rem;}

.launch_us .uk-button-fourth{border-radius: 5px;background-color: #0F0F0F;border-color: #0F0F0F; color: #8d8d8d;font-size: 0.9rem;}
.launch_us .uk-button-fourth:hover{background-color: #F2FF1C;border-color: #0F0F0F; color: #0F0F0F;}

.pt-10{padding-top: 10px !important;}
.pb-10{padding-bottom: 10px !important;}
.pt-20{padding-top: 20px !important;}
.pb-20{padding-bottom: 20px !important;}
.pt-30{padding-top: 30px !important;}
.pb-30{padding-bottom: 30px !important;}
.mt-10{margin-top: 10px !important;}
.mb-10{margin-bottom: 10px !important;}
.mt-20{margin-top: 20px !important;}
.mb-20{margin-bottom: 20px !important;}
.mt-30{margin-top: 30px !important;}
.mb-30{margin-bottom: 30px !important;}

/* forms */
input[type='search']{border-radius: 100px;background-color: transparent;border: 1px solid #2c2c2c;}
input[type='search']:focus{background-color: #2c2c2c;border: 1px solid #2c2c2c;color: #666 !important;}
input[type='search']:focus::placeholder{color: #666; opacity: 1;}
.uk-select{border: 1px solid #2c2c2c;background-color: transparent;border-radius: 100px;font-family: 'mainfont', sans-serif;font-size: 1rem;color: #fff;height: 50px;padding: 5px 25px 0px 20px;}
.uk-select:focus{border: 1px solid #fff;background-color: transparent;color: #fff;}

/* overlay */
.overlay-top {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; mix-blend-mode: multiply; background: transparent; background: -webkit-linear-gradient(to top, transparent 50%, #0F0F0F 100%); background: -moz-linear-gradient(to top, transparent 50%, #0F0F0F 100%); background: linear-gradient(to top, transparent 50%, #0F0F0F 100%); -webkit-transition: ease-in-out, .35s ease-in-out; transition: ease-in-out, .35s ease-in-out;}

/* preloader */
.preloader{background-color: #0F0F0F;}

/* top menu */
.bl-top-header{background-color: #e8e8e8;}
.bl-top-header .bl-country-selector li:nth-child(2){border-left: 2px solid #0f0f0f;border-right: 2px solid #0f0f0f;}
.bl-top-header .bl-country-selector li:nth-child(2):not(.uk-active){border-left: 2px solid #0f0f0f;}

/* menu */
.navbar-logo-header img{filter: invert();height: 60px;}
.bl-main-navbar{height: 80px;}
.bl-main-partner-logo{margin-top: 10px;height: 70px;}
.uk-navbar-nav>li>a:hover, .uk-navbar-nav>li.uk-active>a {color: #F2FF1C !important;}
.bl-main-navbar{border-bottom: 2px solid #F2FF1C;}
.bl-top-header .bl-th-social {border-left: 2px solid #000;}

/* team name */
.blrg-team-name {font-family: 'mainfont', sans-serif;}

/* game datetime */
.blrg-datetime{display: flex;flex-direction: column;align-items: center;padding: 0 10px;}
.blrg-datetime .blrg-date{font-family: 'Inter';color: #8d8d8d;font-size: 0.85rem;line-height: 1.4;}
.blrg-datetime .blrg-time{font-family: 'mainfont', sans-serif;color: #fff;font-size: 1rem;line-height: 1.2;}

/* Summary nextgame */
.bl-header-next-gameday .bl-results-gameday-ind:hover {background-color: #444;}

/* post thumb */
.bl-post-thumb-container{height: 50%;}
.bl-post-thumb a{height: 100%;}
.bl-post-thumb .bg-img{background-size: cover;background-position: center;overflow: hidden;position: relative;}
.bl-post-thumb .bg-img::before {content: "";position: absolute;top: 0; left: 0; right: 0; bottom: 0;background-image: inherit;background-size: cover;background-position: center;background-repeat: no-repeat;transition: transform 0.5s ease;z-index: 0;}
.bl-post-thumb .bg-img:hover::before {transform: scale(1.05);}
/* .bl-post-thumb .bg-img > * {position: relative;z-index: 1;} */
.bl-post-thumb .bl-text span.ib-arrow {-webkit-transition: ease-in-out, .35s ease-in-out; transition: ease-in-out, .35s ease-in-out;}
.bl-post-thumb a:hover .bl-text span.ib-arrow {padding-left: 5px;}


.bl-highilighted-player-small { height: 100%; }
.bl-highilighted-player-small:first-child {position: relative;height: 50%;overflow: hidden;margin-bottom: 15px;}

.bl-post-thumb .bl-text {position: absolute;width: 100%;bottom: 0;padding: 20px;box-sizing: border-box; z-index: 1;}
.bl-post-thumb .bl-text h3{font-family: 'mainfont_italic', sans-serif;font-size: 2rem;color: #fff;}
.bl-post-thumb .bl-text span{font-family: 'mainfont', sans-serif;font-size: 1rem;color: #F2FF1C;}
.bl-post-small .bl-text h3{font-size: 1rem;}

/* home */
.bls-highlight-item h4{font-family: 'mainfont_italic', sans-serif;margin: 8px 0 0 0;line-height: 1;font-size: 2.4rem;}
.bls-highlight-item span{border: 1px solid #2c2c2e;padding: 14px 15px 8px 15px;border-radius: 100px;font-family: 'mainfont', sans-serif; font-size: 1rem;}
.bls-highlight-item span:hover{border: 1px solid #2c2c2e;background-color: #2c2c2e;color: #F2FF1C;}
/* Original bl-header-next-gameday - LIVE VERSION */
.bl-header-next-gameday{background-color: #1c1c1e;min-height: 100%;box-sizing: border-box;}
.bl-header-next-gameday h4{font-family: 'mainfont_italic', sans-serif;color: #F2FF1C;font-size: 1.4rem;}
.bl-header-next-gameday h4 span{font-family: 'Inter';text-transform: none;color: #8d8d8d;font-style: normal;font-size: 0.9rem;display: block;}
.bl-header-next-gameday .bl-hng-location{font-family: 'Inter';text-transform: none;color: #8d8d8d;font-style: normal;font-size: 1rem;text-align: center;margin: 10px 0 20px;}
.bl-header-next-gameday .blrg-team-logo{width: 45px;}
.bl-header-next-gameday .vs{font-family: 'Inter';text-transform: none;color: #8d8d8d;font-style: normal;font-size: 0.9rem;display: block;margin-top: 5px;}
.bl-header-next-gameday .blrg-team-name{font-size: 1rem;line-height: 1;}
.bl-header-next-gameday .uk-countdown-number{font-family: 'mainfont_italic', sans-serif;font-size: 2.5rem;color: #fff;}
.bl-header-next-gameday .uk-countdown-text{display: block;color: #8d8d8d;text-transform: uppercase;font-weight: 700;font-size: 0.9rem;}
.bl-header-next-gameday .bl-results-gameday-ind{background-color: #2c2c2c;display: block;margin-bottom: 10px;padding: 10px;}
.bl-header-next-gameday .blrg-team-logo{margin: 0;}

    /* New bl-header-next-gameday-v2 - DEV/TEST VERSION */
    .bl-header-next-gameday-v2{background-color: transparent;}
    .bl-header-next-gameday-v2 .blhng-item{background-color: #2c2c2e;flex: 1;}
    .bl-header-next-gameday-v2 .blhng-item h5{color: #FFFFFF60;font-family: 'Inter';text-align: center;font-size: 1rem;line-height: 1;}
    .bl-header-next-gameday-v2 .blhng-item h5 span{color: #FFF;display: block;font-family: 'mainfont', sans-serif;font-style: normal;font-size: 160%;}
    .bl-header-next-gameday-v2 .blhng-item .blhng-item-title{color: #FFF;display: block;font-family: 'mainfont', sans-serif;font-style: normal;line-height: 1.2;}
    .bl-header-next-gameday-v2 .blhng-item .blhng-item-date{border-top-left-radius: 5px;border-bottom-left-radius: 5px;background-color: #464646;height: 100%;box-sizing: border-box;display: flex;align-items: center;justify-content: center;}
    .bl-header-next-gameday-v2 .blhng-item .blhng-item-day{color: #A1A1A1;}
    .bl-header-next-gameday-v2 h4{font-size: 1.2rem;line-height: 1.2;}
    .bl-header-next-gameday-v2 .bl-hng-date{font-family: 'Inter';text-transform: none;color: #8d8d8d;font-style: normal;font-size: 0.8rem;text-align: left;margin: 16px 0 0;}
    .bl-header-next-gameday-v2 .bl-hng-date .uk-icon{vertical-align: middle;margin-top: -3px;}
    .bl-header-next-gameday-v2 .bl-hng-location{font-family: 'Inter';text-transform: none;color: #8d8d8d;font-style: normal;font-size: 0.8rem;text-align: right;margin: 16px 0 0;}
    .bl-header-next-gameday-v2 .bl-hng-location .uk-icon{vertical-align: middle;margin-top: -3px;}
    .bl-header-next-gameday-v2 .uk-label{display: block; margin-top: 10px;box-sizing: border-box;padding: 7px;font-size: 0.7rem;text-transform: none;text-align: center;font-weight: 700;border: 1px solid #ADB5BD;background-color: transparent;text-transform: uppercase;}
    .bl-header-next-gameday-v2 .uk-label:before{content: "";width: 10px;height: 10px;border-radius: 20px;display: inline-block;margin: -2px 6px 0 0;vertical-align: middle;}
    .bl-header-next-gameday-v2 .uk-label.ticket-few-left:before{background-color: #F55151;}
    .bl-header-next-gameday-v2 .uk-label.ticket-running-low:before{background-color: #FFC107;}
    .bl-header-next-gameday-v2 .uk-label.ticket-selling-fast:before{background-color: #F2FF1C;}
    .bl-header-next-gameday-v2 .uk-label.uk-label-pulsate:before{animation: pulsate 1s ease-in-out infinite;}
    @keyframes pulsate {0%, 100% {opacity: 1;}50% {opacity: 0.4;}}
    .bl-header-next-gameday-v2 .uk-label span svg{width: 15px;vertical-align: middle;}
    .bl-header-next-gameday-v2 .blrg-team-logo{width: 60px;}
    .bl-header-next-gameday-v2 .bl-results-gameday-ind{padding: 10px 20px;margin-bottom: 0;}
    .bl-header-next-gameday-v2 .blrg-team-logo{margin: -20px 0px -20px -10px;}
    .bl-header-next-gameday-v2 .blrg-team-logo.opponent{margin: -20px -10px -20px 0;}
    .bl-header-next-gameday-v2 span.vs {padding: 0 10px;}
    .bl-header-next-gameday-v2 .blrg-datetime{display: flex;flex-direction: column;align-items: center;padding: 0 15px;}
    .bl-header-next-gameday-v2 .blrg-datetime .blrg-date{font-family: 'Inter';color: #8d8d8d;font-size: 0.75rem;line-height: 1.4;}
    .bl-header-next-gameday-v2 .blrg-datetime .blrg-time{font-family: 'Inter', sans-serif;color: #fff;font-size: 0.75rem;line-height: 1.2;font-weight: 600;}

.bl-stats-centre .bl-highilighted-player-small:first-child {height: calc(50% - 7px) !important;}
.bl-stats-centre .bl-highilighted-player {-webkit-transition: ease-in-out, .35s ease-in-out; transition: ease-in-out, .35s ease-in-out;}
.bl-stats-centre .bl-highilighted-player:hover {margin-top: -5px;}
.bl-stats-centre .bl-highilighted-player-small { height: 100%; }
.bl-stats-centre .bl-highilighted-player .blhp-text.top-scorer span {font-size: 5rem;}
.bl-stats-centre .bl-highilighted-player .blhp-text.top-scorer h4 {font-size: 3.6rem;}

.bl-stats-centre .bl-highilighted-player-small:first-child .blhp-label {display: block; color: #8d8d8d; text-transform: uppercase; font-weight: 700; font-size: 0.8rem; margin-bottom: 15px; position: relative; left: 0; font-family: 'Inter', sans-serif;}
.bl-stats-centre .bl-highilighted-player-small:first-child .blhp-text{position: absolute; left: 0; bottom: 0; padding: 10px; width: calc(100% - 20px);}
.bl-stats-centre .bl-highilighted-player-small:first-child:hover {margin-top: -5px;}

.bl-stats-centre .bl-highilighted-player-small:first-child .blhp-logo {left: 0;}

.bl-top-header .bl-country-selector li.uk-active {background-color: #F04B3E; border-right: 2px solid #0f0f0f; border-left: 2px solid #0f0f0f; margin-left: -5px;}

    /* stats centre */
    .bl-stats-centre .bl-sc-selector span{color: #8d8d8d;margin-right: 10px;}
    .bl-stats-centre .uk-subnav-pill>li>a{border: 1px solid #2c2c2c;background-color: transparent;border-radius: 100px;font-family: 'mainfont', sans-serif;font-size: 1rem;color: #8d8d8d;height: 40px;
        padding: 5px 20px 0px 20px;}
    .bl-stats-centre .uk-subnav-pill>.uk-active>a, .bl-stats-centre .uk-subnav-pill>li:hover>a{border: 1px solid #F2FF1C;background-color: #F2FF1C;border-radius: 100px;font-family: 'mainfont', sans-serif;font-size: 1rem;color: #0f0f0f;}

    .bl-home-results-container {margin: 0;}
    .bl-home-results-container .bl-home-results-table {background-color: #2c2c2c;padding: 0;}
    .bl-home-results-table table {border-spacing: 0 0em;position: relative;}
    .bl-home-results-table .uk-table-striped thead th {color: #8d8d8d;}
    .bl-home-results-table .uk-table-striped tbody tr {position: relative;}
    .bl-home-results-table .uk-table-striped tbody tr:after {content:"";display: block; position: absolute;bottom: 0;left: 0; width: 100%;height: 1px;background-color: #444;}
    .bl-home-results-table .uk-table-striped tbody tr td {color: #fff;font-family: 'Inter';font-size: 0.9rem;}
    .bl-home-results-table .uk-table-striped tbody tr td:first-of-type {border-top-left-radius: 0;border-bottom-left-radius: 0;color: #fff;font-family: 'Inter';}
    .bl-home-results-table .uk-table-striped tbody tr td:last-of-type {border-top-right-radius: 0;border-bottom-right-radius: 0;font-weight: 700;}
    .bl-home-results-table .uk-table-striped tbody tr td.blhr-name, .bl-home-results-table .uk-table-striped>tr td.blhr-name{font-family: 'Inter';font-weight: 700;padding: 12px;}
    .bl-home-results-table .uk-table-striped tbody tr:hover, .bl-home-results-table .uk-table-striped>tr:hover, .bl-home-results-table .uk-table-striped tbody tr.uk-active, .bl-home-results-table .uk-table-striped>tr.uk-active{background-color: rgba(46, 204, 113, 0.15);}
    .bl-home-results-table .uk-table-striped tbody tr:hover:after, .bl-home-results-table .uk-table-striped>tr:hover:after, .bl-home-results-table .uk-table-striped tbody tr.uk-active:after, .bl-home-results-table .uk-table-striped>tr.uk-active:after, .bl-home-results-table .uk-table-striped tbody tr.bl-league-highlight:after {content:"";display: block; position: absolute;bottom: 0;left: 0; width: 100%;height: 1px;background-color: #F2FF1C;}
    .bl-home-results-table .blte-logo-small {width: 50px;margin: -10px -25px -10px -15px ;}
    .bl-home-results-table p{color: #8d8d8d;font-size: 0.8rem;}

    .bl-stats-centre .bl-results-gameday-ind{background-color: #2c2c2c;display: block;margin-bottom: 10px;padding: 20px 20px 15px;position: relative;}
    .bl-stats-centre .bl-results-gameday-ind span.uk-icon{position: absolute;right: 20px;top: calc(50% - 10px);color: #fff;cursor: pointer;}
    .bl-stats-centre .bl-results-gameday-ind h5{font-family: 'mainfont_italic', sans-serif;color: #F2FF1C;}
    .bl-stats-centre .bl-results-gameday-ind p{color: #8d8d8d; font-family: 'Inter';font-size: 0.9rem;}
    .bl-stats-centre .bl-results-gameday-ind a{color:white; font-family: 'Inter';font-size: 0.8rem;font-weight: 700;}
    .bl-stats-centre .bl-results-gameday-ind .uk-button{padding: 0.4rem 1rem 0.2rem;}
    /* .bl-stats-centre .bl-results-gameday-ind a:hover{text-decoration: underline;} */
    .bl-stats-centre .bl-highilighted-player {position: relative;height: 100%;overflow: hidden;}
    .bl-stats-centre .bl-highilighted-player-small {position: relative;height: 50%;overflow: hidden;}
    .bl-stats-centre .bl-highilighted-player-small:first-child {position: relative;height: calc(50% - 15px);overflow: hidden;margin-bottom: 15px;}
    .bl-stats-centre .bl-highilighted-player .blhp-label{display: block;color: #8d8d8d;text-transform: uppercase;font-weight: 700;font-size: 0.8rem;position: absolute;top: 10px;left: 10px;}
    .bl-stats-centre .bl-highilighted-player .blhp-logo{position: absolute;top: 10px;right: 10px;width: 45px;}
    .bl-stats-centre .bl-highilighted-player .blhp-player{position: absolute;height: 100%;width: auto;max-width: none;}
    .bl-stats-centre .bl-highilighted-player .blhp-text{position: absolute;left: 0;bottom: 0;padding: 10px;}
    .bl-stats-centre .bl-highilighted-player .blhp-text span{font-family: 'mainfont_italic', sans-serif;color: #F2FF1C;font-size: 3rem; line-height:1;}
    .bl-stats-centre .bl-highilighted-player .blhp-text h4{font-family: 'mainfont', sans-serif;color: #fff;font-size: 2rem; line-height:1;}
    span.vs {font-size: 0.8rem !important;}

    .bl-stats-centre h4{font-family: 'mainfont', sans-serif;color: #F2FF1C;font-size: 2rem;}
    .bl-stats-centre tr{border-bottom: 1px solid #1c1c1e;}
    .bl-stats-centre .bl-table-scores h5{font-family: 'mainfont', sans-serif;color: #fff;font-size: 1.2rem;padding: 10px 10px 0;}
    .bl-stats-centre .bl-table-scores p{color: #8d8d8d;}
    .bl-stats-centre .bl-table-scores{background-color: #2c2c2c;padding: 15px;box-sizing: border-box;}
    .bl-stats-centre .bl-table-scores .blts-1{font-family: 'mainfont', sans-serif;color: #8d8d8d;font-size: 0.8rem;vertical-align: middle;}
    .bl-stats-centre .bl-table-scores .blts-2 {padding: 0 0 10px;vertical-align: middle;}
    .bl-stats-centre .bl-table-scores .blts-2 img{width: 35px;border-radius: 100px;}
    .bl-stats-centre .bl-table-scores .blts-3{vertical-align: middle;}
    .bl-stats-centre .bl-table-scores .blts-3 h6{color: #fff;font-family: 'Inter';font-size: 1rem;font-weight: 700;text-transform: none;}
    .bl-stats-centre .bl-table-scores .blts-3 p{color: #8d8d8d;margin: 0;font-size: 0.8rem;}
    .bl-stats-centre .bl-table-scores .blts-4{font-family: 'mainfont_italic', sans-serif;color: #F2FF1C;font-size: 1.2rem;vertical-align: middle;text-align: right;}
    .bl-stats-centre .bl-table-scores .bl-ts-first .blts-2 img{width: 50px;}
    .bl-stats-centre .bl-table-scores .bl-ts-first .blts-3 h6{font-size: 1.2rem;line-height: 1.1;}
    .bl-stats-centre .bl-table-scores .bl-ts-first .blts-4{font-size: 2rem;}
    .bl-stats-centre .bl-table-scores a.uk-link{text-align: center;color: #8d8d8d;font-family: 'Inter';font-size: 0.8rem;font-weight: 700;text-transform: uppercase;text-decoration: none;margin-bottom: 10px;display: block;}
    .bl-stats-centre .bl-table-scores a.uk-link:hover{text-decoration: underline;}
    .bl-stats-centre .bls-team-stats .bl-table-scores .blts-2 img{margin: 0 -5px -11px -5px;}


    .bls-gamaday-highlights .bls-gamaday-highlights-item {text-transform: initial !important;cursor: pointer;}
    .bls-gamaday-highlights .bls-gamaday-highlights-item .bls-goals-left {padding: 5px 15px; border-radius: 10px 0px 0px 10px;background-color: #2a2a2a;}
    .bls-gamaday-highlights .bls-gamaday-highlights-item .bls-goals-right {padding: 5px 15px; border-radius: 0px 10px 10px 0px;background-color: #2a2a2a;}
    .bls-gamaday-highlights .bls-gamaday-highlights-item span.bls-goal {font-size: 1.8rem;font-family: 'mainfont', sans-serif; }

    .bls-gamaday-highlights .bls-gamaday-highlights-item h3 {font-family: "ivypresto-display", serif; font-weight: 600; font-style: italic; color: #F2FF1C;font-size: 1.5rem;vertical-align: middle; text-align: initial;}

    .bls-gamaday-highlights .uk-background-cover{position: relative; overflow: hidden; border-radius: 12px;background-position: left;background-size: auto 140%;}
    .bls-gamaday-highlights .uk-background-cover::before{content:""; position:absolute; inset:0; background:inherit;border-radius:inherit; transform:scale(1);transition: transform 520ms cubic-bezier(.22,.61,.36,1);will-change: transform; z-index:0; pointer-events:none;}
    .bls-gamaday-highlights .uk-background-cover > *{ position:relative; z-index:1; }
    .bls-gamaday-highlights .uk-background-cover:hover::before,
    .bls-gamaday-highlights .uk-background-cover:focus-visible::before,
    .bls-gamaday-highlights .bls-gamaday-highlights-item:focus-visible .uk-background-cover::before{ transform: scale(1.05); }
    .bls-gamaday-highlights .play-icon {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 60px; height: 60px; background-color: rgba(0, 0, 0, 0.5); border-radius: 50%; display: grid; place-items: center; backdrop-filter: blur(5px); border: 2px solid rgba(255, 255, 255, 0.5); transition: transform 0.3s ease, background-color 0.3s ease;}
    .bls-gamaday-highlights .play-icon::before {content: ''; width: 0; height: 0; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-left: 20px solid white; margin-left: 5px;}
    .bls-gamaday-highlights .uk-background-cover:hover:hover .play-icon { transform: translate(-50%, -50%) scale(1.1);background-color: rgba(0, 0, 0, 0.7);}
    .bls-gamaday-highlights .uk-subnav-pill {background-color: #0F0F0F;width: auto; display: inline-flex; border-radius: 25px;    border: 1px solid  #2c2c2c; gap: 3px; padding: 5px;}
    .bls-gamaday-highlights .uk-subnav-pill>*>:first-child {font-size: 1.4rem;font-family: 'mainfont', sans-serif; color: white; padding: 5px 25px; border-radius: 25px;}
    .bls-gamaday-highlights .uk-subnav-pill>*>:first-child:hover {color: #F2FF1C !important; background-color: #2c2c2c;}
    .bls-gamaday-highlights .uk-subnav-pill>* {padding: 0;}
    .bls-gamaday-highlights .uk-subnav-pill>.uk-active>a {background-color: #F2FF1C; color: #0F0F0F;}

    #bls-highlight-iframe{width: 100%;aspect-ratio: 16 / 9;}
    #bls-highlight-modal .uk-modal-dialog{background-color: transparent;}

    .bls-gamaday-team .bls-gamaday-team-item .text {position: relative; z-index: 1; bottom: 0; padding: 0 10px;}
    .bls-gamaday-team .bls-gamaday-team-item .text h4 {line-height: 1;}
    .bls-gamaday-team .bls-gamaday-team-item .text p {font-size: 0.9rem;line-height: 1;}
    /* Base state: text visible, button hidden */
    .bls-gamaday-team .text {
    /* define vars BEFORE they are used */
    --uk-translate-x: 0px;
    --uk-translate-y: 0px;
    --uk-scale-x: 1;
    --uk-scale-y: 1;
    opacity: 1;
    transition: .35s ease-out;
    transition-property: opacity, transform, filter;
    transform: translate(var(--uk-position-translate-x, 0), var(--uk-position-translate-y, 0))
                translate(var(--uk-translate-x), var(--uk-translate-y))
                scale(var(--uk-scale-x), var(--uk-scale-y));
    }

    .bls-gamaday-team .text-hover {
    --uk-translate-x: 0px;
    --uk-translate-y: 16px; /* start slightly below */
    --uk-scale-x: 1;
    --uk-scale-y: 1;
    opacity: 0; /* hidden by default */
    transition: .35s ease-out;
    transition-property: opacity, transform, filter;
    transform: translate(var(--uk-position-translate-x, 0), var(--uk-position-translate-y, 0))
                translate(var(--uk-translate-x), var(--uk-translate-y))
                scale(var(--uk-scale-x), var(--uk-scale-y));}
    /* Hover state: push the text up, reveal the button from bottom */
    .bls-gamaday-team .bls-gamaday-team-item:hover .text {--uk-translate-y: -50px; /* move up; negative value empuja hacia arriba */ --uk-scale-x: 1; --uk-scale-y: 1;}
    .bls-gamaday-team .bls-gamaday-team-item:hover .text-hover { --uk-translate-y: 0px;  /* vuelve a su sitio */ opacity: 1;}
    /* Optional: prevent layout shift if needed */
    .bls-gamaday-team .text,
    .bls-gamaday-team .text-hover { will-change: transform, opacity; }

    .bls-gamaday-team .bls-gamaday-team-item .text h3 {font-size: 1rem; color: white;}
    .bls-gamaday-team .bls-gamaday-team-item a {padding-top: 5vh;}
    .bls-gamaday-team .bls-gamaday-team-item .text-hover {position: absolute; bottom: 0; opacity: 0; --uk-translate-x: 50%;}
    .bls-gamaday-team .bls-gamaday-team-item:hover .text-hover {position: absolute; bottom: 15px; opacity: 1; --uk-translate-x: 50%;}

    .bls-gamaday-team .bls-gamaday-team-item:hover::before, .bls-gamaday-team .bls-gamaday-team-item:focus-visible::before{ transform: scale(1.05); }

    .manager-count-3 img {max-width: 80%; bottom: 0; position: absolute; }
    .manager-count-3 img:first-child {max-width: 80%; margin-right: -60%;}
    .manager-count-3 img:last-child {max-width: 80%; margin-left: -60%;}
    .manager-count-2 img {max-width: 80%; bottom: 0; position: absolute;}
    .manager-count-2 img:first-child {max-width: 80%; margin-right: -60%;}
    .manager-count-2 img:last-child {max-width: 80%; margin-left: -60%;}
    .manager-count-1 img {max-width: 80%; bottom: 0; position: absolute;}

    .bls-gamaday-news .bl-post-thumb, .bls-gamaday-news .bl-post-thumb .bg-img{height: 100%;}

    .bls-shop .bls-shop-product {-webkit-transition: ease-in-out, .35s ease-in-out; transition: ease-in-out, .35s ease-in-out; border-radius: 5px; }
    .bls-shop .bls-shop-product:hover {margin-top: -5px;}

    /* Imagen con transición usando ::before para zoom interno */
    .bls-shop .bls-shop-product .uk-background-cover{position: relative; overflow: hidden;  }
    .bls-shop .bls-shop-product .uk-background-cover::before{
      content:""; position:absolute; inset:0; background:inherit; border-radius:inherit;
      transform: scale(1); transition: transform .35s ease-in-out; will-change: transform;
      z-index:0; pointer-events:none;
    }
    .bls-shop .bls-shop-product .uk-background-cover > *{ position:relative; z-index:1; }
    .bls-shop .bls-shop-product:hover .uk-background-cover::before,
    .bls-shop .bls-shop-product:focus-visible .uk-background-cover::before{transform: scale(1.05);}


    .bls-shop .bls-shop-product .text {padding: 20px;}
    .bls-shop .bls-shop-product .text h3 {font-size: 1.3rem;}
    .bls-shop .bls-shop-product .text p {margin: 0; color: white;}
    .bls-shop .bls-shop-product .text p span {color: #8d8d8d; text-decoration:line-through;}


/* MATCHES  */
.matches .uk-subnav-pill {background-color: #0F0F0F;width: auto; display: inline-flex; border-radius: 25px;    border: 1px solid  #2c2c2c; gap: 3px; padding: 5px;}
.matches .uk-subnav-pill>*>:first-child {font-size: 1.4rem;font-family: 'mainfont', sans-serif; color: white; padding: 5px 25px; border-radius: 25px;}
.matches .uk-subnav-pill>*>:first-child:hover {color: #F2FF1C !important; background-color: #2c2c2c;}
.matches .uk-subnav-pill>* {padding: 0;}
.matches .uk-subnav-pill>.uk-active>a {background-color: #F2FF1C; color: #0F0F0F;}
.matches .bl-results-gameday-ind {margin-bottom: 10px; padding: 8px 0;}
.matches .blrg-team-name {margin-top: 5px;}
.matches span.vs {top: 0;}
.matches .blrg-team-logo {width: 50px; vertical-align: middle; margin-top: 0; margin-bottom: 0;}


/* STATISTICS  */
.statistics .bl-stats-centre .uk-subnav-pill>li>a, .game .bl-stats-centre .uk-subnav-pill>li>a {border-radius: 10px !important; text-align: center !important; display: grid;padding: 10px 0px 5px;}
.statistics .bl-stats-centre .uk-subnav-pill, .game .bl-stats-centre .uk-subnav-pill {padding: 10px;  border-radius: 10px;}
.statistics .bl-stats-centre .uk-subnav-pill>li:hover>a, .game .bl-stats-centre .uk-subnav-pill>li:hover>a {background-color: transparent !important; border: 0; color: white;}
.statistics .bl-stats-centre .uk-subnav-pill>li.uk-active:hover>a, .game .bl-stats-centre .uk-subnav-pill>li.uk-active:hover>a {background-color: #F2FF1C !important; color: #0F0F0F !important; border: 1px solid #F2FF1C;}

.bl-leaderboard-overlay {position: fixed;inset: 0;background: rgba(0, 0, 0, 0.85);z-index: 2000;display: flex;justify-content: center;align-items: flex-start;overflow-y: auto;padding: 40px 20px;}
.bl-leaderboard-overlay__inner {background: #111;border-radius: 12px;width: 100%;max-width: 600px;padding: 30px;box-shadow: 0 10px 40px rgba(0, 0, 0, 0.6);}
.bl-leaderboard-overlay__header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px;}
.bl-leaderboard-overlay__title {margin: 0;color: #fff;}
.bl-leaderboard-overlay__close {border: none;background: transparent;color: #fff;font-size: 1.4rem;cursor: pointer;line-height: 1;}
.bl-leaderboard-overlay__close:focus {outline: none;}
.bl-leaderboard-overlay table {width: 100%;}
.bl-leaderboard-overlay table thead th,.bl-leaderboard-overlay table tbody td {color: #fff;}
.bl-leaderboard-overlay table tbody tr:nth-child(odd) {background: rgba(255, 255, 255, 0.05);}
.bl-leaderboard-overlay table tbody tr:nth-child(even) {background: rgba(255, 255, 255, 0.03);}
.bl-leaderboard-overlay table tbody tr:hover {background: rgba(255, 255, 255, 0.1);}
.bl-leaderboard-show-more {cursor: pointer;}
body.bls-overlay-open {overflow: hidden;}

/* PLAYERS */
.bls-player-position {background-color: #0F0F0F; padding: 5px; border-radius: 5px; color: white; font-size: 0.7rem;font-weight: 700;text-transform: uppercase;}
.bls-player-wildcard {background-color: #F2FF1C; padding: 2px 5px; border-radius: 5px; color: #0F0F0F; font-size: 0.7rem;font-weight: 700;text-transform: uppercase;}
.text {padding: 10px;}
.text .bls-player-name {font-size: 1rem;line-height: 1;margin-top: 3px;}

/* Teams */
.teams .bls-gamaday-team .bls-gamaday-team-item a{padding: 0;}
.teams .bls-gamaday-team .bls-gamaday-team-item .text{padding: 20px 20px 0;}
.teams .bls-gamaday-team .bls-gamaday-team-item .bls-gti-logo{position: absolute;top: 0;left: 0;}
.teams .bls-gamaday-team .bls-gamaday-team-item .text h4{text-align: left;}
.teams .bls-gamaday-team .bls-gamaday-team-item .text p{text-align: left}
.teams .bls-gamaday-team .bls-gamaday-team-item .text-hover{--uk-translate-x: 0;margin-left: 20px;}
.teams .bls-gamaday-team .bls-gamaday-team-item:hover .text-hover{--uk-translate-x: 0;margin-left: 20px;}

    /* team */
    .team h1{color: #fff;-webkit-text-stroke-width: 0;-webkit-text-stroke-color: transparent;}
    .team .bls-manager-text h4{line-height: 1;}
    .team .bls-manager-text p{text-transform: uppercase;color: #8d8d8d;line-height: 1;font-weight: 700;font-size: 0.9rem;}
    .bl-page-intro p{color: #8d8d8d;margin: 0;}
    .team .bls-team-social i{filter: invert();}
    .bl-page-intro hr{margin: 0;}
    .bls-bg-team{background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}
    .team .bl-home-results-table table{padding-bottom: 40px;}
    .team .bls-team-next-gameday{min-height: calc(50% - 7.5px);}
    .team .bls-team-next-gameday .uk-button-fourth{margin: 10px;width: calc(100% - 20px);}
    .team .bls-team-next-gameday .bls-team-fixture-logo{width: 120px;margin-bottom: -10px;}
    .team .bls-team-next-gameday .bls-team-fixture-name{color: white;font-family: 'mainfont', sans-serif;}
    .team .bls-team-next-gameday .bls-team-fixture-date{color: white;font-weight: 700;font-size: 0.7rem;}
    .team .bls-team-next-gameday .bls-team-fixture-hour{color: #8d8d8d;font-family: 'mainfont', sans-serif;}
    .team .bls-team-next-gameday h4{color: #8d8d8d;font-size: 1rem;}
    .team .bls-team-next-gameday hr{border-color: #1c1c1e;}
    .team h3{font-family: 'mainfont_italic', sans-serif;color: #fff;font-size: 3rem;}

    /* gameday */
    .game h3{font-family: 'mainfont_italic', sans-serif;color: #fff;font-size: 1.5rem;}
    .game .bl-gameday-team-name{color: white; text-transform: uppercase;}
    .game .bl-gameday-score{color: white;font-family: 'mainfont_italic', sans-serif;font-size: 5rem;margin: 40px 0;}
    .game .bl-gameday-name{color: #8d8d8d;font-family: 'mainfont', sans-serif;font-size: 1.3rem;}
    .game .bl-gameday-location{color: white; font-size: 1.1rem;}
    .game .bl-gameday-date{color: #8d8d8d;font-family: 'mainfont', sans-serif;font-size: 1.3rem;}
    .game .bl-gameday-hour{color: #8d8d8d;font-family: 'mainfont', sans-serif;font-size: 1.3rem;}
    .game .bl-gameday-team-logo{max-width: 200px; width: 100%;margin: -20px;}
    .game .bl-gameday-stats .bl-gameday-stats-team-logo{width: 50px; height: 50px;}
    .game .bl-gameday-stats .bl-gameday-stats-team-name{color: white; text-transform: uppercase;}
    .game .bl-gameday-player-stats {color: white; border-collapse: separate; border-spacing: 0;}
    .game .bl-gameday-player-stats th{color: #999; text-transform: uppercase; font-size: 0.75rem; padding: 12px 8px; background-color: #2a2a2a;font-weight: 700;}
    .game .bl-gameday-player-stats tr{position: relative;}
    .game .bl-gameday-player-stats tr:hover{background-color: rgba(46, 204, 113, 0.15);}
    .game .bl-gameday-player-stats tr:hover:after{content: "";display: block;position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background-color: #F2FF1C;}
    .game .bl-gameday-player-stats td{padding: 4px 10px; font-weight: 400; color: #fff;}
    .game .bl-top-stats span{background-color: #666; color: #fff; padding: 8px; border-radius: 20px; display: inline-block; min-width: 35px; text-align: center;font-size: 0.9rem;}
    .game .bl-top-stats span.uk-active{background-color: #F2FF1C; color: #0F0F0F;}
    .game .bl-gameday-table{padding: 30px;}

    /* player */
    .player .bls-gti-image img{max-width: 150px;}
    .player .bls-player-number{color: white;font-family: 'mainfont_italic', sans-serif;font-size: 3rem;}
    .player .bls-main-player-stats .uk-grid>div{color: white;font-family: 'mainfont_italic', sans-serif;font-size: 2.5rem;position: relative;}
    .player .bls-main-player-stats .uk-grid>div::after{content: "";width: 1px;background-color: #0F0F0F;height: 50%;top: 25%;display: block;position: absolute;right: 0;}
    .player .bls-main-player-stats .uk-grid>div:last-child:after{display: none;}
    .player .bls-main-player-stats .uk-grid>div span{text-transform: uppercase;color: #8d8d8d;line-height: 1;font-weight: 700;font-size: 0.8rem;font-family: 'Inter', sans-serif;display: block;}
    .player .bls-player-teammates h6{color: #8d8d8d;font-family: 'mainfont_italic', sans-serif;}
    .player .bls-player-teammates .bls-teammate-image{width: 30px;border-radius: 100px;}
    .player .bls-player-teammates .bls-teammate-number{color: #F2FF1C;font-family: 'mainfont_italic', sans-serif;font-size: 1.2rem;min-width: 50px;}
    .player .bls-player-teammates .bls-teammate-name{color: #fff;line-height: 1;font-weight: 700;font-size: 0.9rem;font-family: 'Inter', sans-serif;display: block;}
    .player .bls-player-stat{margin: 0;}
    .player .bls-player-stat p{color: white;font-size: 0.9rem;margin: 10px 0 0 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
    .bls-match-log-table thead th{font-weight: 700;}
    .bls-match-log-link:hover{color: #F2FF1C;}

    /* superfan */
    .superfan-container {/* min-height: 100vh; */display: flex;align-items: center;padding: 15vh 20px;}
    .superfan-left .text{background-color: #2c2c2e;}
    .superfan-left > * {position: relative;z-index: 1;}
    .superfan-team-logo {width: 200px;height:200px;margin: -20px 0;}
    .superfan-team-name {font-family: 'mainfont', sans-serif;font-size: 3rem;font-weight: 900;font-style: italic;color: white;text-transform: uppercase;letter-spacing: 2px;margin-bottom: 40px;}
    .superfan-manager-img {width: 100%;max-width: 350px;height: auto;border-radius: 10px;margin-bottom: 20px;}
    .superfan-manager-name {font-family: 'mainfont', sans-serif;font-size: 2rem;font-weight: 900;font-style: italic;color: white;text-transform: uppercase;letter-spacing: 1px;}
    .superfan-right {background-color: #2a2a2a;border-radius: 0 20px 20px 0;padding: 40px 50px;box-sizing: border-box;}
    .superfan-title {font-family: 'mainfont', sans-serif;font-size: 2.5rem;font-weight: 900;font-style: italic;color: #F2FF1C;text-transform: uppercase;letter-spacing: 1px;}
    .superfan-description {color: white;font-size: 1.1rem;line-height: 1.6;margin-bottom: 20px;margin-top: 0;}
    .superfan-description .team-highlight {color: #F2FF1C;font-weight: 700;}
    .superfan-form input[type="text"],.superfan-form input[type="email"], .superfan-form input[type="tel"] {width: 100%;padding: 15px 20px;margin-bottom: 20px;background-color: #3a3a3a;border: none;border-radius: 8px;color: white;font-size: 1rem;box-sizing: border-box;}
    .superfan-form input::placeholder {color: #999;}
    .superfan-form input:focus {outline: none;background-color: #454545;}
    .superfan-team-input {background-color: #3a3a3a !important;color: white !important;font-weight: 700;/* text-align: center; */font-family: 'mainfont', sans-serif;font-style: italic;cursor: not-allowed;}
    .superfan-consent {color: #999;font-size: 0.9rem;margin-bottom: 20px;/* display: flex;align-items: flex-start; */gap: 10px;}
    .superfan-consent input[type="checkbox"] {margin-top: 3px;}
    .superfan-submit {width: 100%;padding: 18px 40px;background-color: #F2FF1C;border: none;border-radius: 8px;color: #1a1a1a;font-family: 'mainfont', sans-serif;font-size: 1.2rem;font-weight: 900;font-style: italic;text-transform: uppercase;cursor: pointer;transition: all 0.3s ease;}
    .superfan-submit:hover {background-color: #F2FF1C;transform: translateY(-2px);box-shadow: 0 5px 20px rgba(212, 255, 0, 0.3);}


/* news */
.uk-pagination li{background-color: #2c2c2c;color: #8d8d8d;border-radius: 5px;margin: 5px;padding: 0px 10px;font-weight: 700;}
.uk-pagination li.uk-active{background-color: #F2FF1C;color: #0F0F0F;}
.uk-pagination li.uk-active a{color: #0F0F0F;}
.bl-news-category{color: #F2FF1C;font-family: 'Inter', sans-serif !important;font-weight: 700 !important;text-transform: uppercase;font-size: 0.8rem !important;}

    /* new single */
    .bls-new-label {background-color: #F2FF1C; padding: 2px 5px; border-radius: 5px; color: #0F0F0F; font-size: 0.7rem;font-weight: 700;text-transform: uppercase;}
    .bls-new-time {color: #8d8d8d;font-size: 0.9rem;font-weight: 700;text-transform: uppercase;}
    .bls-post-content, .bls-post-content p{color: white; font-size: 1.2rem;}
    .bls-post-content blockquote{color: white; font-size: 1.4rem;padding: 20px 0 20px 20px;border-left: 1px solid #8d8d8d;font-weight: 700;}
    .bls-post-content blockquote p{color: white; font-size: 1.4rem;font-weight: 700;}

/* pages */
.bl-page-intro h1{font-family: 'mainfont_italic', sans-serif;color: #fff;font-size: 3rem;}
.flatpage .bls-content, .flatpage .bls-content p {color: #ababab;}
.flatpage .bls-content a {color: #ababab;text-decoration: underline;}
.flatpage .bls-content div h4 {color: white;}

/* footer */
.navbar-teams .bl-team-menu-main img{filter: invert();width: 50px;}
.bl-logo-footer{max-width: 200px;filter: invert();}
footer li a, footer li{color: #8d8d8d;}
footer li a:hover{color: #F2FF1C;}

.feed-sponsors p{color: #8d8d8d;}
.bls-match-log-table{min-width: 720px;color: #ffffff;}
.bls-match-log-table th,.bls-match-log-table td{color: #ffffff;border-color: rgba(255, 255, 255, 0.06);vertical-align: middle;font-size: 0.85rem;}
.bls-match-log-table tbody tr:hover{background: rgba(255, 255, 255, 0.04);}
.bls-match-log-link{display: flex;align-items: center;gap: 0.5rem;color: inherit;text-decoration: none;}
.bls-match-log-team{display: flex;align-items: center;gap: 0.4rem;font-weight: 600;}
.bls-match-log-logo{width: 28px;height: 28px;object-fit: contain;border-radius: 50%;background: rgba(255, 255, 255, 0.08);padding: 4px;}
.bls-match-log-vs{font-size: 0.75rem;color: rgba(255, 255, 255, 0.7);}
.bls-match-score{font-weight: 600;margin-left: 0.5rem;}
.bls-match-result{display: inline-flex;align-items: center;justify-content: center;width: 26px;height: 26px;border-radius: 999px;font-size: 0.75rem;font-weight: 700;text-transform: uppercase;background: rgba(255, 255, 255, 0.12);color: #ffffff;}
.bls-result-win{background: rgba(46, 204, 113, 0.25); color: #2ecc71;}
.bls-result-loss{background: rgba(231, 76, 60, 0.25); color: #e74c3c;}
.bls-result-draw{background: rgba(241, 196, 15, 0.25); color: #f1c40f;}
.bls-result-neutral{background: rgba(255, 255, 255, 0.12); color: #ffffff;}
.bls-match-log-card{text-align: center;}
.bls-match-log .uk-overflow-auto{margin-top: 0.5rem;}
.bls-match-log-table td[data-label],.bls-match-log-table th{white-space: nowrap;}
.bls-match-log-table td[data-label]{ position: relative;}

/* gamechangers */
.gamechangers .bl-hero-gamechangers{background-position: center;background-repeat: no-repeat;background-size: cover;}
.gamechangers .bl-hero-gamechangers h1{color: #F2FF1C;font-family: 'mainfont', sans-serif;font-size: 5rem;text-align: center;padding: 15vh 0;line-height: 1;}
.gamechangers .bl-hero-gamechangers h1 span{color: #fff;font-size: 40%;display: block;font-family: 'mainfont', sans-serif;font-style: normal;}
.gamechangers .bl-subhero-gamechangers{background-position: center;background-repeat: no-repeat;background-size: cover;}
.gamechangers .bl-subhero-gamechangers h2{color: #F2FF1C;font-family: 'mainfont', sans-serif;font-size: 4rem;line-height: 1;}
.gamechangers .bl-subhero-gamechangers h2 span{color: #fff;font-size: 40%;display: block;font-family: 'mainfont', sans-serif;font-style: normal;}
.gamechangers .bl-subhero-gamechangers h4{color: #fff;font-family: 'mainfont', sans-serif;font-size: 1.6rem;text-transform: uppercase;line-height: 1;}
.gamechangers .bl-subhero-gamechangers p{color: #fff;font-size: 1rem;}
.gamechangers .bl-subhero-gamechangers .bl-subhero-gamechangers-arrow img{margin-right: 40px;}

.bls-stats-loading { opacity: .5; pointer-events: none; transition: opacity .2s ease; }

/* Gamechangers Timeline */
/* .bl-gamechangers-timeline {padding: 60px 0 40px;}
.timeline-container {display: flex;align-items: center;justify-content: center;position: relative;min-height: 300px;}
.timeline-line {position: absolute;top: 50%;left: 10%;right: 5%;height: 0;border-top: 3px dashed rgba(255,255,255,0.4);transform: translateY(-50%);}
.half-section {display: flex;flex-direction: column;align-items: center;position: relative;z-index: 2;}
.first-half {margin-right: 80px;}
.second-half {margin-left: 80px;}
.half-label {position: absolute;top: -80px;left: -120px;text-align: left;}
.second-half .half-label {left: auto;right: -80px;}
.half-text {font-family: 'mainfont', sans-serif;font-size: 2.5rem;font-weight: 700;}
.first-half .half-text {color: #F2FF1C;}
.second-half .half-text {color: #fff;}
.half-underline {width: 100%;height: 3px;margin-top: 5px;}
.first-half .half-underline {background: linear-gradient(90deg, #F2FF1C 0%, transparent 100%);}
.second-half .half-underline {background: linear-gradient(90deg, #fff 0%, transparent 100%);}
.player-marker {display: flex;flex-direction: column;align-items: center;width: 40px;}
.marker-triangle {width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 15px solid #E94B4B;margin-bottom: 5px;}
.marker-triangle.blue {border-top-color: #4BB8E9;}
.marker-line {width: 0;height: 60px;border-left: 3px dashed #F2FF1C;}
.marker-line.orange {border-left-color: #E86A3A;}
.marker-dot {width: 16px;height: 16px;background: #F2FF1C;border-radius: 50%;}
.marker-dot.orange {background: #E86A3A;}
.gamechanger-label {text-align: center;margin-top: 20px;font-family: 'mainfont', sans-serif;font-size: 1.5rem;color: #fff;letter-spacing: 1px;line-height: 1.2;}
.halftime-connector {position: relative;z-index: 1;}
.connector-box {width: 120px;height: 80px;border: 3px dashed rgba(255,255,255,0.4);border-left: none;border-radius: 0 10px 10px 0;margin-top: -100px;}
.timeline-arrow {position: absolute;right: 3%;top: 50%;transform: translateY(-50%);} */

.bl-gamechangers-timeline{position: relative;}
.blgt-line{position: absolute;width: 100%;height: 2px;border-bottom: 2px dashed #fff;top: calc(50% - 20px);}
.blgt-line::after{content: "";position: absolute;right: -5px;top: -3px;transform: rotate(45deg);width: 10px;height: 10px;border-top: 2px solid #fff;border-right: 2px solid #fff;}
.bl-gamechangers-timeline .half-text{color: #F2FF1C;font-family: 'mainfont', sans-serif;display: block;font-size: 1.8rem;}
.bl-gamechangers-timeline .bl-gc-title-sign{max-width: 200px;display: block;}
.bl-gamechangers-timeline .bl-gct-player{height: 130px;}
.bl-gamechangers-timeline .gamechanger-label{color: #FFF;font-family: 'mainfont', sans-serif;font-size: 1.5rem;line-height: 1;}
.bl-gamechangers-timeline .bl-line-and-bottom{height: 60px;border-right: 2px dashed #F2FF1C;position: relative;width: 2px;margin: 30px auto 50px;}
.bl-gamechangers-timeline .bl-line-and-bottom:after{content: "";width: 17px;height: 17px;border-radius: 60px;background-color: #F2FF1C;display: block;position: absolute;bottom: -17px;left: -5px;}
.bl-gamechangers-timeline .bl-line-and-bottom.red{border-right: 2px dashed #F55151;}
.bl-gamechangers-timeline .bl-line-and-bottom.red:after{background-color: #F55151;}

.gamechangers .bl-gamechangers-cards{margin: 0 auto;text-align: center;background-position: center;background-repeat: no-repeat;background-size: cover;cursor: pointer;}
.gamechangers .bl-gamechangers-cards h3{color: #F2FF1C;font-family: 'mainfont', sans-serif;font-size: 4rem;line-height: 1;text-align: center;}
.gamechangers .bl-gamechangers-cards h3 span{color: #fff;font-size: 40%;display: block;font-family: 'mainfont', sans-serif;font-style: normal;}
.gamechangers .bl-gamechangers-cards .bl-gc-arrow{margin: 0 auto;transform: rotate(90deg);}
.gamechangers .bl-gamechangers-cards .bl-gc-title{display: block;font-family: 'mainfont', sans-serif;font-size: 2rem;font-weight: 700;color: #F2FF1C;margin-top: 30px;}
.gamechangers .bl-gamechangers-cards .bl-gc-title span{display: block;}
.gamechangers .bl-gamechangers-cards .bl-gc-title.white span{color: #fff;}
.gamechangers .bl-gamechangers-cards .bl-gc-title .bl-gc-title-sign{max-width: 300px;margin-top: -20px;}
.bl-gamechanger-card{position: relative;}
.bl-gamechanger-card h4{font-family: "ivypresto-display", serif;color: #F2FF1C;font-style: italic;margin-top: 20px;font-size: 2rem;}
.bl-gamechanger-card p{color: #fff;text-align: left;padding: 0 20px;}
.bl-gamechanger-card ul {text-align: left;padding: 0 20px 0 40px;margin-top: 20px;}
.bl-gamechanger-card ul li{color: #fff;text-align: left;list-style-type: disc;}
.bl-gamechanger-card .bl-gc-front-arrows{width: 50px;}
.bl-gamechanger-card .bl-gc-front{overflow: hidden;background-color: #000;border-radius: 20px;}
.bl-gamechanger-card .bl-gc-front .bl-gc-front-img{width: 140%;max-width: none;margin-left: -20%;margin-bottom: 20px;}
.bl-gamechanger-card .bl-gc-front-icon{position: absolute;bottom: 20px;right: 20px;}
.bl-gamechanger-card .bl-gc-back{overflow: hidden;top: 0;background-color: #000;border-radius: 20px;}

    /* Flip Card */
    .bl-gamechanger-card {position: relative;perspective: 1000px;}
    .bl-gamechanger-card .bl-gc-front,
    .bl-gamechanger-card .bl-gc-back {backface-visibility: hidden;transition: transform 0.6s ease;}
    .bl-gamechanger-card .bl-gc-back {transform: rotateY(180deg);position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    .bl-gamechanger-card.flipped .bl-gc-front {transform: rotateY(-180deg);}
    .bl-gamechanger-card.flipped .bl-gc-back {transform: rotateY(0);}
    .bl-gc-front-icon {cursor: pointer;}

.gamechangers .bl-gamechangers-rulebook h3{color: #F2FF1C;font-family: 'mainfont', sans-serif;font-size: 4rem;line-height: 1;text-align: center;margin: 30px 0;}
.gamechangers .bl-gamechangers-rulebook h3 span{color: #fff;font-size: 40%;display: block;font-family: 'mainfont', sans-serif;font-style: normal;}
.gamechangers .bl-gamechangers-rulebook .bl-gc-arrow{margin-top: -15px;}


/***** managers strip *****/
.manager-avatars { pointer-events: none; }
.manager-avatar { max-width: 64px; height: auto; margin: 0 4px; filter: drop-shadow(0 4px 12px rgba(0,0,0,.35)); }
@media (min-width: 960px){ .manager-avatar{ max-width: 88px; } }

.bls-stats-loading { opacity: .5; pointer-events: none; transition: opacity .2s ease; }
/* .bl-news-category { display: inline-block; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: rgba(255,255,255,.7); margin-bottom: 4px; } */

/***** Home Signup Block *****/
.bl-home-signup-block {background-color: #2a2a2a;padding: 20px;}
.bl-signup-title {font-family: 'mainfont', sans-serif;font-style: italic;font-size: 1.4rem;line-height: 1.2;color: #F2FF1C;margin-bottom: 10px;text-align: center;}
.bl-signup-input {width: 100%;padding: 15px 20px;margin-bottom: 15px;background-color: #3a3a3a;border: 1px solid #3a3a3a;border-radius: 8px;color: white;font-size: 1rem;box-sizing: border-box;}
.bl-signup-input::placeholder {color: #888;}
.bl-signup-input:focus {outline: none;background-color: #454545;border: 1px solid #8A8A8A;color: #fff;}
.bl-signup-input:focus::placeholder{color: #8A8A8A;}
.bl-signup-input:-webkit-autofill,
.bl-signup-input:-webkit-autofill:hover,
.bl-signup-input:-webkit-autofill:focus,
.bl-signup-input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #3a3a3a inset !important;
    -webkit-text-fill-color: #fff !important;
    border: 1px solid #3a3a3a !important;
    transition: background-color 5000s ease-in-out 0s;
}
.bl-signup-captcha-container {border-radius: 8px;padding: 10px 0;display: flex;justify-content: center;margin-bottom: 15px;}
.bl-signup-consent {font-size: 0.85rem;color: #ccc;line-height: 1.4;}
.bl-signup-consent .uk-checkbox {margin-top: 3px;flex-shrink: 0;}
.bl-signup-success-icon {width: 70px;height: 70px;background-color: #4CAF50;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 15px;}
.bl-signup-success-icon span {color: #000;}
.signup-step-3 p {color: #ccc;font-size: 0.95rem;}
.home-signup-close {background-color: #fff;color: #000;font-weight: bold;text-align: center;}
.home-signup-close:hover {background-color: #eee;border: #eee;}

/***** Final Four Block *****/
.bl-ff-wrapper {flex: 1;display: flex;flex-direction: column;gap: 15px;}
.bl-ff-header {background-color: #464646;padding: 20px 20px 12px 20px;margin-bottom: -18px;border-bottom-right-radius: 0;border-bottom-left-radius: 0;z-index: 1;}
.bl-ff-header h3 {font-family: 'mainfont', sans-serif;color: #fff;font-style: italic;font-size: 1.8rem;margin: 0;}
.bl-ff-games-container {flex: 1;display: flex;flex-direction: column;gap: 15px;}
.bl-ff-game-card {text-decoration: none;background: #2c2c2c;padding: 15px;display: flex;flex-direction: column;justify-content: space-between;flex: 1;padding-bottom: 0;}
.bl-ff-team-name {color: #fff;font-family: 'mainfont', sans-serif;font-size: 0.9rem;flex: 1;text-transform: uppercase;}
.bl-ff-team-name.right {text-align: right;}
.bl-ff-score-container {min-width: 80px;text-align: center;}
.bl-ff-score {color: #F2FF1C;font-size: 1.5rem;font-family: 'mainfont', sans-serif;}
.bl-ff-score-separator {color: #666;margin: 0 5px;}
.bl-ff-live-indicator {color: #fff;font-size: 0.75rem;display: inline-flex;align-items: center;gap: 5px;}
.bl-ff-live-dot {width: 8px;height: 8px;background: #ff4444;border-radius: 50%;animation: pulse 1s infinite;}
.bl-ff-teams-row {gap: 10px;}
.bl-ff-team-side {flex: 1;gap: 8px;}
.bl-ff-team-logo {width: 100px;height: 100px;margin: -30px -10px -20px -20px;object-fit: contain;}
.bl-ff-team-logo.right {margin: -30px -20px -20px -10px;}
.bl-ff-managers {gap: -10px;}
.bl-ff-manager-img {width: 90px;margin: 0 -20%;}
.bl-ff-games-container .blrg-time{font-family: 'inter';font-size: 0.9rem;}

/* Final Four Live Block */
.bl-ff-live-block {background-color: #2a2a2a;padding: 20px;display: flex;flex-direction: column;align-items: center;}
.bl-ff-live-title {font-family: 'mainfont', sans-serif;color: #F2FF1C;font-style: italic;font-size: 1.6rem;margin: 0;}
.bl-ff-btn-youtube {display: flex;align-items: center;justify-content: center;gap: 10px;width: 100%;padding: 8px 20px;background-color: #FF0000;color: #fff;font-family: 'mainfont', sans-serif;font-size: 1rem;text-decoration: none;transition: opacity 0.2s;box-sizing: border-box;}
.bl-ff-btn-youtube:hover {opacity: 0.9;color: #fff;}
.bl-ff-btn-twitch {display: flex;align-items: center;justify-content: center;gap: 10px;width: 100%;padding: 8px 20px;background-color: #9146FF;color: #fff;font-family: 'mainfont', sans-serif;font-size: 1rem;text-decoration: none;transition: opacity 0.2s;box-sizing: border-box;}
.bl-ff-btn-twitch:hover {opacity: 0.9;color: #fff;}
.bl-ff-btn-tiktok {display: flex;align-items: center;justify-content: center;gap: 10px;width: 100%;padding: 8px 20px;background-color: #EE1D52;color: #fff;font-family: 'mainfont', sans-serif;font-size: 1rem;text-decoration: none;transition: opacity 0.2s;box-sizing: border-box;}
.bl-ff-btn-tiktok:hover {opacity: 0.9;color: #fff;}
.bl-ff-live-badge {display: flex;align-items: center;justify-content: center;gap: 8px;width: 100%;padding: 12px 20px;background-color: transparent;color: #fff;font-family: 'Inter', sans-serif;letter-spacing: 0.5px;
display: block;margin-top: 10px;box-sizing: border-box;padding: 7px;font-size: 0.7rem;text-align: center;font-weight: 700;border: 1px solid #ADB5BD;background-color: transparent;text-transform: uppercase;border-radius: 5px;}
.bl-ff-live-badge:before {animation: pulsate 1s ease-in-out infinite;}
.bl-ff-live-badge:before {background-color: #ff4444;}
.bl-ff-live-badge:before {content: "";width: 10px;height: 10px;border-radius: 20px;display: inline-block;margin: -2px 6px 0 0;vertical-align: middle;}
.bl-ff-live-block .icon{filter: invert();}

@keyframes pulse {
    0%, 100% {opacity: 1;}
    50% {opacity: 0.5;}
}

/***** Season Champion Block *****/
.bl-season-champion-block {
    flex: 1;
    display: flex;
    flex-direction: column;
    background: linear-gradient(180deg, #2a2a2a 0%, #1a1a1a 100%);
    border-radius: 8px;
    overflow: hidden;
}
.bl-champion-header {
    background-color: #464646;
    padding: 20px 20px 12px 20px;
    text-align: center;
}
.bl-champion-header h3 {
    font-family: 'mainfont', sans-serif;
    color: #F2FF1C;
    font-style: italic;
    font-size: 1.6rem;
    margin: 0;
    text-transform: uppercase;
}
.bl-champion-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
    position: relative;
    overflow: hidden;
    padding-bottom: 0;
}
.bl-champion-confetti-base,
.bl-champion-confetti-color {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
    z-index: 0;
}
.bl-champion-confetti-base {
    opacity: 0.5;
    animation: confettiFloat 8s ease-in-out infinite;
}
.bl-champion-confetti-color {
    opacity: 0.8;
    z-index: 1;
    -webkit-mask-image: url('/assets/front_img/v3/color-confetti.svg');
    mask-image: url('/assets/front_img/v3/color-confetti.svg');
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: var(--team-color, #F2FF1C);
    animation: confettiFloat 6s ease-in-out infinite reverse;
}
@keyframes confettiFloat {
    0%, 100% {
        transform: translateY(0) scale(1);
    }
    25% {
        transform: translateY(-8px) scale(1.02);
    }
    50% {
        transform: translateY(0) scale(1);
    }
    75% {
        transform: translateY(5px) scale(0.98);
    }
}
.bl-champion-team-name {
    font-family: 'mainfont', sans-serif;
    color: #fff;
    font-size: 2rem;
    font-style: italic;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 20px;
    z-index: 2;
}
.bl-champion-visual {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex: 1;
    width: 100%;
    position: relative;
    gap: 0;
    z-index: 2;
}
.bl-champion-manager {
    width: 70%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    z-index: 3;
}
.bl-champion-manager img {
    height: 80%;
    width: auto;
    object-fit: contain;
    filter: drop-shadow(0 4px 20px rgba(0,0,0,0.5));
    margin-right: -70%;
}
.bl-champion-manager img:last-child {
    margin-right: 0;
}
.bl-champion-logo {
    width: 45%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    z-index: 3;
    position: absolute;
    right: 0;
    margin-right: -20px;
}
.bl-champion-logo img {
    max-width: 150px;
    height: auto;
    object-fit: contain;
    filter: drop-shadow(0 4px 20px rgba(242, 255, 28, 0.3));
}
