/* =========================================================
   1. MODAL
========================================================= */
:root{

    --met-0-bg:#b30000;
    --met-0-color:#ffffff;

    --met-1-bg:#ff7a00;
    --met-1-color:#111111;
    
    --met-2-bg:#ffd166;
    --met-2-color:#111111;

    --met-3-bg:#e8d7b3;
    --met-3-color:#111111;

    --met-4-bg: #d7dee6;
    --met-4-color: #222222;
        
    --met-5-bg:#aeb9c6;
    --met-5-color:#1d1d1d;

    --met-6-bg:#8a98a6;
    --met-6-color:#ffffff;

    --met-7-bg:#bdecc7;
    --met-7-color:#1d1d1d;

    --met-8-bg:#5fc9b7;
    --met-8-color:#ffffff;

    --met-9-bg:#008a2e;
    --met-9-color:#ffffff;

}

body{

    margin:0;

    padding:40px 20px;

    background:#1c1c1c;

    font-family:Arial, sans-serif;

}

.bv-nastop{

    width:100%;

    max-width:1500px;

    margin:0 auto;

}

.bv-nastop-body{

    background:#f7f7f7;

    border:1px solid #bdbdbd;

    border-radius:10px;

    padding:18px;

    box-shadow:

        0 15px 40px rgba(0,0,0,.35);

}


/* =========================================================
   2. GLAVA NASTOPA
========================================================= */

.nastop-glava{

    display:flex;

    justify-content:space-between;

    align-items:flex-start;

    gap:40px;

}

.nastop-levo{

    display:flex;

    align-items:center;

    gap:24px;

}

.nastop-slika img{

    display:block;

    width:100px;

    height:120px;

    object-fit:cover;

    border-radius:8px;

}

.nastop-podatki{

    display:flex;

    flex-direction:column;

    justify-content:space-between;

    min-height:120px;

}

.nastop-ime-vrstica{

    margin-bottom:8px;

}

.nastop-ime-vrstica h1{

    margin:0;

    font-size:28px;

    line-height:1.1;

}

.nastop-oznake{

    display:flex;

    gap:10px;

    margin-bottom:8px;

}

.nastop-oznake img{

    height:34px;

}

.nastop-ekipa{

    font-size:24px;

    font-weight:700;

    color:#8f0000;

    letter-spacing:1px;

}

.nastop-tekmovanje{

    font-size:20px;

    color:#555;

}

.nastop-info{

    display:flex;

    flex-wrap:wrap;

    gap:0;

    border-top:1px solid #bdbdbd;

    padding-top:12px;

}

.nastop-info-item{

    min-width:180px;

    padding:0 40px;

    border-right:1px solid #bdbdbd;

}

.nastop-info-item:first-child{

    padding-left:0;

}

.nastop-info-gumb{

    display:flex;

    align-items:center;

    padding:0 0 0 40px;

}

.nastop-info-item:last-child{

    border-right:none;

}

.nastop-info-naslov{

    margin-bottom:14px;

    font-size:14px;

    font-weight:700;

    color:#555;

}

.nastop-info-rezultat{

    font-size:56px;

    font-weight:800;

    color:#8f0000;

}

.nastop-info-vrednost{

    font-size:32px;

    font-weight:700;

}

.nastop-info-stevilka{

    margin-left:16px;

    padding:6px 14px;

    font-size:28px;

    font-weight:700;

    color:#333;

    border:2px solid #bdbdbd;

    border-radius:8px;

    position:relative;

    top:-6px;

}


/* =========================================================
   3. TABI
========================================================= */

.nastop-tabs{

    display:flex;

    gap:12px;

    margin-top:24px;

    padding-bottom:14px;

    border-bottom:1px solid #d2d2d2;

}

.nastop-tab{

    padding:14px 24px;

    font-size:15px;

    font-weight:700;

    color:#4a4a4a;

    background:
        linear-gradient(
            180deg,
            #f6f6f6 0%,
            #e5e5e5 100%
        );

    border:1px solid #c7c7c7;

    border-bottom:none;

    border-radius:12px 12px 0 0;

    cursor:pointer;

    transition:
        background .2s,
        color .2s,
        transform .2s,
        box-shadow .2s;

}

.nastop-tab:hover{

    color:#8f0000;

    transform:translateY(-2px);

    box-shadow:
        0 4px 12px rgba(0,0,0,.10);

}

.nastop-tab.active{

    color:#8f0000;

    background:#ffffff;

    box-shadow:
        0 -2px 10px rgba(0,0,0,.05);

}

.nastop-content {

    display: none;

}

.nastop-content.active {

    display: block;

}

/* =========================================================
   4. TAB – ZAPISNIK
========================================================= */

/* =========================================================
   5. TAB – STATISTIKA
========================================================= */

/* =========================================================
   6. TAB – ANALIZA
========================================================= */

/* =========================================================
   7. TAB – PRIMERJAVA
========================================================= */

/* =========================================================
   8. TABELE
========================================================= */

.zapisnik{

    margin-top:24px;

}

