footer h3 {color: white; font-size: 1.4rem;}
footer .podpolozky a {padding-top: 4px; padding-bottom: 4px; display: block; padding-left: 0px;}
footer hr {color: white;}
footer .socials a{display: inline-block;}
footer .socials a img{width: 24px;}
footer .copyright a {display: inline-block; font-size: .7rem;}
footer .copyright span {color: white; font-size: .7rem;}
footer .cookies {text-align: right; font-size: .7rem; text-decoration: underline; color: white;}
footer .cookies a { font-size: .7rem; text-decoration: underline; color: white;}
.partneri_box h2 {color: #56b6e6;}
.shadow_nadpis {color: rgba(84,84,84,0.20); font-size: 3rem; font-weight: 600; margin-top: -95px; letter-spacing: 1px; display:block;}
body {background: white;}
.white-color {color: white !important; z-index: 999;}
.shadow_nadpis_in_dark {position: absolute;
    top: 60px;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    font-size: 3rem;
    font-weight: 600;
    color: rgba(84,84,84,.20);
    pointer-events: none;
    user-select: none;
    white-space: nowrap;}
.nadpis_produktu {text-transform: uppercase; color: #56b6e6; font-weight: 600;}
.nadpisek_produktu {text-transform: uppercase; color: #56b6e6; font-weight: 600;}
.nadpis_produktu::before {
    content: "E-SHOP";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    font-size: 4rem;
    color: rgba(128, 128, 128, 0.2);
    pointer-events: none;
    user-select: none;
}
.cena {color: #56b6e6;}

.produkt_box .thumbnail {background: white;     filter: drop-shadow(1px 7px 24px rgba(0, 0, 0, 0.25)); display: block; color: white; text-decoration: none;  transition: color 0.5s linear; /* vendorless fallback */
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.produkt_box .thumbnail:hover {filter: drop-shadow(1px 7px 24px rgba(0, 0, 0, 0.86)); display: block; color: white; text-decoration: none; transition: all .5s;}
.produkt_box .thumbnail strong {    color: black;
    font-weight: 600;
    display: block;
    height: 30px;}
.produkt_box .lomeno {color: #56b6e6; font-size: 3rem; margin-top: -14px;}
.produkt_box .arrow {width: 20px;}
.produkt_box .text-right {text-align: right;}
.produkt_box .thumbnail strong {    display: block;min-height: 80px;}


.btn-primary {background: #2E2E28 !important; border-radius: 20px !important; border: 1px solid #2E2E28 !important; text-transform: uppercase; padding-left: 18px !important; padding-right: 18px !important; -o-transition: all 0.5s;-ms-transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;}
.btn-primary:hover {filter: drop-shadow(1px 7px 24px rgba(0, 0, 0, 0.33)); transition: all .5s; background: #2E2E28; border: 1px solid #2E2E28;}

.btn-success {background: #56b6e6 !important; border-radius: 20px !important; border: 1px solid #56b6e6 !important; text-transform: uppercase; padding-left: 18px !important; padding-right: 18px !important; -o-transition: all 0.5s;-ms-transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; color: white !important;}
.btn-success:hover {filter: drop-shadow(1px 7px 24px rgba(0, 0, 0, 0.33)); transition: all .5s; background: #005b9c; border: 1px solid #005b9c; color: white;}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {background: #2E2E28; border-radius: 20px; padding-left: 35px; padding-right: 35px;}
.nav-pills .nav-link {background: #565656; border-radius: 20px; margin-left: 10px; color: white; padding-left: 35px; padding-right: 35px;}
.nav-pills {
    display: flex;
    justify-content: center;
    width: 100%;
}
.tooltip {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 160px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 6px;
    border-radius: 5px;

    position: absolute;
    z-index: 1;
    bottom: 125%; /* umístění nad prvek */
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.2s;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.modal-content {border-radius: 0px !important;}

.team-logo {
    height: 30px;
    margin-left: 8px;
}
.team-cell {
    display: flex;
    align-items: center;
}
.vs-cell {
    font-weight: bold;
    text-align: center;
}
.table-responsive {
    overflow-x: auto;
}
.table-dark {background-color: #34495e;}
tbody, td, tfoot, th, thead, tr {font-weight: normal !important;}
.team-logo {
    height: 30px;
    margin-left: 8px;
    margin-right: 8px;
}
.teams-header {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
}
.item_dalsi_novinky_content {
    background: rgba(0, 0, 0, 0.66);
}
.item_dalsi_novinky_content p {text-decoration: none;}

.navbarek {background: url('/www/assets/im/design/blue_light_bg.png'); background-position: left center; background-size: cover; height: 130px; position: relative; }
.overlay-content img {width: 50px;}
.tontotyp {color: white; font-weight: 300; font-size: 1.6rem; text-transform: unset;}
.menu_icon {width: 30px; margin-top: -3px; padding-left: 10px;}
a:hover {color: #f8dc09;}
@media screen and (max-width: 1199px) {
    .navbarek .container {max-width: 100% !important;}
}
.yellow_lay {position: absolute; left: 0px; top: 0px; height: 130px; width: 11.6vw; background: linear-gradient(180deg, #F9DC0A 0%, #F9DC0A 100%);}
.mobile_navbar {position: absolute; display: inline-block; right: 0px; top: 50px; float: right; color: white; text-decoration: none;}
.logo_team {margin-top: 20px; width: 150px; }

.nav {
    position: relative;
    display: flex;
    gap: 15px;
    background: transparent;
}

.nav-item {
    position: relative;
}

.submenu {
    display: none;
    position: absolute;
    top: 70%;
    left: 0;
    background: white;
    filter: drop-shadow(1px 7px 24px rgba(0, 0, 0, 0.25));
    z-index: 10;
    min-width: 200px;
}

.submenu a {
    display: block;
    padding: 8px 2px;
    text-decoration: none;
    color: black;
    font-size: .9rem;
}

.submenu a:hover {
    color: #959595;
}

.nav-item:hover .submenu {
    display: block;
}
.kosik_count {position: absolute; z-index: 99999; background: white; border-radius: 50%; margin-top: -14px; width: 20px; padding-left: 7px; right: -10px; height: 20px; color: black; text-decoration: none !important;}
.kosik_count:hover {text-decoration: none !important; background: lightgray; transition: all .4s;}
.absolute_button_section {position: absolute; right: 41px; top: 80px;}
.novinky_mensi {height: 324px;}
#myModalVyskakovaciOkno img {width: 100%;}
#myModalVyskakovaciOkno .modal-body{padding: 0px;}
#myModalVyskakovaciOkno .modal-body p{padding-bottom: 0px; margin-bottom: 0px;}

#eapps-facebook-feed-1 .eapps-facebook-feed-container {width: 100% !important;}

.breadcrumb {
    font-size: 14px;
    color: #888;
    margin: 8px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
}

.breadcrumb a {
    text-decoration: none;
    color: #666;
    transition: color 0.2s ease;
}

.breadcrumb a:hover {
    color: #000;
    text-decoration: underline;
}

.breadcrumb-separator {
    color: #bbb;
}

.breadcrumb-current {
    color: #aaa;
    pointer-events: none;
}

.team-logo {
    height: auto;
    width: 30px !important;
}
.match-score {
    font-weight: 400;
    font-size: 1.25rem;
    color: green;
}
.match-date, .match-time {
    color: #888;
    font-weight: 300; line-height: 20px;
}
.match-row {
    padding: 1rem 0;
}
.chevron {
    font-size: 1.25rem;
    color: #888;
}
@media screen and (max-width: 767px) {
    .match-score {width: 100%;}
    .vs_in_header {display: block;}
    .modal-dialog {margin-top: 20% !important;}
    .back_icon img {margin-bottom: 0px;}
    .team-cell {display: block;}
    .vypis_tymu {font-size: .8rem !important;}
    .greenie {border-radius: 0px !important;}
}

.teams-header {
    display: flex;
    align-items: center;
    gap: 10px;
}

.team {
    display: flex;
    align-items: center;
    gap: 5px;
}

/* Pro mobily – prohodíme pořadí u hostujícího týmu */
@media (max-width: 768px) {
    .team-away {
        flex-direction: row-reverse;
    }
}

.white_bg {background: white}
.bg_specs {background: #D9D9D9 !important;}
.label_fonts {font-size: .9rem !important;}
.bg_specs select {background: white !important; width: 100%; color: #848484; border-radius: 0px; text-align: left; border: none;}
.bg_specs .select_seond {border-radius: 0px; margin-left: 0px; background: white !important; padding-left: 0px; border: none; display: block; float: left; color: #848484; padding-top: 5px; padding-left: 10px; padding-bottom: 5px; width: 100%; font-weight: 300; text-align: left;}
.match-row .chevron img {width: 20px;}


.detail_hrace .player-photo {
    width: 260px;
}
.detail_hrace .green {
    color: #0076c8;
}
.detail_hrace .bg-green {
    background-color: #0076c8;
}
.detail_hrace .arrow {
    font-size: 2rem;
    color: #0076c8;
    cursor: pointer;
}
.detail_hrace table th, table td {
    vertical-align: middle;
}
.detail_hrace .insidion {font-size: .9rem;}
.detail_hrace .text-muted {color: #B0B0B0;}
.detail_hrace thead tr th {color: white !important; font-weight: 400 !important;}


@media screen and (max-width: 1399px) {
    nav a {margin-left: 4px; margin-right: 4px;}
}

@media screen and (max-width: 1199px) {
    nav a {margin-left: 0px; margin-right: 0px;}
}

@media screen and (max-width: 767px) {
    .yellow_lay {height: 70px;}
    .navbarek {height: 70px;}
    .mobile_navbar {top: 20px;}
    .logo_team {        margin-top: 6px;width: 50px; }
    .navbarek_mobilni a:hover {color: white !important;}
    .framer_full_image {background: transparent !important;}
    .historicke_statistiky .thumbnail {border-radius: 0px; background: white;}
    .nadpis_statistiky {text-align: left !important; color: #56b6e6; font-weight: 500;}
    .lomeno_statistiky {color: #56b6e6; font-size: 2rem; display: inline-block; float: left; font-weight: 600; margin-top: -3px;}
    .stat_vetsi {color: rgb(84,84,84,.20) !important; font-size: 3.4rem !important; letter-spacing: 1px;}
    .stat_mensi {color: #019546 !important; margin-top: -69px !important;}
    .historicke_statistiky .inside h3 {color: #56b6e6 !important;}
    .video_box {text-align: left; display: block; }
    .novinky_mensi {height: 300px;}
    .absolute_button_section {left: 50%;transform: translateX(-50%);right: auto; top: 140px;}
    .absolute_button_section .filtr_style {width: 100% !important;}
    .content_podstrankovy select {margin-right: 0px;}


}


@media screen and (max-width: 767px) {
    .historicke_statistiky span {font-size: 1.4rem !important;}
    .historicke_statistiky .inside span {font-size: .6rem !important;}
    .lomeno_statistiky {font-size: 1rem !important; margin-top: 5px;}
    .historicke_statistiky .thumbnail label {font-size: 1.4rem; padding-left: 9px !important; padding-right: 9px !important;}
    .produkt_box .lomeno {font-size: 1rem;}
    .mobile_padding_reset {padding-left: 0px; padding-right: 0px;}
    .novinky_mensi {height: 275px;}
    .produkt_box .lomeno {margin-top: 0px;}
    .nadpisek_produktu {margin-bottom: 0px;}
    .mobile_ano_padding {padding-left: 16px !important; padding-right: 16px !important;}
    footer .cookies {text-align: center;}
}
@media screen and (max-width: 1399px) {
    .content_podstrankovy {max-width: 100% !important;}
}

.produkt_strong {height: 50px !important; max-height: 50px !important; min-height: 50px !important;}
.produkt-info {width: 200px;}