:root{
  --live-blue: #00bcd4;
  --live-blue-dark:#00bcd4;
  --live-bg:#f2f3f5;
  --live-card:#ffffff;
  --live-text:#111827;
  --live-muted:#6b7280;
  --live-line:#e5e7eb;
  --live-green:#16a34a;
  --live-shadow:0 6px 18px rgba(17,24,39,.08);
}

.mobile-live-footer {display: none;}

@media (max-width:768px) { 
    .sport-pill span{font-size:27px;line-height:27px}.sport-pill small{font-size:11px;margin-top:6px;font-weight:800;text-transform:none;white-space:nowrap;max-width:74px;overflow:hidden;text-overflow:ellipsis}.sport-pill b{position:absolute;right:7px;top:6px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#fff;color:var(--live-blue);font-size:10px;line-height:19px;text-align:center;box-shadow:0 1px 5px rgba(0,0,0,.14)}.sport-pill.active{background:linear-gradient(135deg,var(--live-blue),var(--live-blue));color:#fff;border-color:transparent}.sport-pill.active b{color:#111827}
    .live-content{padding:8px 8px 4px}.live-match-card{background:var(--live-card);border-radius:0;box-shadow:var(--live-shadow);overflow:hidden;margin-bottom:8px;border:1px solid rgba(229,231,235,.88)}.live-match-card.active{border-color:rgba(229,30,42,.28)}
    .league-row{display:flex;align-items:center;gap:8px;min-height:40px;background:#fafafa;border-bottom:1px solid var(--live-line);padding:6px 7px 6px 10px}.league-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800;color:#374151}.top-odds{display:flex;gap:4px;flex-shrink:0}.top-odds button{min-width:48px;height:29px;border:1px solid #e3e5e8;background:#fff;border-radius:0;font-size:13px;font-weight:900;color:#111827;line-height:1;box-shadow:0 1px 3px rgba(0,0,0,.05)}.top-odds small{display:block;font-size:8px;color:var(--live-muted);font-weight:800;margin-bottom:2px;text-transform:uppercase}
    .match-body{padding:7px 10px 8px}.match-meta{height:22px;display:flex;align-items:center;gap:5px;color:var(--live-green);font-size:12px;font-weight:900}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--live-green);box-shadow:0 0 0 4px rgba(22,163,74,.10)}.match-meta em{margin-left:auto;background:#eefaf2;color:var(--live-green);font-size:11px;font-style:normal;border-radius:999px;padding:3px 8px}.teams-score{display:flex;align-items:center;gap:8px}.teams{flex:1;min-width:0}.team{height:22px;line-height:22px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#2f3744}.team.strong{font-weight:900;color:#111827}.score{width:34px;text-align:center;font-size:16px;font-weight:900;color:#111827}.score b{display:block;height:22px;line-height:22px}.score.tennis{width:54px;font-size:13px}
    .market-row{display:grid;grid-template-columns:72px repeat(3,1fr);gap:5px;background:#fbfbfc;border-top:1px solid var(--live-line);padding:7px}.market-row.two{grid-template-columns:72px repeat(2,1fr)}.market-title{display:flex;align-items:center;font-size:11px;color:#6b7280;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.market-row button{height:34px;border:1px solid #e4e6ea;background:#fff;border-radius:0;color:#111827;font-size:13px;font-weight:900;box-shadow:0 1px 3px rgba(0,0,0,.04)}.market-row button small{display:block;color:#6b7280;font-size:9px;font-weight:800;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.market-row button:active,.top-odds button:active{transform:scale(.98);background:#fff7f7;border-color:var(--live-blue)}
    .mobile-live-footer{position:fixed;left:0;right:0;bottom:0;z-index: 700001;height:66px;padding:7px 8px calc(7px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e5e7eb;display:grid;grid-template-columns:repeat(5,1fr);box-shadow:0 -4px 18px rgba(0,0,0,.10)}
    .mobile-live-footer a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#7a808a;font-size:10px;font-weight:800}
    .mobile-live-footer i{font-size:18px}.mobile-live-footer a.active{color:var(--live-blue)}
    .mobile-live-footer .ticket{margin-top:-18px}
    .mobile-live-footer .ticket i{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--live-blue),var(--live-blue));color:#fff;box-shadow:0 7px 18px rgba(229,30,42,.35);font-size:20px}
    .mobile-live-footer .ticket b{position:absolute;top:1px;right:-5px;background:#111827;color:#fff;border:2px solid #fff;min-width:18px;height:18px;line-height:14px;border-radius:999px;font-size:12px;text-align:center;}.mobile-live-footer .ticket span{margin-top:-1px;color:#111827} 
    /*.live-app{max-width:430px;margin:0 auto;box-shadow:0 0 30px rgba(0,0,0,.12)}*/    
    .mobile-live-footer .ticket.active_t i { background: rgba(0,212,131,1); }
    .disabled_t { pointer-events: none; opacity: 0.7; cursor: not-allowed; }
    .disabled_t b { display: none; }    
    
    /*.live-app{max-width:430px;margin:0 auto;box-shadow:0 0 30px rgba(0,0,0,.12)}*/   
}

/*------------*/

.footer-search-box{
    position:absolute;
    left:8px;
    right:8px;
    top:7px;
    height:52px;
    background:#fff;
    border-radius:14px;
    display:flex;
    align-items:center;
    overflow:hidden;

    transform:scaleX(0);
    transform-origin:left center;

    opacity:0;
    pointer-events:none;

    transition:.28s;
    box-shadow:0 3px 12px rgba(0,0,0,.15);
    z-index:100;
}

.footer-search-box.open{
    transform:scaleX(1);
    opacity:1;
    pointer-events:auto;
}

.search-icon{
    width:48px;
    display:flex;
    justify-content:center;
    align-items:center;
    color:#9ca3af;
    font-size:18px;
    flex-shrink:0;
}

.footer-search-box input{
    flex:1;
    height:100%;
    border:none;
    outline:none;
    background:transparent;
    font-size:15px;
    padding-right:10px;
}

.footer-search-box button{
    width:48px;
    height:100%;
    border:none;
    background:none;
    color:#666;
    font-size:18px;
}

/*---*/

.search-found{
    /*background:#ffe082 !important;*/
    /*border: 2px solid #00d483 !important;
    box-sizing: border-box;*/
    
    outline: 3px solid #00d483 !important;
    outline-offset: -2px;
    box-shadow: inset 0 0 0 2px #00d483 !important;
}

#footerSearchInput::placeholder{
    color:#9ca3af !important;
    opacity:1 !important;
}

#footerSearchInput.search-error{
    color:#ff3b30;
}


/*--------------*/


.header-sports-menu {
    display: none;
    position: relative;
    z-index: 1035;

    width: 100%;
    height: 55px;

    overflow: hidden;

    background: rgba(255,255,255,0.65); /*#ffffff;*/
    border-top: 1px solid #e7e9ec;
    border-bottom: 1px solid #dfe3e7;

    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
}

.header-sports-scroll {
    display: flex;
    align-items: stretch;

    width: 100%;
    height: 55px;

    padding: 0 7px;

    overflow-x: auto;
    overflow-y: hidden;

    -webkit-overflow-scrolling: touch;
}

.header-sports-scroll::-webkit-scrollbar {
    display: none;
}

.header-sport-pill {
    position: relative;

    flex: 0 0 88px;
    min-width: 88px;
    height: 55px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    padding: 6px 7px 5px;

    border: 0;
    border-right: 1px solid #e2e5e8;
    border-radius: 0;

    background: #ffffff;
    color: #5d6470 !important;

    text-decoration: none !important;
    box-sizing: border-box;

    transition:
        background-color 0.18s ease,
        color 0.18s ease,
        box-shadow 0.18s ease;
}

.header-sport-pill:first-child {
    border-left: 1px solid #e2e5e8;
}

.header-sport-pill:hover,
.header-sport-pill:focus {
    background: #f6f8f9;
    color: #2f343b !important;
    text-decoration: none !important;
    outline: none;
}

.header-sport-pill.active {
    background: rgba(255,255,255,0.65);
    color: #08b9d0 !important;

    border: 1px solid #08b9d0;
    border-bottom: 3px solid #08b9d0;
    border-radius: 12px 12px 0 0;

    box-shadow:
        0 0 0 1px rgba(8, 185, 208, 0.08),
        0 2px 8px rgba(8, 185, 208, 0.18);
}

.header-sport-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 27px;
    height: 27px;

    margin-bottom: 3px;

    color: #606773;
    font-size: 19px;
    line-height: 27px;
}

