/* =========================================================
   1) GLAVNI TABI: URNIK / EKIPNO / POSAMEZNO
========================================================= */

.bv-tabs {
    display: flex;
    gap: 14px;

    margin: 24px 0 0;
    padding: 10px;

    background: #101010;

    border-radius: 22px;

    box-shadow: inset 0 0 18px rgba(255, 255, 255, 0.08),
        0 10px 24px rgba(0, 0, 0, 0.28);
}

.bv-tab {
    position: relative;

    flex: 1;

    padding: 18px 26px;

    border: none;
    border-radius: 18px;

    background: linear-gradient(180deg, #2a2a2a 0%, #151515 55%, #080808 100%);

    color: #ffffff;

    font-size: 22px;
    font-weight: 900;
    letter-spacing: 1px;

    cursor: pointer;

    box-shadow: inset 0 2px 2px rgba(255, 255, 255, 0.18),
        inset 0 -4px 8px rgba(0, 0, 0, 0.65), 0 8px 14px rgba(0, 0, 0, 0.45);

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

/* hover */

.bv-tab:hover {
    transform: translateY(-2px);

    box-shadow: inset 0 2px 3px rgba(255, 255, 255, 0.25),
        inset 0 -4px 8px rgba(0, 0, 0, 0.6), 0 12px 20px rgba(0, 0, 0, 0.55);
}

/* active */

.bv-tab.active {
    transform: translateY(2px);

    background: linear-gradient(180deg, #e10600 0%, #b30000 48%, #640000 100%);

    box-shadow: inset 0 5px 12px rgba(0, 0, 0, 0.65),
        inset 0 -2px 6px rgba(255, 255, 255, 0.18),
        0 0 16px rgba(225, 6, 0, 0.45);
}

/* =========================================================
   TAB UNDERLINE
========================================================= */

.bv-tab::after {
    content: "";

    position: absolute;

    left: 50%;
    bottom: -6px;

    transform: translateX(-50%);

    width: 0;
    height: 3px;

    border-radius: 999px;

    opacity: 0;

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

/* hover */

.bv-tab:hover::after {
    width: 58%;

    opacity: 1;

    background: linear-gradient(
        90deg,
        rgba(0, 140, 255, 0) 0%,
        rgba(0, 140, 255, 0.85) 20%,
        #38b6ff 50%,
        rgba(0, 140, 255, 0.85) 80%,
        rgba(0, 140, 255, 0) 100%
    );

    box-shadow: 0 0 8px rgba(0, 140, 255, 0.45),
        0 0 18px rgba(0, 140, 255, 0.25);
}

/* active */

.bv-tab.active::after {
    width: 72%;

    opacity: 1;

    background: linear-gradient(
        90deg,
        rgba(255, 0, 0, 0) 0%,
        rgba(255, 0, 0, 0.85) 20%,
        #ff3a3a 50%,
        rgba(255, 0, 0, 0.85) 80%,
        rgba(255, 0, 0, 0) 100%
    );

    box-shadow: 0 0 10px rgba(255, 0, 0, 0.55), 0 0 24px rgba(255, 0, 0, 0.28);
}

/* =========================================================
   2) TAB CONTENT
========================================================= */

.tab-content {
    display: none;
    margin-top: 24px;
}

.tab-content.active {
    display: block;
}

/* =========================================================
   TC-PANEL BACKGROUND
   ---------------------------------------------------------
   URNIK ostane svetel.
   Ko je aktiven EKIPNO ali POSAMEZNO,
   tc-panel dobi BV dark blue background.
========================================================= */
.tc-panel-dark{
    background: linear-gradient(180deg, #04101f 0%, #020814 45%, #01050d 100%);

    border: 1px solid rgba(0, 140, 255, 0.28);

    box-shadow:
        0 0 30px rgba(0, 120, 255, 0.18),
        0 18px 40px rgba(0, 0, 0, 0.55),
        inset 0 0 40px rgba(0, 120, 255, 0.08);
}

.tc-panel-dark .tc-title{
    color:#ffffff;

    text-shadow:
        0 0 12px rgba(0,140,255,.22);
}

/* =========================================================
   5) REZULTATI - SKUPNI ZGORNJI DEL
========================================================= */

.bv-table-top{
display:flex;
justify-content:space-between;
align-items:center;

flex-wrap:wrap;

gap:14px 24px;

margin:0 0 4px;

background:
linear-gradient(
90deg,
#031022 0%,
#08204a 35%,
#0b2a66 55%,
#08204a 75%,
#031022 100%
);

border-radius:18px;

padding:10px 14px;

box-shadow:
0 0 24px rgba(0,80,255,.18),
inset 0 0 18px rgba(255,255,255,.03);
}

/* druga vrstica T/R */

.bv-subtabs-tr{
margin-top:-10px;

margin-left:0;
margin-right:auto;
}

.bv-subtabs{
display:flex;
flex-wrap:wrap;

width:470px;
max-width:470px;
}

.bv-subtabs-break{
width:100%;
height:0;
}

/* naslov */

.bv-table-title {
color:#ffffff;

font-size:34px;
font-weight:900;

letter-spacing:.04em;

text-shadow:
0 0 12px rgba(0,120,255,.22);
}

/* search */

.search-right{
margin-left:auto;
justify-content:flex-end;
}

.bv-table-search{
display:flex;
align-items:center;

margin-left:auto;
}

.bv-table-search input{
width:320px;
height:44px;

padding:0 18px;

border:1px solid rgba(0,140,255,.25);
border-radius:16px;

background:
linear-gradient(
180deg,
#091426 0%,
#050b15 100%
);

color:#ffffff;

font-size:16px;
font-weight:700;

outline:none;

box-shadow:
0 0 14px rgba(0,120,255,.12),
inset 0 0 12px rgba(255,255,255,.03);

transition:
border-color .18s ease,
box-shadow .18s ease;
}

.bv-table-search input:focus{
border-color:#1f8fff;

box-shadow:
0 0 18px rgba(0,120,255,.35),
inset 0 0 12px rgba(255,255,255,.05);
}

.bv-table-search input::placeholder{
color:rgba(255,255,255,.45);
}

/* =========================================================
   RESULTS HEADER
========================================================= */

.results-header {

    display:flex;
    align-items:center;
    justify-content:space-between;

    margin:0;

    padding-right:24px;

    border-radius:24px 24px 0 0;

    overflow:hidden;
    border-bottom:none;

    box-shadow:
    0 0 26px rgba(0,120,255,.18),
    inset 0 0 18px rgba(255,255,255,.03);
}

/* leva header slika */

.results-header > img {

    display:block;

    width:200px;
    height:auto;
}

/* =========================================================
   6) FILTER TABI: VSI / MOŠKI / ŽENSKE
========================================================= */

.bv-subtabs{
display:flex;
align-items:center;

gap:10px;

padding:10px 14px;

border-radius:12px;

background:
linear-gradient(
180deg,
#091426 0%,
#050b15 100%
);

border:1px solid rgba(0,140,255,.18);

box-shadow:
0 0 14px rgba(0,120,255,.10),
inset 0 0 12px rgba(255,255,255,.03);
}

.bv-subtab{

    position:relative;

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

    width:fit-content;
    height:25px;

    padding:0 10px;

    border:none;
    border-radius:999px;

    background:transparent;

    color:rgba(255,255,255,.82);

    font-size:14px;
    font-weight:900;
    letter-spacing:.04em;

    cursor:pointer;

    transition:
        background .18s ease,
        color .18s ease,
        box-shadow .18s ease,
        transform .18s ease;
}

/* hover */

.bv-subtab:hover {
    color: #ffffff;

    background: linear-gradient(
        180deg,
        rgba(0, 120, 255, 0.16) 0%,
        rgba(0, 80, 180, 0.1) 100%
    );
}

/* active */

.bv-subtab.active {
    transform: translateY(1px);

    background: linear-gradient(180deg, #e10600 0%, #b30000 48%, #640000 100%);

    color: #ffffff;

    box-shadow: inset 0 4px 10px rgba(0, 0, 0, 0.55),
        inset 0 -2px 6px rgba(255, 255, 255, 0.14);
}

/* =========================================================
   SUBTAB UNDERLINE
========================================================= */

.bv-subtab::after {
    content: "";

    position: absolute;

    left: 50%;
    bottom: -6px;

    transform: translateX(-50%);

    width: 0;
    height: 3px;

    border-radius: 999px;

    opacity: 0;

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

/* hover underline */

.bv-subtab:hover::after {
    width: 56%;

    opacity: 1;

    background: linear-gradient(
        90deg,
        rgba(0, 140, 255, 0) 0%,
        rgba(0, 140, 255, 0.85) 20%,
        #38b6ff 50%,
        rgba(0, 140, 255, 0.85) 80%,
        rgba(0, 140, 255, 0) 100%
    );

    box-shadow: 0 0 8px rgba(0, 140, 255, 0.45),
        0 0 18px rgba(0, 140, 255, 0.25);
}

/* active underline */

.bv-subtab.active::after {
    width: 68%;

    opacity: 1;

    background: linear-gradient(
        90deg,
        rgba(255, 0, 0, 0) 0%,
        rgba(255, 0, 0, 0.85) 20%,
        #ff3a3a 50%,
        rgba(255, 0, 0, 0.85) 80%,
        rgba(255, 0, 0, 0) 100%
    );

    box-shadow: 0 0 10px rgba(255, 0, 0, 0.55), 0 0 24px rgba(255, 0, 0, 0.28);
}


/* =========================
   TC ŠIRINE
   ========================= */

.tc-full{
    max-width:1200px;
    margin:0 auto;

    overflow-x:auto;
}

.tc-normal{
    max-width:1000px;
    margin:0 auto;
    
    overflow-x:auto;
}

.tc-compact{
    max-width:800px;
    margin:0 auto;
    
    overflow-x:auto;
}



/* ==========================================
   TC HEADER
========================================== */

.lane-title{

    display:flex;
    align-items:center;
    justify-content:center;
    gap:24px;

    margin:25px 0;

}

.lane-title-text{

    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:12px;

}

/* ==========================================
   TC TITLE
========================================== */

.tc-title{

    display:block;

    font-size:38px;
    font-weight:800;

    color:#ffffff;

    line-height:1.1;

}

/* ==========================================
   TC LIVE STATUS
========================================== */

.tc-live-status{

    margin-top:4px;

}

.tc-live-link{

    display:inline-flex;
    align-items:center;
    gap:12px;

    padding:10px 22px;

    font-size:24px;
    font-weight:800;

    color:#ffffff;
    text-decoration:none;

    border-radius:999px;

    background:
    linear-gradient(
        180deg,
        #0f274d 0%,
        #08152d 100%
    );

    border:1px solid rgba(255,255,255,.18);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.12),
        0 4px 12px rgba(0,0,0,.35);

    transition:.25s;

}

.tc-live-link:hover{

    transform:translateY(-1px);

    text-decoration:none;

    color:#ffffff;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.15),
        0 6px 18px rgba(0,0,0,.45);

}

.status-dot{

    width:18px;
    height:18px;

    border-radius:50%;

    display:inline-block;

    border:2px solid #ffffff;

}

/* ==========================================
   TC PANEL ICON
========================================== */

.lane-icon{

    height:90px;
    display:block;

}