.zapisnik-set{

    overflow:hidden;

    border:1px solid #cfcfcf;

    border-radius:10px;

    background:#ffffff;

}

.zapisnik-glava{

    display:flex;

    justify-content:space-between;

    padding:14px 18px;

    color:#ffffff;

    font-size:18px;

    font-weight:700;

    background:#8f0000;

}

.zapisnik h2 {

    margin: 0 0 24px;

    padding-left: 4px;

    font-size: 24px;

    font-weight: 800;

    letter-spacing: 1px;

    color: #111;

}

.zapisnik-tabela{

    width:100%;

    border-collapse:collapse;

}

.zapisnik-tabela th{

    padding:12px;

    color:#ffffff;

    font-weight:700;

    text-shadow:
        0 1px 2px rgba(0,0,0,.9);

    background:

        linear-gradient(
            to bottom,
            #4f7395 0%,
            #3d5e7d 25%,
            #2f4b66 50%,
            #22384d 75%,
            #162536 100%
        );

    border:1px solid #0d1b2b;

    box-shadow:

        inset 0 1px 0 rgba(255,255,255,.18),
        inset 0 -1px 0 rgba(0,0,0,.45);

}

.zapisnik-tabela td{

    width:50px;

    height:50px;

    text-align:center;

    border:1px solid #e2e2e2;
    
    font-size:20px;

}

.steza{

    width:70px;

    font-size:24px;

    font-weight:700;

    color:#203448;

    background:

        linear-gradient(
            to bottom,
            #eef2f6 0%,
            #dde4eb 100%
        );

}

.vsota{

    width:80px;

    font-weight:700;

    font-size:26px;

    color:#10263c;

    background:

        linear-gradient(
            to bottom,
            #f7f9fb 0%,
            #dfe6ed 100%
        );

}

.zapisnik-polno .vsota{

    color:#0b3d75;
}

.zapisnik-ciscenje .vsota{

    color:#8f0000;

}

.skupaj{

    width:110px;

    font-size:28px;

    font-weight:800;

    color:#10263c;

    text-shadow:
        0 1px 0 rgba(255,255,255,.7);

background:

    linear-gradient(
        to bottom,
        #e1e7ee 0%,
        #ccd6e0 50%,
        #bec9d5 100%
    );

}
    
.met-0,
.met-1,
.met-2,
.met-3,
.met-4,
.met-5,
.met-6,
.met-7,
.met-8,
.met-9 {

    border: 2px solid #000 !important;

}

.met-zakljucek{

    font-weight:700;

}

.met-zakljucek span{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    width:24px;

    height:24px;

    border:2px solid #484d54;

    border-radius:50px;

}

/* =========================================================
   REZERVNE BARVE ZA ANALITIKO
   Trenutno se v zapisniku uporabljajo samo:
   - vedno: 0 in 9
   - samo pri polnem: 1, 2, 3
========================================================= */

.met-0{

    background:var(--met-0-bg);
    color:var(--met-0-color);

}

.met-1{

    background:var(--met-1-bg);
    color:var(--met-1-color);

}

.met-2{

    background:var(--met-2-bg);
    color:var(--met-2-color);

}

.met-3{

    background:var(--met-3-bg);
    color:var(--met-3-color);

}

.met-4{

    background:var(--met-4-bg);
    color:var(--met-4-color);

}

.met-5{

    background:var(--met-5-bg);
    color:var(--met-5-color);

}

.met-6{

    background:var(--met-6-bg);
    color:var(--met-6-color);

}

.met-7{

    background:var(--met-7-bg);
    color:var(--met-7-color);

}

.met-8{

    background:var(--met-8-bg);
    color:var(--met-8-color);

}

.met-9{

    background:var(--met-9-bg);
    color:var(--met-9-color);

}

/* =========================================================
   ZAPISNIK V1
========================================================= */

.zapisnik-ciscenje .met-1,
.zapisnik-ciscenje .met-2,
.zapisnik-ciscenje .met-3,
.zapisnik-ciscenje .met-4,
.zapisnik-ciscenje .met-5,
.zapisnik-ciscenje .met-6,
.zapisnik-ciscenje .met-7,
.zapisnik-ciscenje .met-8 {

    background:#ffffff;
    color:#111111;

}

.zapisnik-polno .met-4,
.zapisnik-polno .met-5,
.zapisnik-polno .met-6,
.zapisnik-polno .met-7,
.zapisnik-polno .met-8 {

    background:#ffffff;
    color:#111111;

}

/* =========================================================
   8.1. POVZETEK NASTOPA
========================================================= */

.rekapitulacija{

    margin-top:40px;

    overflow:hidden;

    border-radius:18px;

    background:

        linear-gradient(
            180deg,
            #12263a 0%,
            #0c1824 100%
        );

    border:1px solid #2b455f;

    box-shadow:

        0 18px 40px rgba(0,0,0,.22),

        inset 0 1px 0 rgba(255,255,255,.06);

}