.header-sport-pill:hover .header-sport-icon,
.header-sport-pill:focus .header-sport-icon {
    color: #303740;
}

.header-sport-pill.active .header-sport-icon {
    color: #08b9d0;
}

.header-sport-pill small {
    display: block;

    width: 100%;
    margin: 0;

    overflow: hidden;

    color: inherit !important;
    font-size: 10px;
    font-weight: 700;
    line-height: 13px;
    text-align: center;

    white-space: nowrap;
    text-overflow: ellipsis;
}

.header-sport-pill b {
    position: absolute;
    top: 4px;
    right: 5px;

    min-width: 19px;
    height: 18px;

    padding: 0 5px;

    border: 0;
    border-radius: 12px;

    background: #59616d;
    color: #ffffff;

    font-size: 9px;
    font-weight: 800;
    line-height: 18px;
    text-align: center;

    box-sizing: border-box;
}

.header-sport-pill.active b {
    background: #08b9d0;
    color: #ffffff;
}

.header-sport-pill:active {
    transform: translateY(1px);
}


.logo_nav img{
    top: 5px;
    width:78px;
    height:auto;
}

@media (max-width: 768px) {    
    .container.pt-2.pb-1 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .header-sports-menu { 
        display: block; 
    }
    
    .header-sports-menu,
    .header-sports-scroll {
        height: 55px;
    }

    .header-sport-pill {
        flex-basis: 78px;
        min-width: 78px;
        height: 55px;

        padding: 5px 5px 4px;
    }

    .header-sport-icon {
        width: 24px;
        height: 24px;

        margin-bottom: 2px;

        font-size: 17px;
        line-height: 24px;
    }

    .header-sport-pill small {
        font-size: 9px;
        line-height: 12px;
    }

    .header-sport-pill b {
        top: 3px;
        right: 4px;

        min-width: 17px;
        height: 16px;

        padding: 0 4px;

        font-size: 8px;
        line-height: 16px;
    }
}

/* Dynamic live row:
   1 phase, 2 desktop score, 3 desktop teams, 4 team_cell,
   5 market title, 6-8 odds, 9 market title,
   10-12 odds, 13 more markets. */
.tbl_prikaz_ponude_live tbody tr > td.team_cell {
    display: none !important;
}

@media (max-width: 768px) {
    #prikaz_razrade {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .razrada_live {
        padding-right: 0 !important;
        padding-left: 0 !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .tbl_prikaz_ponude_live {
        display: block;
        width: 100%;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
    }

    .tbl_prikaz_ponude_live thead {
        display: none !important;
    }

    .tbl_prikaz_ponude_live tbody {
        display: block;
        width: 100%;
    }

    .tbl_prikaz_ponude_live tbody tr {
        display: grid !important;
        grid-template-columns: 117px repeat(6, minmax(0, 1fr));
        grid-template-rows: auto auto auto auto auto;
        width: 100%;
        margin: 0 0 5px !important;
        padding: 0 !important;
        overflow: hidden;
        border: 0 !important;
        border-radius: 0;
        background: #fff !important;
        box-shadow: 0 2px 9px rgba(17, 24, 39, .10);
    }

    .tbl_prikaz_ponude_live tbody tr > td {
        float: none !important;
        width: auto !important;
        min-width: 0;
        height: auto !important;
        margin: 0 !important;
        border: 0 !important;
        box-shadow: none;
    }

    /* Remove only desktop duplicates. */
    .tbl_prikaz_ponude_live tbody tr > td.score_desk,
    .tbl_prikaz_ponude_live tbody tr > td.team_desk {
        display: none !important;
    }

    /* The cell itself creates no box; its DIV children join the row grid. */
    .tbl_prikaz_ponude_live tbody tr > td.team_cell {
        display: contents !important;
    }

    .tbl_prikaz_ponude_live .team_cell > .league_mob {
        display: block !important;
        grid-column: 1 / 8;
        grid-row: 1;
        padding: 9px 8px;
        overflow: hidden;
        border-bottom: 1px solid var(--live-line);
        background: #f0f0f1;
        color: #374151;
        font-size: 12px;
        font-weight: 800;
        line-height: 16px;
        text-align: left;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    /* Match phase. */
    .tbl_prikaz_ponude_live tbody tr > td:nth-child(1) {
        display: block !important;
        grid-column: 1 / 5;
        grid-row: 2;
        padding: 7px 8px 2px !important;
        background: #fff !important;
        text-align: left;
    }

    .tbl_prikaz_ponude_live tbody tr > td:nth-child(1) > span {
        padding-left: 0 !important;
        color: var(--live-green) !important;
        font-size: 11px !important;
        font-weight: 900;
    }

    .tbl_prikaz_ponude_live tbody tr > td:nth-child(1) > span::before {
        content: "";
        display: inline-block;
        width: 7px;
        height: 7px;
        margin-right: 4px;
        border-radius: 50%;
        background: var(--live-green);
        box-shadow: 0 0 0 3px rgba(22, 163, 74, .10);
    }

    /* More-markets badge. */
    .tbl_prikaz_ponude_live tbody tr > td:nth-child(13) {
        display: flex !important;
        grid-column: 7;
        grid-row: 2;
        align-items: center;
        justify-content: flex-end;
        padding: 5px 6px 1px !important;
        border: 0 !important;
        outline: 0 !important;
        background: #fff !important;
        box-shadow: none !important;
    }

    .tbl_prikaz_ponude_live tbody tr > td:nth-child(13) a {
        display: block;
        padding: 3px 8px;
        border-radius: 999px;
        background: #eefaf2;
        color: var(--live-green) !important;
        font-size: 11px;
        font-weight: 900;
        line-height: 18px;
        text-decoration: none;
        border: 0 !important;
        outline: 0 !important;
        box-shadow: none !important;
    }

    .tbl_prikaz_ponude_live tbody tr > td:nth-child(13) a span {
        border: 0 !important;
        outline: 0 !important;
        box-shadow: none !important;
    }

    .tbl_prikaz_ponude_live .team_cell > .score_mob {
        display: grid !important;
        grid-column: 1 / 8;
        grid-row: 3;
        grid-template-columns: minmax(0, 1fr) 28px;
        gap: 1px 6px;
        padding: 1px 8px 8px;
        background: #fff;
        color: #2f3744;
        font-size: 14px;
        line-height: 21px;
        text-align: left;
    }

    /*
       Extra mobile results.
       Expected order:
       team 1, its result(s), team 2, its result(s).
       The grid expands automatically only when more <b> results exist.
    */
    .tbl_prikaz_ponude_live .score_mob:has(> :nth-child(6):last-child) {
        grid-template-columns: minmax(0, 1fr) repeat(2, 34px);
    }

    .tbl_prikaz_ponude_live .score_mob:has(> :nth-child(8):last-child) {
        grid-template-columns: minmax(0, 1fr) repeat(3, 34px);
    }

    .tbl_prikaz_ponude_live .score_mob:has(> :nth-child(10):last-child) {
        grid-template-columns: minmax(0, 1fr) repeat(4, 34px);
    }
    
    .tbl_prikaz_ponude_live .score_mob:has(> :nth-child(12):last-child) {
        grid-template-columns: minmax(0, 1fr) repeat(5, 30px);
    }
    
    .tbl_prikaz_ponude_live .score_mob:has(> :nth-child(14):last-child) {
        grid-template-columns: minmax(0, 1fr) repeat(6, 27px);
    }
    
    /*.tbl_prikaz_ponude_live .score_mob:has(> :nth-child(16):last-child) {
        grid-template-columns: minmax(0, 1fr) repeat(7, 24px);
    }*/

    .tbl_prikaz_ponude_live .score_mob span {
        min-width: 0;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .tbl_prikaz_ponude_live .score_mob b {
        min-width: 20px;
        color: #111827;
        font-size: 15px;
        font-weight: 400;
        text-align: center;
    }

    /* Market titles. */
    .tbl_prikaz_ponude_live tbody tr > td:nth-child(5),
    .tbl_prikaz_ponude_live tbody tr > td:nth-child(9) {
        display: flex !important;
        grid-column: 1;
        align-items: center;
        padding: 6px 4px !important;
        border-top: 1px solid var(--live-line) !important;
        background: #f0f0f1 !important;
        color: var(--live-muted);
        font-size: 11px;
        font-weight: 900;
        text-align: left;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .tbl_prikaz_ponude_live tbody tr > td:nth-child(5) { grid-row: 4; }
    .tbl_prikaz_ponude_live tbody tr > td:nth-child(9) { grid-row: 5; }

    /* Default three-option placement. */
    .tbl_prikaz_ponude_live tbody tr > td:nth-child(6)  { grid-column: 2 / 4; grid-row: 4; }
    .tbl_prikaz_ponude_live tbody tr > td:nth-child(7)  { grid-column: 4 / 6; grid-row: 4; }
    .tbl_prikaz_ponude_live tbody tr > td:nth-child(8)  { grid-column: 6 / 8; grid-row: 4; }
    .tbl_prikaz_ponude_live tbody tr > td:nth-child(10) { grid-column: 2 / 4; grid-row: 5; }
    .tbl_prikaz_ponude_live tbody tr > td:nth-child(11) { grid-column: 4 / 6; grid-row: 5; }
    .tbl_prikaz_ponude_live tbody tr > td:nth-child(12) { grid-column: 6 / 8; grid-row: 5; }

    .tbl_prikaz_ponude_live tbody tr > td:nth-child(n+6):nth-child(-n+12):not(:nth-child(9)) {
        display: block !important;
        padding: 8px 9px !important;
        border-top: 1px solid var(--live-line) !important;
        background: #f0f0f1 !important;
        text-align: center;
    }
    
    /* Empty middle cells produce two equal-width options. */
    .tbl_prikaz_ponude_live tbody tr:has(> td:nth-child(7):empty) > td:nth-child(7),
    .tbl_prikaz_ponude_live tbody tr:has(> td:nth-child(11):empty) > td:nth-child(11) {
        display: none !important;
    }

    .tbl_prikaz_ponude_live tbody tr:has(> td:nth-child(7):empty) > td:nth-child(6) {
        grid-column: 2 / 5;
    }

    .tbl_prikaz_ponude_live tbody tr:has(> td:nth-child(7):empty) > td:nth-child(8) {
        grid-column: 5 / 8;
    }

    .tbl_prikaz_ponude_live tbody tr:has(> td:nth-child(11):empty) > td:nth-child(10) {
        grid-column: 2 / 5;
    }

    .tbl_prikaz_ponude_live tbody tr:has(> td:nth-child(11):empty) > td:nth-child(12) {
        grid-column: 5 / 8;
    }

    .tbl_prikaz_ponude_live .tip_dog {
        display: block;
        margin: 0 0 1px;
        padding: 0;
        color: var(--live-muted);
        font-size: 9px;
        font-weight: 800;
        line-height: 10px;
        text-align: center;
    }

    .tbl_prikaz_ponude_live .kvota_dog {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 32px;
        padding: 0 2px !important;
        border: 1px solid #bdbdbd;
        border-radius: 0;
        /*background: #fff;*/
        color: #111827;
        font-size: 13px;
        font-weight: 900;
        line-height: 30px !important;
        box-shadow: 0 1px 3px rgba(0, 0, 0, .05);
        cursor: pointer;
    }

    .tbl_prikaz_ponude_live .kvota_dog.on {
        box-shadow: 0 0 1px 2px #00d483 !important;
    }
    
    .tbl_prikaz_ponude_live .kvota_dog:hover {
        background: #9ae4b8 !important;
    }
}