.rekapitulacija h2{

    margin:0;

    padding:16px 24px;

    font-size:24px;

    font-weight:800;

    letter-spacing:1px;

    text-transform:uppercase;

    color:#ffffff;

    background:

        linear-gradient(
            90deg,
            #17314b 0%,
            #0d1f31 100%
        );

    border-bottom:1px solid rgba(255,255,255,.08);

}

.rekapitulacija-tabela{

    width:100%;

    border-collapse:collapse;

}

.rekapitulacija-tabela th{

    padding:16px;

    font-size:15px;

    font-weight:700;

    letter-spacing:.5px;

    color:#d7e4f1;

    background:

        linear-gradient(
            180deg,
            #23486b 0%,
            #18334d 100%
        );

    border-right:

        1px solid rgba(255,255,255,.08);

    border-bottom:

        1px solid rgba(255,255,255,.08);

}

.rekapitulacija-tabela td{

    height:64px;

    text-align:center;

    font-size:28px;

    color:#ffffff;

    border-right:

        1px solid rgba(255,255,255,.06);

    border-bottom:

        1px solid rgba(255,255,255,.06);

}

.rekapitulacija-tabela th:last-child,
.rekapitulacija-tabela td:last-child{

    border-right:none;

}

.rekapitulacija .steza,

.rekapitulacija-tabela tr:not(.rekap-skupno) td:nth-child(2),
.rekapitulacija-tabela tr:not(.rekap-skupno) td:nth-child(3),
.rekapitulacija-tabela tr:not(.rekap-skupno) td:nth-child(5),
.rekapitulacija-tabela tr:not(.rekap-skupno) td:nth-child(6){

    width:90px;

    font-size:28px;

    font-weight:700;

    color:#7ab9ff;

    background:

        linear-gradient(
            180deg,
            #2f343b 0%,
            #23282e 100%
        );

}

.rekap-skupaj{

    width:120px;

    font-size:34px;

    font-weight:800;

    color:#ffd86b;

background:

    linear-gradient(
        180deg,
        #8a551c 0%,
        #5c3410 100%
    );

border-top: 2px solid rgba(255, 190, 100, .22);

}

.rekap-ribice{

    font-weight:700;

    color:#ff7777;

}

.rekap-skupno td{

    height:78px;

    font-size:32px;

    font-weight:800;

    color:#ffffff;

    background:

        linear-gradient(
            180deg,
            #23486b 0%,
            #18334d 100%
        );

    border-top:2px solid rgba(255,255,255,.12);

}

.rekap-grand{

    font-size:42px !important;

    color:#ffd86b !important;

}



/* =========================================================
   POUDARKI
========================================================= */

.rekap-best-polno,
.rekap-best-ciscenje,
.rekap-best-skupaj,
.rekap-zero-ribe,
.rekap-zakljucki {

    color: #7dff8d !important;

    font-weight: 800;

    text-shadow:
        0 0 10px rgba(125,255,141,.35);

}

/* =========================================================
   9. KARTICE
========================================================= */

/* =========================================================
   10. GRAFI
========================================================= */

/* =========================================================
   11. GUMBI
========================================================= */


.nastop-zapisnik{

    position:relative;

    display:flex;

    align-items:center;

    justify-content:center;

    min-width:180px;

    padding:12px 22px;

    text-decoration:none;

    background:#ffffff;

    color:#b30b00;

    border:2px solid #b30b00;

    border-radius:8px;

    box-shadow:

        0 3px 10px rgba(0,0,0,.10),
        0 0 12px rgba(179,11,0,.10);

    transition:.2s;
    
    animation: pdfGlow 5s linear infinite;

}

.nastop-zapisnik::after{

    content:"";

    position:absolute;

    top:-2px;

    right:-2px;

    width:18px;

    height:18px;

    background:#f7f7f7;

    border-top:2px solid #b30b00;

    border-right:2px solid #b30b00;

    clip-path:polygon(
        0 0,
        100% 0,
        100% 100%
    );

}

.nastop-zapisnik span{

    font-size:18px;

    font-weight:700;

    letter-spacing:.8px;

    text-transform:uppercase;

}

.nastop-zapisnik:hover{

    background:#b30b00;

    color:#ffffff;

    transform:translateY(-2px);

    box-shadow:

        0 6px 18px rgba(0,0,0,.18),
        0 0 18px rgba(179,11,0,.22);

}

@keyframes pdfGlow{

    0%{

        box-shadow:
            0 0 6px rgba(179,11,0,.15),
            0 0 16px rgba(255,80,80,.08);

    }

    50%{

        box-shadow:
            0 0 10px rgba(255,80,80,.35),
            0 0 22px rgba(255,80,80,.18);

    }

    100%{

        box-shadow:
            0 0 6px rgba(179,11,0,.15),
            0 0 16px rgba(255,80,80,.08);

    }

}

.nastop-info-gumb{

    display:flex;

    flex-direction:column;

    align-items:center;

    gap:14px;

    padding:0 40px;

}

/* =========================================================
   12. RESPONSIVE
========================================================= */

@media (max-width: 1100px){

    .nastop-glava{

        flex-direction:column;

    }

    .nastop-info{

        width:100%;

        margin-top:20px;

    }

}