@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:100,200,300,400,500,600,700,800');

/* Saira Extra Condensed */

@font-face {
    font-family: 'Saira Extra Condensed';
    src: url('../fonts/Saira_Extra_Condensed/SairaExtraCondensed-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Saira Extra Condensed';
    src: url('../fonts/Saira_Extra_Condensed/SairaExtraCondensed-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Saira Extra Condensed';
    src: url('../fonts/Saira_Extra_Condensed/SairaExtraCondensed-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Saira Extra Condensed';
    src: url('../fonts/Saira_Extra_Condensed/SairaExtraCondensed-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Saira Extra Condensed';
    src: url('../fonts/Saira_Extra_Condensed/SairaExtraCondensed-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Saira Extra Condensed';
    src: url('../fonts/Saira_Extra_Condensed/SairaExtraCondensed-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Saira Extra Condensed';
    src: url('../fonts/Saira_Extra_Condensed/SairaExtraCondensed-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Saira Extra Condensed';
    src: url('../fonts/Saira_Extra_Condensed/SairaExtraCondensed-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Saira Extra Condensed';
    src: url('../fonts/Saira_Extra_Condensed/SairaExtraCondensed-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}


/* Saira Semi Condensed */

@font-face {
    font-family: 'Saira Semi Condensed';
    src: url('../fonts/Saira_Semi_Condensed/SairaSemiCondensed-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Saira Semi Condensed';
    src: url('../fonts/Saira_Semi_Condensed/SairaSemiCondensed-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Saira Semi Condensed';
    src: url('../fonts/Saira_Semi_Condensed/SairaSemiCondensed-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Saira Semi Condensed';
    src: url('../fonts/Saira_Semi_Condensed/SairaSemiCondensed-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Saira Semi Condensed';
    src: url('../fonts/Saira_Semi_Condensed/SairaSemiCondensed-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Saira Semi Condensed';
    src: url('../fonts/Saira_Semi_Condensed/SairaSemiCondensed-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Saira Semi Condensed';
    src: url('../fonts/Saira_Semi_Condensed/SairaSemiCondensed-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Saira Semi Condensed';
    src: url('../fonts/Saira_Semi_Condensed/SairaSemiCondensed-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Saira Semi Condensed';
    src: url('../fonts/Saira_Semi_Condensed/SairaSemiCondensed-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

* {
    outline: none !important;
}


@media (min-width: 1400px) {
    .container {
        width: 1370px;
    }
}

 @media (min-width: 1600px) {
    .container {
        width: 1470px;
    }
}

.container {
               position: relative;
    }


body {
    overflow-x: hidden !important;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: white;
    padding: 0 !important;
    margin: 0 !important;
    background: black;
}
body.path-frontpage {
    padding-top: 127px !important;
}
body.path-frontpage.toolbar-fixed {
    padding-top: 200px !important;
}
.path-frontpage .page-header {
    display: none !important;
}
.sectionmain {
    padding: 0;
}
a {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	outline: none !important;
	color: white;
    text-decoration: none !important;
}
a:focus,
a:hover {
	color: white;
}
.no-touchevents .contextual-region .contextual .contextual-links li a:hover {
  color: #000 !important;
  background: #f7fcff;
}

h2, .h2 {
    font-size: 30px;
    font-weight: 400;
}

.field--name-field-facebook-profil a {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background-image: url(../images/instagram.png);
    z-index: 99;
    position: absolute;
    right: 130px;
    bottom: 35px;
    background-size: cover;
}

article.contextual-region {
    float: left;
}

.tabs--primary {
    margin-top: 00px;
    color: black;
    padding: 10px;
    background: #fcd500;
}
.nav-tabs > li > a {
    border-radius: 0px !important;
    border: none !important;
}

.nav-tabs > li.active > a,
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus ,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    border-radius: 0px !important;
    border: none !important;
        background: #730037;
    color: white !important;
}
.tabs--primary a {
    color: black !important;
}
.page-header {
    padding-bottom: 9px;
    margin: 30px;
    border-bottom: 0;
    font-size: 45px;
    font-weight: 800;
    color: #000000;
    line-height: 40px;
    font-family: 'Saira Extra Condensed', sans-serif;
    /* font-size: 22px; */
    text-transform: uppercase;
    letter-spacing: inherit;
    text-align: center;
}
 .section-header {
   padding: 0;
 }
 .well {
        height: auto;
    padding: 0;
    border: none;
    background: transparent;
    box-shadow: none;
    border-radius: 0;
 }
 .main-container {
    padding-top: 100px;
 }
 .main-container > .row {
    display: flex;
 }
 .main-container > .row > .col-sm-9 {
    background-color: #fff;
    padding-bottom: 15px;
    width: 70%;
 }


 .main-container > .row > .col-sm-3 {
    background-color: #dedee0;
    padding: 40px 32px;
    width: 30%;
 }

 body:not(.path-frontpage) .main-container {
    background: white;
    margin-top: 130px;
    padding-top: 0;
 }
 body:not(.path-frontpage).toolbar-horizontal .main-container {
    margin-top: 210px;
 }
 body:not(.path-frontpage) .main-container .region-content {
    color: black;
    padding: 30px;
 }
 body:not(.path-frontpage) .main-container .region-content a {
    color: #730037;
    text-decoration: underline !important;
 }
 body:not(.path-frontpage) .main-container .region-content > article {
    width: 100%;
 }
 	 .node-type-article article > .content > .field--name-body img {
        height: auto;
        max-width: 100%;
    }

 .path-frontpage .main-container {
    padding-top: 0;
 }
 .view-taxonomy-term article,
 .path-frontpage .tabs--primary {
    display: none;
 }
 #block-web-getaquote {
    float: right;
    margin-top: 0;
    position: absolute;
    bottom: 10px;
    right: 15px;
 }
 #block-web-getaquote img {
    width: 30px;
    height: auto;
    margin-left: 10px;
 }

 #block-web-banneruvod1 {
    padding-right: 10px;
 }
 #block-web-banneruvod2 {
    padding-left: 10px;
 }

 #block-web-views-block-duplicate-of-aktuality-block-1 {
     margin-top: 50px;
    padding: 0 5px;
    margin-bottom: 50px;
 }
 .view-duplicate-of-aktuality .views-field-fieldset {
    padding: 20px;
    text-align: left;
 }
.view-duplicate-of-aktuality .view-content {
        display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
#block-web-views-block-e-shop-produkty-block-1 .view-footer ,
.view-duplicate-of-aktuality .view-footer {
    clear: both;
    text-align: center;
    margin-top: 20px;
    float: left;
    width: 100%;
 }
#block-web-views-block-e-shop-produkty-block-1 .view-footer  {
    margin-top: 40px;
 }

.view-duplicate-of-aktuality .views-row {
    padding: 0 8px;
    margin-bottom: 30px;
 }
 .view-duplicate-of-aktuality .views-row .views-field-title a {
    font-weight: bold;
    margin-bottom: 10px;
    display: inline-block;
    font-size: 18px;
    font-family: 'Saira Semi Condensed', sans-serif;
    min-height: 58px;
    font-size: 20px;
 }
.view-duplicate-of-aktuality .views-row:hover .views-field-title a {
    color: #fad723 !important;
}

 #block-web-views-block-aktuality-block-1-2 {
    padding-right: 0;
    padding-left: 0;
    position: relative;
    display: block;
 }
 #block-web-views-block-aktuality-block-1-2 .view-content {
    padding-right: 0;
    padding-left: 0;
    position: relative;
    height: 100%;
        float: left;
        width: 100%;
 }
 #block-web-views-block-aktuality-block-1-2 .form-group,
 #block-web-views-block-aktuality-block-1-2 .view-display-id-block_1{
    position: relative;
    height: 100%;
        float: left;
        width: 100%;
 }
 #block-web-pernamentky {
    padding-left: 0;
 }

  #block-web-banneruvod1 img ,
 #block-web-banneruvod2 img ,
 #block-web-pernamentky img {
    width: 100% !important;
    height: auto !important;
 }

 .calendar-carousel a,
  #block-web-views-block-e-shop-produkty-block-1 .view-footer a ,
  #block-web-views-block-duplicate-of-aktuality-block-1 .view-footer a {
    min-width: 500px;
    font-size: 22px; 
 }


 #block-web-mainnavigation li {
    display: block;
    float: none;
    border-bottom: dashed 1px #bbbbbf;
 }
 #block-web-mainnavigation li:last-child {
    border-bottom: none;
 }
 #block-web-mainnavigation .navbar-nav {
    display: block;
    float: none;
 }
 #block-web-mainnavigation li a {
    padding: 15px 12px;
    vertical-align: baseline;
    width: auto;
    display: block;
    color: rgb(0, 0, 0);
    text-align: left;
    border: 0;
    border-radius: 0;
    font-weight: bold;
    outline: none;
    font-family: 'Saira Extra Condensed', sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
    margin: 0 !important;
    line-height: 20px;
 }


    #block-web-main-menu .navbar-nav > li {
        float: none;
        display: inline-block;
        vertical-align: top;
    }
 #block-web-main-menu .navbar-nav {
    width: 100%;
    text-align: center;
    margin-top: 45px;
    transition: all 0.3s ease;
}
 .navbar-header {
	display: inline-block;
 }
 .navbar-header > .region-navigation {
	width: 100%;
 }

 .logo {
        display: block;
    position: absolute;
    z-index: 150;
 }
 .logo img {
     height: 100px;
    margin-top: 18px;
        transition: all 0.3s ease;
 }

 .btn {
    background: #2b2a29;
    color: white !important;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    margin-bottom: 0;
    padding: 16px 34px;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    border-radius: 0px;
    border: none;
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'Saira Semi Condensed', sans-serif;
 }


 .btn:hover {
    background: #5f002e;
    color: white !important;
    border-color: #5f002e;
}


.panel {
    box-shadow: none;
    border: none;
    margin: 0;
    padding: 0;
    background: transparent;
}

.navbar-default #block-web-main-menu .navbar-nav > li .dropdown-menu {
    display: none !important;
}
.navbar-default #block-web-main-menu .navbar-nav > li:hover .dropdown-menu {
    display: block !important;
    padding: 15px;
    border: none;
    border-radius: 0;
    background: #2b2b2b;
    margin-left: -25px;
}
.navbar-default #block-web-main-menu .navbar-nav > li:hover .dropdown-menu > li > a {
    display: block;
    padding: 8px 20px;
    clear: both;
    font-weight: 400;
    line-height: inherit;
    color: white;
    white-space: nowrap;
    font-family: 'Saira Extra Condensed', sans-serif;
    font-size: 22px;
    text-transform: uppercase;
}
.navbar-default #block-web-main-menu .navbar-nav > li:hover .dropdown-menu > li > a:hover {
    color: black;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    color: #79203c !important;
    text-decoration: none;
    background-color: #fcd500;
    outline: 0;
}

.navbar-default #block-web-main-menu .navbar-nav > li > span,
.navbar-default #block-web-main-menu .navbar-nav > li > a {
    padding: 15px 12px;
    vertical-align: baseline;
    width: auto;
    display: block;
    color: white;
    text-align: left;
    background: rgba(0, 0, 0, 0);
    border: 0;
    border-radius: 0;
    font-weight: 500;
    outline: none;
    font-family: 'Saira Extra Condensed', sans-serif;
    font-size: 22px;
    text-transform: uppercase;
    letter-spacing: 3px;   
    cursor: pointer;
    margin: 0 !important;
        line-height: 20px;
}

.navbar-default #block-web-main-menu .navbar-nav > li > span:hover ,
.navbar-default #block-web-main-menu .navbar-nav > li > a:focus,
.navbar-default #block-web-main-menu .navbar-nav > li > a:hover {
    color: #fad723 !important;
}
.navbar-default #block-web-main-menu .navbar-nav > .active > a, .navbar-default #block-web-main-menu .navbar-nav > .active > a:hover, .navbar-default #block-web-main-menu .navbar-nav > .active > a:focus {
    color: #fad723;
    background-color: transparent;
    font-weight: bold;
}
.navbar-default {
    border: none;
    transition: .3s;
    padding-top: 10px;
    background: black;
    box-shadow: 0 20px 40px rgba(0, 37, 106, .04);
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    border-bottom: 2px solid #494949;
    height: 100px;
}

.navbar-default.smaller {
    height: 60px;
}
.navbar-default.smaller #block-web-main-menu .navbar-nav {
    margin-top: 6px;
}
.navbar-default.smaller  .logo img {
    height: 40px;
    margin-top: 2px;
 }




 p {
    margin: 0;
}



  .path-webform .breadcrumb {
    display: none;
  }
  
  #block-web-views-block-aktuality-block-1-2 .views-field-title {
    background: rgb(0 0 0 / 70%);
    position: absolute;
    bottom: 0;
    width: calc(100% - 30px);
    padding: 20px;
    text-align: center;
    font-size: 18px;
    min-height: 110px;
  }
  #block-web-views-block-aktuality-block-1-2 .views-slideshow-controls-bottom {
        position: absolute;
        bottom: 7px;
        width: calc(100% - 30px);
        left: 15px;
        text-align: center;
        z-index: 99;
  }
  #block-web-views-block-aktuality-block-1-2 .views-slideshow-controls-bottom .views_slideshow_pager_field_item {
    display: inline-block;
    margin: 0 4px;  
  }
  #block-web-views-block-aktuality-block-1-2 .views-slideshow-controls-bottom .views_slideshow_pager_field_item .views-content-counter {
        background: #fad723;
        width: 12.35px;
        height: 12.35px;
        display: block;
        cursor: pointer;
        text-indent: -999999px;
  }
  #block-web-views-block-aktuality-block-1-2 .views-slideshow-controls-bottom .views_slideshow_pager_field_item.active .views-content-counter {
    background: #5f002e;
  }
  #block-web-views-block-aktuality-block-1-2 .views-field-title a {
        font-family: 'Saira Semi Condensed', sans-serif;
        text-transform: uppercase;
        font-size: 20px;
  }

  #block-web-webform-2:before {
    content: '';
    position: absolute;
    height: 80px;
    width: 80px;
    background-image: url(../images/sipka_dole_pozadie.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px;
    bottom: 0;
    left: -40px;
  }
  #block-web-webform-2:after {
    content: '';
    position: absolute;
    height: 80px;
    width: 80px;
    background-image: url(../images/sipka_dole_pozadie.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50px;
    top: 10px;
    right: -20px;
  }
  #block-web-webform-2 {
    background: #434242;
    margin-top: 50px;
    padding: 50px;
    padding-bottom: 70px;
    position: relative;
     color: white;
  }
  #block-web-webform-2 input[type=text] {
    background: #2B2A29;
    border: none;
    border-radius: 0;
    color: white;
    font-family: 'Saira Extra Condensed', sans-serif;
    font-size: 30px;
       height: 55px;
  }
  #block-web-webform-2 form {
        display: inline-block;
    position: relative;
    margin-left: 40px;
  }
  #block-web-webform-2 form #edit-actions button {
    background: #FCD500;
    color: #730037 !important;
    font-size: 30px;
    padding: 6px 30px;
    margin: 0;
        height: 55px;
    font-family: 'Saira Extra Condensed', sans-serif;
}
  #block-web-webform-2 form #edit-actions button:hover {
    color: #FCD500 !important;
    background: #730037 !important;
}
  #block-web-webform-2 > h2 {
    margin: 0;
    padding: 0;
    font-family: 'Saira Extra Condensed', sans-serif;
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
    display: inline-block;
    margin-left: 150px;
  }
  #block-web-webform-2 .form-item-suhlasim-so-spracovanim-osobnych-udajov {
    position: absolute;
   }
  #block-web-webform-2 #edit-actions {
    position: absolute;
    right: 0;
    margin-top: -70px;
    }

    .pagination > li > a, .pagination > li > span {
        position: relative;
        float: left;
        padding: 6px 16px;
        margin-left: -1px;
        line-height: 1.42857143;
        color: #ffffff;
        text-decoration: none;
        background-color: #79203c;
        border: 1px solid #000000;
        font-family: 'Saira Extra Condensed', sans-serif;
        font-size: 20px;
            border-radius: 0 !important;
    }
    .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
        z-index: 3;
        color: #79203c;
        cursor: default;
        background-color: #fcd500;
        border-color: #fcd500;
    }

    #block-web-views-block-e-shop-produkty-block-1 {
        padding: 0;
        margin-top: 30px;
    }
    #block-web-views-block-e-shop-produkty-block-1 .views-row {
        width: 20%;
        transition: all 0.3s ease;
        transform: translate(0);
    }
    #block-web-views-block-e-shop-produkty-block-1 .views-row:hover {
        transform: translateY(-10px);
    }
    #block-web-views-block-e-shop-produkty-block-1 .views-row .views-field-field-obrazokeshop img {
        max-width: 180px;
        display: inline;
    }
    #block-web-views-block-e-shop-produkty-block-1 .views-row > .views-field-fieldset {
        background: white;
        text-align: center;
        padding: 15px;
    }
    #block-web-views-block-e-shop-produkty-block-1 .views-row .views-field-title a {
        font-family: 'Saira Extra Condensed', sans-serif;
        color: black;
        font-size: 20px;
        font-weight: 600;
        text-transform: uppercase;
        min-height: 70px;
        display: inline-block;
    }
    #block-web-views-block-e-shop-produkty-block-1 .views-row .views-field-field-cena{
        font-family: 'Saira Extra Condensed', sans-serif;
        color: black;
        font-size: 23px;
        font-weight: 600;
        text-transform: uppercase;
        background: #5f002e;
        color: white;
        display: inline-block;
        padding: 2px 20px;
        min-width: 120px;
        vertical-align: top;
    }
    #block-web-views-block-e-shop-produkty-block-1 .views-row .views-field-field-odkaz-1 {
       display: inline-block;
        margin-left: 3px;
    }
    #block-web-views-block-e-shop-produkty-block-1 .views-row .views-field-field-odkaz-1 .field-content a {
        background-color: #fcd500;
        display: block;
        width: 37px;
        height: 37px;
        vertical-align: top;
        background-image: url(../images/cart_icon.png);
        background-repeat: no-repeat;
        background-size: 25px;
        background-position: center;
    }

    .node-type-zapas .zapasy-carousel {

    }
    .node-type-zapas .zapasy-carousel > .zapas {
        float: right;
        margin-left: 50px;
        width: 250px;
        margin-top: 0;
        min-height: inherit;
    }

    .calendar-carousel {
        text-align: center;
        clear: both;
        margin-top: 30px;
        float: left;
        width: 100%;
    }
    .calendar-carousel a {
        background: #5f002e;
    }
    .calendar-carousel a:hover {
        background: #5f002e;
    }

    #block-web-zapasykarusel-2 {
        margin-top: 30px;
    }
    
    .zapasy-carousel {
        color: white;
    }
     .zapasy-carousel > div .zapas__linky {
           position: absolute;
            bottom: 20px;
            width: 100%;
            left: 0; 
     }
     .zapasy-carousel > div.zapas--current .zapas__linky {
            bottom: 34px;
     }
     .zapasy-carousel > div {
        width: 33%;
        display: inline-block;
        text-align: center;
        vertical-align: top;
        float: left;
        position: relative;
    }
     .zapasy-carousel > div.zapas--next,
     .zapasy-carousel > div.zapas--prev {
        background: #60002e;
        padding: 20px;
        margin-top: 15px;
        width: 27.5%;
        min-height: 330px;
    }
     
     .zapasy-carousel > div.zapas--current {
        background: #730037;
        padding: 20px;
        width: 45%;
        min-height: 360px;
        background-image: url(../images/cuirrent_bg_1.svg);
        background-repeat: no-repeat;
        background-size: 50px;
        background-position: left 20px;
        position: relative;
    }
     .zapasy-carousel > div.zapas--current:after {
        position: absolute;
        content: '';
        visibility: visible;
        width: 100px;
        height: 100px;
        background-image: url(../images/cuirrent_bg_2.svg);
        background-repeat: no-repeat;
        background-size: 30px;
        background-position: right top;
        right: 0;
        bottom: 20px;
    }
     .zapasy-carousel > div.zapas--current .zapas__typ {
          margin-bottom: 40px;
    }
     .zapasy-carousel .zapas__nadpis {
            font-family: 'Saira Semi Condensed', sans-serif;
            font-size: 23px;
            margin-bottom: 20px;
            text-transform: uppercase;
    }
     .zapasy-carousel .zapas--next .zapas__nadpis ,
     .zapasy-carousel .zapas--prev .zapas__nadpis {
            font-size: 20px;
    }
     .zapasy-carousel .zapas__datum-wrap {
          font-weight: bold;
    }
    .zapasy-carousel > div.zapas--next .zapas__datum-wrap,
     .zapasy-carousel > div.zapas--prev .zapas__datum-wrap {
        font-size: 23px;
        margin-top: -20px;
        font-family: 'Saira Semi Condensed', sans-serif;
        margin-bottom: 15px;
    }
    .zapasy-carousel .zapas__link {
        font-family: 'Saira Semi Condensed', sans-serif;
        FONT-VARIANT: JIS78;
        padding: 9px 20px;
        font-size: 18px;
        text-transform: uppercase;
        font-weight: 600;
        background: #60002e;
        display: inline-block;
        width: 180px;
    }
     .zapasy-carousel > div.zapas--next .zapas__link,
     .zapasy-carousel > div.zapas--prev .zapas__link {
        background: #730037;
    }
     .zapasy-carousel img {
       max-width: 100px;
    }

    .zapas--prev .zapas__datum-wrap {
            display: none;
    }     
    .zapas--prev .zapas__tim_wrap {        
        margin-bottom: 20px;
        width: 100%;
        max-width: 300px;
        display: inline-block;
        position: relative;
    }
    .zapas--prev .zapas__tim_wrap .zapas__skore,
    .zapas--prev .zapas__tim_wrap .zapas__logo {
        display: inline-block;
        font-family: 'Saira Semi Condensed', sans-serif;
        font-size: 50px;
        line-height: 40px;
        font-weight: 500;
        vertical-align: middle;
        margin-left: 25px;
    }
  
    .zapas--prev .zapas__tim_wrap .zapas__logo {
          max-width: 60px;
    }
    .zapas--prev .zapas__tim_wrap .zapas__tim:first-child {
            border-bottom: 2px solid #730037;
         padding-bottom: 15px;
    }
    .zapas--prev .zapas__tim_wrap .zapas__tim:last-child {
         padding-top: 15px;
    }
    .zapas--prev .zapas__tim_wrap .zapas__typ-skore {
        font-family: 'Saira Semi Condensed', sans-serif;
        font-size: 30px;
        position: absolute;
        right: 0;
        margin-top: -20px;
        padding-left: 15px;
        background: #60002e;
    }
    .zapas--next .zapas__tim_wrap {
      margin-bottom: 20px;
    }
    .zapas--next .zapas__tim{
       display: inline-block;
        margin: 0 10px;
    }
   
    .zapas--next  img {
        max-width: 80px;
    }

     .zapas--current  .zapas__tim {
        display: inline-block;
        margin: 0 10px;
        width: calc(50% - 30px);
        vertical-align: top;
    }
     .zapas--current  .zapas__tim:first-child {
        text-align: right;
     }
     .zapas--current  .zapas__tim:last-child {
        text-align: left;
     }
     .zapas--current  .zapas__tim-nazov {
        display: block;
        font-family: 'Saira Semi Condensed', sans-serif;
        font-size: 18px;
        margin-top: 10px;
        text-transform: uppercase;
        font-weight: 500;
    }
     .zapas--current  .zapas__tim_wrap{
        margin-bottom: 20px;
    }
    .zapas__typ {
        font-size: 15px;
        margin-top: -12px;
        font-family: 'Saira Semi Condensed', sans-serif;
        margin-bottom: 15px;    
    }

    .footer {
        padding: 0 15px;
        border: none;
        margin-top: 0;    
    }

    #block-web-footercopyright {
        margin-top: 30px;
    }

    .view-partneri {
         text-align: center;
    }
    .view-partneri h3 {
        font-size: 40px;
        font-weight: 800;
        color: #000000;
        line-height: 40px;
        font-family: 'Saira Extra Condensed', sans-serif;
        margin-bottom: 30px;
        text-transform: uppercase;
        letter-spacing: inherit;
        text-align: center;
        border-top: 1px solid #cfcfcf;
        padding-top: 30px;
    }
    .view-partneri .views-row {
        display: inline-block;
    }
    .page-node-1417 .view-partneri .partner-group--hlavny-partner .views-row ,
    .view-partneri .partner-group--gold-partner .views-row {
          width: 40%;
          margin: 30px;
    }
    .view-partneri .partner-group--partner .views-row ,
    .view-partneri .partner-group--silver-partner .views-row {
        width: 20%;
        margin: 30px;
    }

    .node-type-hrac .region-content > article > .content ,
    .page-node-type-zapas .region-content > article > .content ,
    .page-node-type-aktuality .region-content > article > .content {
        padding-bottom: 50px;
        text-align: justify;
    }
    .page-node-type-zapas .region-content > article > .content .field--name-field-obrazok ,
    .page-node-type-aktuality .region-content > article > .content .field--name-field-obrazok {
        width: 100%;
        clear: both;
    }

    #block-web-bannerright img {
        height: auto;
        max-width: 100%;
    }

    #block-web-views-block-duplicate-of-aktuality-block-3 {
        padding: 0;
    }

    .obrazokwrapper {
        margin-left: -45px;
        position: relative;
        width: calc(100% + 90px);
            clear: both;
        margin-bottom: 40px;  
    }
    .obrazokwrapper .panel-body {
        padding: 0;
    }   
    .obrazokwrapper .panel-heading {
        display: none !important;
    }
    .obrazokwrapper .page-header {
         background-color: rgba(15, 15, 16, .75);
        /* font-family: Rift; */
        font-weight: bold;
        font-size: 20px;
        color: #fff;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        margin: 0;
        font-size: 46px;
        line-height: 1;
        padding: 40px 60px;
        text-transform: uppercase;
        letter-spacing: .6px;
    }
    .node-type-hrac .obrazokwrapper .page-header {
        text-align: left;
    }

    #block-web-views-block-datum-clanku-block-1 {
        font-weight: bold;
        font-size: 14px;
        line-height: 1;
        color: #333333;
        padding: 20px 30px;  
    }

    .field--name-field-uvodny-text {
         font-family: 'Saira Extra Condensed', sans-serif;
        text-transform: uppercase;
        margin-bottom: 30px;
        font-size: 22px;   
    }

    .field--name-field-galeria {
        overflow: hidden;
    }

     .field--name-field-galeria,
    .node-type-zapas article > .content > .field--name-body,
    .node-type-article article > .content > .field--name-body,
    .node-type-aktuality article > .content > .field--name-body,
    .field--name-field-banner-2,
    .field--name-field-banner-1 {
        margin-bottom: 30px;
    }

    .field--name-field-galeria .field--item {
        padding: 5px;
    }
    .field--name-field-galeria .field--item a {
        display: block;
        overflow: hidden;
    }
    .field--name-field-galeria .field--item a img {
            transition: all 0.3s ease;
            transform: scale(1);
    }
    .field--name-field-galeria .field--item:hover a img {
            transform: scale(1.1);
    }


        
    .page-node-1416 .main-container > .row > .col-sm-9 {
        background-color: black;
    }

    .node-type-zapas .region-content .field--name-field-datum-a-cas {
        z-index: 9;
        position: absolute;
        bottom: 150px;
        color: white;
        margin-left: 30px;
        font-family: 'Saira Extra Condensed', sans-serif;
        font-size: 30px;
    }

    .page-node-1416 .view-partneri .views-row {
        display: inline-block;
        width: 100%;
        background: white;
        text-align: center;
        padding: 0px;
    }
    .page-node-1416 .view-partneri .views-row img {
        display: inline;
    }

    .page-node-1416 .view-partneri .partner-group--gold-partner .views-row {
       width: calc(50% - 20px);
        margin:  10px;
    }
    .page-node-1416 .view-partneri .partner-group--partner .views-row ,
    .page-node-1416 .view-partneri .partner-group--silver-partner .views-row {
         width: calc(25% - 20px);
        margin:  10px;
    }

    .field--name-field-miesto-zapasu {
        display: none;
    }

    .infozapas .panel-heading {
        display: none;
    }

    /* Kontajner - 2 stĺpce */
    #block-web-views-block-supiska-block-3  .view-content ,
    #block-web-views-block-supiska-block-1  .view-content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 40px;
        row-gap: 0;
        max-width: 800px;
    }

    /* Nadpisy sekcií (Brankári, Obrancovia, Útočníci) */
    #block-web-views-block-supiska-block-3  .view-content h3 ,
    #block-web-views-block-supiska-block-1  .view-content h3 {
        grid-column: 1 / -1;
        color: #730037;
        text-transform: uppercase;
        font-size: 28px;
        letter-spacing: 1px;
        font-weight: 700;
        margin: 30px 0 15px 0;
        border: none;
        font-family: 'Saira Extra Condensed', sans-serif;
    }

    /* Jeden riadok = jeden hráč */
    #block-web-views-block-supiska-block-3  .views-row ,
    #block-web-views-block-supiska-block-1  .views-row {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 8px 0;
    }

    /* Krúžok s číslom */
    #block-web-views-block-supiska-block-3  .views-field-field-cislo ,
    #block-web-views-block-supiska-block-1  .views-field-field-cislo {
        width: 55px;
        height: 55px;
        border-radius: 50%;
        background-color: #6d0e2a;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 700;
        font-size: 18px;
    }

    #block-web-views-block-supiska-block-3  .views-field-field-cislo .field-content ,
    #block-web-views-block-supiska-block-1  .views-field-field-cislo .field-content {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        font-family: 'Saira Extra Condensed', sans-serif;
        font-size: 30px;
    }

    /* Ak hráč nemá číslo, skryjeme prázdny krúžok alebo necháme prázdny placeholder */
    #block-web-views-block-supiska-block-3  .views-field-field-cislo .field-content:empty::before ,
    #block-web-views-block-supiska-block-1  .views-field-field-cislo .field-content:empty::before {
        content: "-";
        opacity: 0.5;
    }

    /* Meno hráča */
   #block-web-views-block-supiska-block-3  .views-row .views-field-field-obrazok-hraca img {
        width: 70px;
        height: 70px;
        border-radius: 50%;
   }
   #block-web-views-block-supiska-block-1  .views-row {
    cursor: pointer;
   }
   #block-web-views-block-supiska-block-3  .views-row:hover  .views-field-title a ,
   #block-web-views-block-supiska-block-1  .views-row:hover  .views-field-title a {
        text-decoration: underline !important;
        color: #6d0e2a;
    }
    #block-web-views-block-supiska-block-3  .views-field-field-pozicia,
    #block-web-views-block-supiska-block-3  .views-field-title ,
    #block-web-views-block-supiska-block-1  .views-field-title a {
        font-weight: 700;
        text-transform: uppercase;
        font-size: 25px;
        color: #1a1a1a;
        text-decoration: none;
        font-family: 'Saira Extra Condensed', sans-serif;
    }
    #block-web-views-block-supiska-block-3  .views-field-field-pozicia {
        font-weight: 600;
        font-size: 18px;
    }

    #block-web-views-block-supiska-block-3  .views-field-title a:hover ,
    #block-web-views-block-supiska-block-1  .views-field-title a:hover {
    text-decoration: underline;
    }

    /* Riadok so štatistikami (narodený / výška / váha / hokejka) */
    #block-web-views-block-supiska-block-3  .views-field-fieldset-1 > .field-content > div ,
    #block-web-views-block-supiska-block-1  .views-field-fieldset-1 > .field-content > div {
        display: flex;
        flex-wrap: wrap;
        gap: 4px;
        font-size: 18px;
        color: #8a94a6;
        margin-top: 2px;
        font-family: 'Saira Extra Condensed', sans-serif;
    }

    #block-web-views-block-supiska-block-3  .views-field-fieldset-1 .views-field ,
    #block-web-views-block-supiska-block-1  .views-field-fieldset-1 .views-field {
        display: inline-flex;
    }

    /* oddeľovač "/" medzi jednotlivými údajmi, okrem posledného */
    #block-web-views-block-supiska-block-3  .views-field-fieldset-1 .views-field:not(:last-child)::after ,
    #block-web-views-block-supiska-block-1  .views-field-fieldset-1 .views-field:not(:last-child)::after {
        content: "/";
        margin-left: 4px;
        color: #c2c8d1;
    }

    .node-type-hrac .field--name-field-cislo {
        width: 55px;
        height: 55px;
        border-radius: 50%;
        background-color: #6d0e2a;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 700;
        font-size: 18px;
        z-index: 99;
        position: absolute;
        right: 60px;
        bottom: 35px;
        border: 2px solid #a12d4f;
    }

    .main-container > .row > .col-sm-3 h2 {
         font-size: 35px;
        font-weight: 800;
        color: #6d0e2a;
        line-height: 40px;
        font-family: 'Saira Extra Condensed', sans-serif;
        text-transform: uppercase;
        margin: 0;
        margin-bottom: 20px;   
    }

    #block-web-views-block-supiska-block-2 .views-row {
        padding: 10px 0;
        border-bottom: 1px solid #c1c1c1;
        padding-left: 12px;
        border-left: 3px solid transparent;
    }
    #block-web-views-block-supiska-block-2 .views-row:last-child {
        border-bottom: 0 solid #c1c1c1;
    }
    #block-web-views-block-supiska-block-2 .views-row > .views-field a,
    #block-web-views-block-supiska-block-2 .views-row > .views-field{
        display: inline-block;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 20px;
        color: #1a1a1a;
        text-decoration: none;
        font-family: 'Saira Extra Condensed', sans-serif;
    }

    #block-web-views-block-supiska-block-2 .view-supiska .views-row:hover,
    #block-web-views-block-supiska-block-2 .view-supiska .views-row.active {
        background-color: #d7cdd1;
        border-left: 3px solid #6d0e2a;
    }

    #block-web-views-block-supiska-block-2 .view-supiska .views-row.active .views-field-title a {
        color: #6d0e2a;
    }
    #block-web-views-block-supiska-block-2 .views-field-field-cislo {
        width: 25px;
    }
    #block-web-views-block-supiska-block-2 .views-field-field-pozicia {
        margin-left: 10px;
        font-size: 18px !important;
        color: #8b8b8b !important;
    }

    .podrobnostihrac {
        background: #6d0e2a;
        color: white;
        margin-left: -45px;
        position: relative;
        width: calc(100% + 90px);
        border-radius: 0;
        padding: 10px 60px;
        margin-bottom: 50px;
    }
    .podrobnostihrac .field {
        display: inline-block;
        margin-right: 50px;
    }
    .podrobnostihrac .panel-body {
        padding: 15px 0;
    }
    .podrobnostihrac .field .field--label {
        font-family: 'Saira Extra Condensed', sans-serif;
        text-transform: uppercase;
        font-size: 20px;
        opacity: 0.8;
        font-weight: 300;
    }
    .podrobnostihrac .field .field--item {
        font-family: 'Saira Extra Condensed', sans-serif;
        text-transform: uppercase;
        font-size: 20px;
        font-weight: 600;
    }
    .views-field-field-zaradenie-clanku-historia {
           background: #fbd400;
        float: left;
        position: absolute;
        margin-top: -50px;
        color: #760633;
        margin-left: 15px;
        font-size: 14px;
        padding: 8px 15px;
        text-transform: uppercase;
        font-weight: 900; 
    }

    .podrobnostihrac .panel-heading {
        display: none;
    }
    .node-type-hrac .obrazokwrapper {
        margin-bottom: 0px;
    }
    .page-node-1406 .view-duplicate-of-aktuality .views-row .views-field-title a ,
    .page-node-1394 .view-duplicate-of-aktuality .views-row .views-field-title a ,
    .node-type-hrac .view-duplicate-of-aktuality .views-row .views-field-title a {
        color: black;
    }

    #block-web-views-block-kontakty-block-1 {
        clear: both;
    }
    #block-web-views-block-kontakty-block-1 caption {
        font-size: 40px;
        font-weight: 600;
        color: #000000;
        line-height: 40px;
        font-family: 'Saira Extra Condensed', sans-serif;
    }
    #block-web-views-block-kontakty-block-1 table {
        margin-bottom: 40px;
    }
    #block-web-views-block-kontakty-block-1 table a {
        color: #730037;
        text-decoration: underline !important;
    }
    #block-web-views-block-kontakty-block-1 table thead {
        background: #730037;
        color: white;
    }
    #block-web-views-block-kontakty-block-1 .views-field-title {
        width: 260px;
    }
   
    #block-web-views-block-kontakty-block-1 .views-field-field-tel-cislo,
    #block-web-views-block-kontakty-block-1 .views-field-field-e-mail {
        width: 220px;
    }

    .page-node-1404 .field--name-body table {
        width: 100%;
    }
    .page-node-1404 .field--name-body h2 {
        font-size: 40px;
        font-weight: 600;
        color: #000000;
        line-height: 40px;
        font-family: 'Saira Extra Condensed', sans-serif;
    }
    .page-node-1404 .field--name-body table td {
       padding: 15px;
    }
    .page-node-1404 .field--name-body table tr {
       border-bottom: 1px solid #ddd;
    }

   
    .player-tabs {
        margin-top: 20px;
    }

    .player-tabs-nav {
        display: flex;
        list-style: none;
        margin: 0 0 20px 0;
        padding: 0;
        border-bottom: 2px solid #e0e0e0;
    }

    .player-tabs-nav-item {
        padding: 15px 20px;
        cursor: pointer;
        font-weight: 600;
        color: #888;
        border-bottom: 3px solid transparent;
        margin-bottom: -2px;
        transition: color 0.2s ease, border-color 0.2s ease;
        width: 33.33%;
        text-align: center;
        font-size: 30px;
        font-weight: 800;
        color: #000000;
        line-height: 40px;
        font-family: 'Saira Extra Condensed', sans-serif;
        text-transform: uppercase;
    }

    .player-tabs-nav-item:hover {
        color: #6d0e2a;
        border-bottom-color: #6d0e2a; /* uprav podľa farby klubu */
    }

    .player-tabs-nav-item.active {
        color: #6d0e2a;
        border-bottom-color: #6d0e2a; /* uprav podľa farby klubu */
    }

    .player-tab-pane {
        display: none;
    }

    .player-tab-pane.active {
        display: block;
    }

    .statistiky-iframe {
        width: 100%;
        min-height: 900px;
        border: 0;
    }

    #block-web-views-block-kalendar-zapasov-block-1 .views-row {
        margin-bottom: 20px;
        padding: 0;
        border-bottom: 1px solid #d9d9d9;
        padding-bottom: 15px;
    }
    #block-web-views-block-kalendar-zapasov-block-1 .views-field-field-nazov-timu {
        font-weight: 700;
        text-transform: uppercase;
        font-size: 25px;
        color: #1a1a1a;
        text-decoration: none;
        font-family: 'Saira Extra Condensed', sans-serif;
    }
    #block-web-views-block-kalendar-zapasov-block-1 .views-field-field-nazov-timu .field-content > * {
        display: inline-block;
    }
    #block-web-views-block-kalendar-zapasov-block-1 .views-field-field-nazov-timu .field-content > *:nth-child(1):after {
        content: ' - ';
    }
    #block-web-views-block-kalendar-zapasov-block-1 .views-field-field-datum-a-cas {
       font-family: 'Saira Extra Condensed', sans-serif;
        text-transform: uppercase;
        font-size: 20px;
        opacity: 1;
        font-weight: 600;
        color: #730037;
        margin-top: 15px; 
    }
    #block-web-views-block-kalendar-zapasov-block-1 .views-field-field-miesto-zapasu,
    #block-web-views-block-dukla-logo-block-1 {
        display: none;
    }

    #block-web-views-block-kategorie-mladez-block-1 {
        
    }
    #block-web-views-block-kategorie-mladez-block-1 .views-field-name a {
        background: #730037;
        display: block;
        margin: 5px;
        padding: 15px 20px;
        border-left: 6px solid #fbd400;
        font-family: 'Saira Extra Condensed', sans-serif;
        font-size: 25px;
        color: white;
        text-decoration: none !important;
    }
    /* Riadok zápasu: logá hore, pod nimi dátum a pod ním názov zápasu. */
    #block-web-views-block-kalendar-zapasov-block-1 .views-row {
        display: grid;
        grid-template-columns: 1fr;
        align-items: start;
        row-gap: 6px;
    }
    .kal_loga {
        float: none;
        margin: 0 0 6px;
    }
    #block-web-views-block-kalendar-zapasov-block-1 .views-field-field-datum-a-cas {
        margin-top: 0;
    }
    .kal_loga > div {
        display: inline-block;
    }
    /* Medzera medzi logom domácich a hostí. */
    .kal_loga > div + div {
        margin-left: 12px;
    }
    /* Logá sa načítavajú v 220 px (štýl medium), aby boli ostré aj na
       displejoch s vyššou hustotou. Bez tohto pravidla by veľkosť určoval
       rozmer súboru a logá by boli cez pol stránky. */
    .kal_loga > div img {
        width: 100px;
        height: auto;
    }









    @media (max-width: 1399px) {


        #block-web-webform-2 > h2 {
            margin-left: 0px;
        }



    }
    @media (max-width: 1199px) {
       
        #block-web-views-block-kontakty-block-1 .views-field-title {
            width: inherit;
        }
        #block-web-webform-2 form {
            max-width: 400px;
        }
        #block-web-views-block-supiska-block-2 .views-row > .views-field a, #block-web-views-block-supiska-block-2 .views-row > .views-field {
            font-size: 16px;
        }
        .podrobnostihrac .field {
            margin-right: 40px;
        }
        .podrobnostihrac {
            padding: 10px 30px;
        }
        .navbar-default #block-web-main-menu .navbar-nav > li > span, .navbar-default #block-web-main-menu .navbar-nav > li > a {
            padding: 15px 7px;
            font-size: 17px;
        }
        .zapasy-carousel > div.zapas--next .zapas__datum-wrap,
        .zapasy-carousel > div.zapas--prev .zapas__datum-wrap {
            font-size: 20px;
        }
        .zapasy-carousel .zapas--next .zapas__nadpis,
        .zapasy-carousel .zapas--prev .zapas__nadpis,
        .zapasy-carousel .zapas__nadpis {
            font-size: 18px;
        }
        .view-duplicate-of-aktuality .views-field-fieldset {
            padding: 20px 0;
        }
        body {
            font-size: 16px;
        }
        #block-web-views-block-e-shop-produkty-block-1 .views-row .views-field-field-obrazokeshop img {
            max-width: 100%;
        }
        .navbar-default #block-web-main-menu .navbar-nav > li:hover
        .dropdown-menu > li > a {
            padding: 8px 15px;
            font-size: 18px;
        }
        .page-header,
        .obrazokwrapper .page-header {
            font-size: 36px;
        }
        .obrazokwrapper .page-header {
            padding: 40px 30px;
        }
        #block-web-views-block-e-shop-produkty-block-1 .views-row .views-field-field-odkaz-1 {
            display: block;
            margin-left: 0;
            clear: both;
            text-align: center;
        }
        #block-web-views-block-e-shop-produkty-block-1 .views-row .views-field-field-odkaz-1 .field-content a {
            width: 100%;
        }
        #block-web-views-block-e-shop-produkty-block-1 .views-row .views-field-field-cena {
            width: 100%;
        }




    }


    @media (max-width: 992px) {

        #block-web-views-block-kalendar-zapasov-block-1 .views-field-field-datum-a-cas {
            font-size: 15px;
            margin-top: 0;
        }
        /* na menších obrazovkách stačia logá menšie */
        .kal_loga > div img {
            width: 70px;
        }
        #block-web-views-block-kalendar-zapasov-block-1 .views-field-field-nazov-timu {
            font-size: 22px;
        }
        body {
            font-size: 14px;
        }
       #block-web-views-block-kontakty-block-1 caption {
            padding-left: 15px;
             font-size: 30px;
        }     
        #block-web-webform-2 > h2 {
            margin-left: 0px;
            width: 180px;
        }
        #block-web-webform-2 form {
            max-width: 350px;
            vertical-align: top;
            margin-left: 20px;
        }
        #block-web-views-block-e-shop-produkty-block-1 .view-footer {
            margin-top: 0px;
        }
        #block-web-banneruvod2,
        #block-web-banneruvod1 {
            padding: 5px 15px;
        }

        #block-web-views-block-supiska-block-3 .views-field-field-cislo, #block-web-views-block-supiska-block-1 .views-field-field-cislo {
            height: 47px;
            width: 47px;
        }
        #block-web-views-block-e-shop-produkty-block-1 .views-row {
            width: 33.33%;
            margin-bottom: 30px;
        }
        #block-web-views-block-aktuality-block-1-2 {
            width: 100%;
        }
       #block-web-pernamentky {
            padding-left: 15px;
            width: 100%;
            margin-top: 20px;
        }
        .zapasy-carousel > div.zapas--current,
        .zapasy-carousel > div.zapas--next, .zapasy-carousel > div.zapas--prev {
            width: 100%;
            margin-top: 15px;
            min-height: inherit;
            padding-bottom: 80px;
        }
        #block-web-main-menu .navbar-nav {
            text-align: left;
            padding-left: 50px;
        }
        .navbar-default #block-web-main-menu .navbar-nav > li > span, .navbar-default #block-web-main-menu .navbar-nav > li > a {
            padding: 15px 2px;
            font-size: 14px;
        }
        .caret {
            margin-left: 0px;
        }
        
        .navbar-default {
            height: 60px;
        }
        .navbar-default #block-web-main-menu .navbar-nav {
            margin-top: 6px;
        }
        .navbar-default  .logo img {
            height: 40px;
            margin-top: 2px;
        }
        body.path-frontpage {
            padding-top: 80px !important;
        }
        #block-web-zapasykarusel-2 {
            margin-top: 0;
        }
        body:not(.path-frontpage) .main-container {
            margin-top: 70px;
        }
        body:not(.path-frontpage) .main-container .region-content {
            padding: 5px;
        }
        #block-web-views-block-datum-clanku-block-1 {
            padding: 20px 0px;
        }
        .page-header, .obrazokwrapper .page-header {
            font-size: 28px;
        }
        .obrazokwrapper .page-header {
            padding: 20px 30px;
        }
        .podrobnostihrac {
            margin-left: -20px;
            position: relative;
            width: calc(100% + 40px);
            margin-bottom: 20px;
        }
        .obrazokwrapper {
            margin-left: -20px;
            position: relative;
            width: calc(100% + 40px);
            margin-bottom: 20px;
        }
        .podrobnostihrac .field {
            margin-right: 0;
            width: calc(100% / 3);
            float: left;
            margin: 10px 0;
        }
        .podrobnostihrac .panel-body {
            padding: 0;
        }
        .main-container > .row > .col-sm-3 h2 {
            font-size: 25px;
        }
         .main-container > .row > .col-sm-9 {
            width: 100%;
        }
        .main-container > .row > .col-sm-3 {
            width: 100%;
            clear: both;
        }
        .main-container > .row {
            display: block;
        }
        .page-node-1404 .field--name-body h2 {
            font-size: 30px;
        }
        .page-node-1417 .view-partneri .partner-group--hlavny-partner .views-row, .view-partneri .partner-group--gold-partner .views-row {
            width: 40%;
            margin: 10px;
        }



    }




    @media (max-width: 767px) {


        #block-web-views-block-supiska-block-3 .view-content, #block-web-views-block-supiska-block-1 .view-content {
            display: block;
        }
        .main-container > .row > .col-sm-9 {
            padding-bottom: 15px;
            width: 100%;
        }
        .main-container > .row > .col-sm-3 {
            background-color: #dedee0;
            padding: 20px 30px;
            width: 100%;
        }
        #block-web-webform-2 form #edit-actions button {
            padding: 6px 20px;
        }
        #block-web-webform-2 {
            padding: 50px 30px;
        }
        #block-web-webform-2 form {
            max-width: 100%;
            vertical-align: top;
            margin: 0;
        }
        #block-web-webform-2 > h2 {
            margin-left: 0px;
            width: 100%;
            text-align: center;
            margin-bottom: 20px;
        }
        .player-tabs-nav {
            flex-wrap: wrap;
        }

        .player-tabs-nav-item {
            padding: 8px 12px;
            font-size: 19px;
        }
        #block-web-views-block-e-shop-produkty-block-1 .views-row {
            width: 50%;
        }
        .main-container > .row {
            display: block;
        }
        .calendar-carousel a,
        #block-web-views-block-e-shop-produkty-block-1 .view-footer a,
        #block-web-views-block-duplicate-of-aktuality-block-1 .view-footer a {
            min-width: 100%;
            font-size: 18px;
            padding: 13px 34px;
        }
        #block-web-views-block-e-shop-produkty-block-1 .view-footer {
            padding: 0 15px;
        }
        #block-web-views-block-e-shop-produkty-block-1 .view-footer {
            margin-top: 0;
        }
        .navbar-toggle {
            border: none;
            margin: 0;
            right: 0;
            margin-top: 12px;
            padding-right: 0;
            background: transparent !important;
        }
        .navbar-header {
            margin: 0;
            width: 100%;   
        }
        .navbar-default .navbar-toggle .icon-bar {
            background-color: #fcd500;
        }
        .navbar-toggle .icon-bar {
            display: block;
            width: 26px;
            height: 3px;
            border-radius: 1px;
        }
        .navbar-toggle .icon-bar + .icon-bar {
            margin-top: 5px;
        }
        .navbar-default .navbar-collapse, .navbar-default .navbar-form {
            border-color: transparent;
            background: #1c1c1c;
            border-bottom: 2px solid white;
            max-height: 100%;
        }
        #block-web-getaquote {
            position: relative;
            width: 100%;
            text-align: center;
            right: 0;
            bottom: inherit;
            float: none;
            margin-bottom: 20px; 
        }
        #block-web-getaquote img {
            width: 30px;
            height: auto;
            margin-left: 5px;
            float: none;
            margin-right: 5px;
        }
        #block-web-main-menu .navbar-nav {
            text-align: left;
            padding-left: 0px;
            margin: 0 !important;
            text-align: center;
        }
        #block-web-main-menu .navbar-nav > li {
            float: none;
            display: block;
            vertical-align: top;
        }
        .navbar-default #block-web-main-menu .navbar-nav > li > span, .navbar-default #block-web-main-menu .navbar-nav > li > a {
            padding: 15px 2px;
            font-size: 19px;
        }
        .navbar-default #block-web-main-menu .navbar-nav > li:hover .dropdown-menu > li > a {
            padding: 8px 15px;
            font-size: 19px;
        }
        .page-header, .obrazokwrapper .page-header {
            font-size: 28px;
            margin: 0px;
        }
        #block-web-views-block-supiska-block-3 .view-content h3, #block-web-views-block-supiska-block-1 .view-content h3 {
            font-size: 24px;
        }
        #block-web-views-block-supiska-block-3 .views-field-title a, #block-web-views-block-supiska-block-1 .views-field-title a {
            font-size: 22px;
        }
        .navbar-default #block-web-main-menu .navbar-nav > li:hover
        .dropdown-menu {
            display: block !important;
            border-radius: 0;
            margin-left: 0;
            margin-bottom: 15px !important;
            width: 100%;
            position: relative;
        }
        .zapasy-carousel > div.zapas--current {
            background-image: url(../images/cuirrent_bg_1.svg);
            background-repeat: no-repeat;
            background-size: 30px;
            background-position: left 50px;
            position: relative;
        }
        .zapasy-carousel .zapas__link {
            font-family: 'Saira Semi Condensed', sans-serif;
            FONT-VARIANT: JIS78;
            padding: 9px 20px;
            font-size: 16px;
            text-transform: uppercase;
            font-weight: 600;
            background: #60002e;
            display: inline-block;
            width: 120px;
        }


    }


/* ==========================================================================
   Vedenie a kontakty - šírky stĺpcov
   Tabuľky mali šírky podľa obsahu, takže každá sekcia bola inak široká
   a najdlhšie funkcie vytláčali tabuľku mimo stránku (vodorovný posuvník).
   Pevné pomery zjednotia všetky tabuľky a uberú z mena v prospech funkcie.
   Šírky sú v pixeloch, nie v percentách: tabuľka je podľa šírky okna raz 589,
   raz 710 px, a pri tej užšej percentá menu nestačili - "Richard Pavlikovský"
   sa lámal na dva riadky. Pevné hodnoty držia meno aj telefón na jednom
   riadku a funkcia dostane všetko, čo zvýši. Kontaktné údaje majú menšie
   písmo, sú to doplnkové informácie. Odmerané naživo 29. 7. 2026.
   ========================================================================== */

#block-web-views-block-kontakty-block-1 table {
    table-layout: fixed;
    width: 100%;
}

#block-web-views-block-kontakty-block-1 tr > * {
    padding: 8px 6px;
}

#block-web-views-block-kontakty-block-1 tr > *:nth-child(1) { width: 155px; }  /* meno */
#block-web-views-block-kontakty-block-1 tr > *:nth-child(2) { width: auto; }   /* funkcia */

#block-web-views-block-kontakty-block-1 tr > *:nth-child(3) {                  /* e-mail */
    width: 150px;
    font-size: 13px;
    word-break: break-word;
}

#block-web-views-block-kontakty-block-1 tr > *:nth-child(4) {                  /* telefón */
    width: 116px;
    font-size: 13px;
    white-space: nowrap;
}


/* ==========================================================================
   Odpočet do najbližšieho zápasu - prevzaté z fanúšikovskej aplikácie.
   Dlaždice vkladá scripts.js medzi tímy a tlačidlá. Tlačidlá sú v karte
   ukotvené absolútne k spodku, preto karta potrebuje väčšie spodné odsadenie,
   inak by ich odpočet prekryl.
   ========================================================================== */

/* Selektor musí byť rovnako špecifický ako pravidlo témy vyššie, inak
   sa väčšie spodné odsadenie neuplatní a tlačidlá skončia cez odpočet.
   Zapnúť spolu s volaním odpocetZapasu() v scripts.js.
.zapasy-carousel > div.zapas--current {
    padding-bottom: 100px;
}
*/

.zapas__odpocet {
    clear: both;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 7px;
    margin: 15px 0 0;
}

/* dlaždice sú štvorcové, obsah vycentrovaný */
.zapas__odpocet > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1 / 1;
    max-height: 96px;
    padding: 0;
    background: rgba(0, 0, 0, .28);
    text-align: center;
}

.zapas__odpocet b {
    display: block;
    font-family: 'Saira Extra Condensed', sans-serif;
    font-size: 29px;
    font-weight: 800;
    line-height: 1;
    color: #FCD500;
    font-variant-numeric: tabular-nums;
}

.zapas__odpocet span {
    display: block;
    margin-top: 2px;
    font-size: 10.5px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: rgba(255, 244, 248, .5);
}

/* nahradí odpočet, keď zápas už začal */
.zapas__stav {
    clear: both;
    margin: 15px 0 0;
    padding: 11px;
    background: rgba(0, 0, 0, .28);
    text-align: center;
    font-family: 'Saira Extra Condensed', sans-serif;
    font-size: 19px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: rgba(255, 244, 248, .72);
}

@media (max-width: 767px) {
    .zapas__odpocet b { font-size: 24px; }
    .zapas__odpocet span { font-size: 9.5px; }
}


/* ==========================================================================
   Realizačný tím - zástupný avatar
   Kto nemá nahratú fotku, mal na jej mieste prázdno a riadok bol nižší ako
   ostatné. Prázdne pole dostane sivý kruh rovnakej veľkosti (70 px).
   ========================================================================== */

#block-web-views-block-supiska-block-3 .views-field-field-obrazok-hraca:empty,
#block-web-views-block-supiska-block-3 .views-field-field-obrazok-hraca .field-content:empty {
    flex: 0 0 70px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #ededed;
}


/* ==========================================================================
   Typografia v článkoch
   Medzinadpisy v texte dovtedy dedili Roboto bez farby, takže vyzerali ako
   zväčšený bežný text a nesedeli k zvyšku webu. Dostávajú Sairu a klubovú
   bordovú, rovnako ako ostatné nadpisy na webe.
   ========================================================================== */

.node-type-article .field--name-body,
.node-type-aktuality .field--name-body {
    line-height: 1.65;
}

/* úvodný odstavec článku - klubová bordová, aby sa odlíšil od tela textu */
.node-type-article .field--name-field-uvodny-text,
.node-type-aktuality .field--name-field-uvodny-text {
    font-size: 26px;
    line-height: 1.35;
    color: #730037;
}

/* --------------------------------------------------------------------------
   Výpisy článkov - na úvode (block_1) aj na stránke Všetky články (block_2).
   Nadpisy majú rovnaké písmo aj veľkosť, líšia sa len farbou podľa podkladu:
   na čiernom úvode žltá, na bielej stránke bordová. Podčiarknutie treba
   potlačiť vo všetkých stavoch, lebo téma ho na odkazy v obsahu vynucuje.
   Kliknúť sa dá na celú dlaždicu, nielen na nadpis.
   -------------------------------------------------------------------------- */

#block-web-views-block-duplicate-of-aktuality-block-1 .views-row,
#block-web-views-block-duplicate-of-aktuality-block-2 .views-row {
    position: relative;
}

/* neviditeľná vrstva roztiahne odkaz cez celú dlaždicu */
#block-web-views-block-duplicate-of-aktuality-block-1 .views-field-title a::after,
#block-web-views-block-duplicate-of-aktuality-block-2 .views-field-title a::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
}

#block-web-views-block-duplicate-of-aktuality-block-1 .views-field-title a,
#block-web-views-block-duplicate-of-aktuality-block-1 .views-field-title a:hover,
#block-web-views-block-duplicate-of-aktuality-block-1 .views-field-title a:focus,
#block-web-views-block-duplicate-of-aktuality-block-1 .views-field-title a:active,
#block-web-views-block-duplicate-of-aktuality-block-1 .views-field-title a:visited,
#block-web-views-block-duplicate-of-aktuality-block-2 .views-field-title a,
#block-web-views-block-duplicate-of-aktuality-block-2 .views-field-title a:hover,
#block-web-views-block-duplicate-of-aktuality-block-2 .views-field-title a:focus,
#block-web-views-block-duplicate-of-aktuality-block-2 .views-field-title a:active,
#block-web-views-block-duplicate-of-aktuality-block-2 .views-field-title a:visited {
    font-family: 'Saira Semi Condensed', sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.25;
    text-decoration: none !important;
}

/* úvod - čierne pozadie */
#block-web-views-block-duplicate-of-aktuality-block-1 .views-field-title a,
#block-web-views-block-duplicate-of-aktuality-block-1 .views-field-title a:hover,
#block-web-views-block-duplicate-of-aktuality-block-1 .views-field-title a:focus,
#block-web-views-block-duplicate-of-aktuality-block-1 .views-field-title a:active,
#block-web-views-block-duplicate-of-aktuality-block-1 .views-field-title a:visited {
    color: #FCD500 !important;
}

/* Všetky články - biele pozadie */
#block-web-views-block-duplicate-of-aktuality-block-2 .views-field-title a,
#block-web-views-block-duplicate-of-aktuality-block-2 .views-field-title a:hover,
#block-web-views-block-duplicate-of-aktuality-block-2 .views-field-title a:focus,
#block-web-views-block-duplicate-of-aktuality-block-2 .views-field-title a:active,
#block-web-views-block-duplicate-of-aktuality-block-2 .views-field-title a:visited {
    color: #730037 !important;
}

#block-web-views-block-duplicate-of-aktuality-block-1 .views-field-body,
#block-web-views-block-duplicate-of-aktuality-block-2 .views-field-body {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    line-height: 1.6;
}

#block-web-views-block-duplicate-of-aktuality-block-1 .views-field-body {
    color: rgb(234, 234, 234);
}

.node-type-article .field--name-body p,
.node-type-aktuality .field--name-body p {
    margin: 0 0 18px;
}

.node-type-article .field--name-body h2,
.node-type-aktuality .field--name-body h2 {
    margin: 34px 0 12px;
    font-family: 'Saira Extra Condensed', sans-serif;
    font-size: 34px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: .5px;
    text-transform: uppercase;
    color: #730037;
}

.node-type-article .field--name-body h3,
.node-type-aktuality .field--name-body h3 {
    margin: 26px 0 10px;
    font-family: 'Saira Extra Condensed', sans-serif;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: .3px;
    text-transform: uppercase;
    color: #730037;
}

@media (max-width: 767px) {
    .node-type-article .field--name-field-uvodny-text,
    .node-type-aktuality .field--name-field-uvodny-text { font-size: 22px; }
    .node-type-article .field--name-body h2,
    .node-type-aktuality .field--name-body h2 { font-size: 28px; }
    .node-type-article .field--name-body h3,
    .node-type-aktuality .field--name-body h3 { font-size: 22px; }
}


/* ==========================================================================
   Úvodný slider na mobile - zladený s fanúšikovskou aplikáciou
   Namiesto úzkeho pásu je fotka štvorcová, s tmavým prechodom zdola
   a nadpisom vľavo dole. Bodky sa presúvajú do pravého horného rohu,
   aktívna je žltý prúžok - rovnako ako v aplikácii.
   ========================================================================== */

@media (max-width: 767px) {

    /* Štvorcový formát. Výšku slideshow inak dopočíta z pomeru strán fotky
       a vyjde z toho úzky pás, do ktorého sa štvorec oreže. */
    #block-web-views-block-aktuality-block-1-2 {
        aspect-ratio: 1 / 1;
        height: auto !important;
    }

    #block-web-views-block-aktuality-block-1-2 .views_slideshow_cycle_main,
    #block-web-views-block-aktuality-block-1-2 .views_slideshow_main,
    #block-web-views-block-aktuality-block-1-2 .views_slideshow_slide {
        height: 100% !important;
    }

    #block-web-views-block-aktuality-block-1-2 .views-field-field-obrazok img {
        width: 100%;
        height: auto !important;
        aspect-ratio: 1 / 1;
        object-fit: cover;
    }

    #block-web-views-block-aktuality-block-1-2 .views-field-title {
        left: 15px;
        right: 15px;
        width: auto;
        min-height: 0;
        padding: 38px 15px 14px;
        text-align: left;
        background: linear-gradient(180deg, transparent, rgba(16, 3, 9, .55) 40%, rgba(16, 3, 9, .94));
    }

    #block-web-views-block-aktuality-block-1-2 .views-field-title a {
        font-size: 16px;
        font-weight: 600;
        line-height: 1.3;
        text-transform: none;
    }

    /* Bodky pod fotkou na mobile nezobrazujeme - slider sa prepína sám. */
    #block-web-views-block-aktuality-block-1-2 .views-slideshow-controls-bottom {
        display: none;
    }
}


/* ==== Uvod podla fanusikovskej appky - doplnene 29. 7. 2026 ==== */
/* ============================================================
   Dukla Trenčín - prefarbenie úvodnej stránky podľa dukla-app
   Len farby, prechody, tiene a zaoblenie. Rozloženie sa nemení.
   Farby prevzaté z dukla-app/styles.css (bordo, zlta, karta).
   Po odladení sa obsah prilepí na koniec /themes/web/css/style.css
   ============================================================ */
:root{
  --dk-bordo:      #730037;
  --dk-bordo-2:    #6D0E2A;
  --dk-bordo-dark: #5F002E;
  --dk-bordo-deep: #33001A;
  --dk-zlta:       #FCD500;
  --dk-zlta-soft:  #FAD723;
  --dk-zlta-tmava: #DDBB00; /* hover žltých tlačidiel - jemné stmavnutie */
  --dk-ink:        #16060E;
  --dk-ink-2:      #240A16;
  --dk-pozadie:    #0B0409;
  --dk-biela:      #FFF4F8;
  --dk-tlm:        rgba(255,238,245,.58);
  --dk-karta:      rgba(255,255,255,.055);
  --dk-okraj:      rgba(255,255,255,.09);
}

/* ---------- písma ako v appke ----------
   Téma má na bežnom texte Roboto, appka Saira Semi Condensed;
   nadpisy Saira Extra Condensed. Obe rodiny už téma nahráva cez @font-face. */
body{
  font-family: 'Saira Semi Condensed', 'Segoe UI', sans-serif;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6{
  font-family: 'Saira Extra Condensed', 'Segoe UI', sans-serif;
}

/* ---------- pozadie stránky - namiesto čiernej hlboká bordová scéna ---------- */
body{
  background:
    radial-gradient(900px 620px at 12% 0%, rgba(115,0,55,.55), transparent 62%),
    radial-gradient(700px 520px at 88% 30%, rgba(252,213,0,.07), transparent 60%),
    radial-gradient(800px 600px at 50% 100%, rgba(95,0,46,.35), transparent 65%),
    var(--dk-pozadie);
  background-attachment: fixed;
}
/* Na telefóne je obrazovka malá a farebné plochy zaberajú väčšinu plochy -
   pozadie preto sťahujeme takmer do čierna a z bordovej necháme len jemný
   nádych po okrajoch. Obsah kariet tak vystúpi do popredia. */
@media (max-width: 767px){
  body{
    background:
      radial-gradient(620px 420px at 10% 0%, rgba(115,0,55,.22), transparent 60%),
      radial-gradient(520px 380px at 92% 26%, rgba(252,213,0,.03), transparent 58%),
      radial-gradient(560px 420px at 50% 100%, rgba(95,0,46,.14), transparent 62%),
      #060205;
  }
}

/* ---------- horná lišta ---------- */
.navbar-default{
  background: linear-gradient(180deg, rgba(22,6,14,.97), rgba(11,4,9,.92));
  box-shadow: 0 18px 40px -18px rgba(0,0,0,.8);
  /* téma má na spodnej hrane sivú linku #494949, ktorá na tmavej lište
     svieti ako cudzí prvok - meníme ju na tmavú bordovú */
  border-bottom: 2px solid #220112;
}
.navbar-default #block-web-main-menu .navbar-nav > li:hover .dropdown-menu{
  background: rgba(24,7,14,.96);
  box-shadow: 0 24px 48px -18px rgba(0,0,0,.85);
}
.navbar-default #block-web-main-menu .navbar-nav > li:hover .dropdown-menu > li > a:hover{
  background: var(--dk-zlta);
  color: var(--dk-bordo);
}

/* ---------- bočné menu v pravom stĺpci ----------
   Téma štýluje len blok #block-web-mainnavigation. Nové bočné bloky
   (články, Permanentky) majú triedu .bocne-menu a preberajú rovnaký vzhľad. */
.bocne-menu .navbar-nav{
  display: block;
  float: none;
  width: 100%;
  margin: 0;
}
.bocne-menu li{
  display: block;
  float: none;
  border-bottom: dashed 1px #bbbbbf;
}
.bocne-menu li:last-child{
  border-bottom: none;
}
.bocne-menu li > a,
.bocne-menu li > .navbar-text{
  display: block;
  padding: 15px 12px;
  width: auto;
  color: #000000;
  text-align: left;
  border: 0;
  font-family: 'Saira Extra Condensed', sans-serif;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 20px;
  margin: 0;
}
.bocne-menu li > a:hover,
.bocne-menu li > a:focus{
  color: var(--dk-bordo);
  background: transparent;
}
/* položky s podmenu sa v bočnom stĺpci nerozbaľujú - šípka je zbytočná */
.bocne-menu .caret{ display: none; }
.bocne-menu .dropdown-menu{ display: none !important; }

/* Bootstrap dáva .navbar-text float:left a margin 15px. V bočnom stĺpci to
   znamená, že položky s podmenu (KLUB, A-TÍM, MLÁDEŽ, PARTNERI) vypadnú
   z toku, riadok má výšku 1 px a názvy ležia na sebe. */
.region-sidebar-second .navbar-text,
.bocne-menu .navbar-text{
  float: none;
  margin: 0;
}

/* to isté pre blok, ktorý preberá ID pôvodného menu (stránka Permanentky) */
#block-web-mainnavigation li > .navbar-text{
  display: block;
  padding: 15px 12px;
  color: #000000;
  text-align: left;
  font-family: 'Saira Extra Condensed', sans-serif;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 20px;
  cursor: default;
}
.region-sidebar-second #block-web-mainnavigation .caret{ display: none; }
.region-sidebar-second #block-web-mainnavigation .dropdown-menu{ display: none !important; }

/* ==========================================================================
   JEDNOTNÁ TYPOGRAFIA PODSTRÁNOK (úvodná stránka sa nemení)
   Namerané rozdiely, ktoré sa tu zrovnávajú:
     - nadpis stránky 45 px/800 na jednej stránke, 46 px/700 na článku
     - podnadpisy raz 34 px bordové, inde 30 px biele
     - tabuľky raz 18 px, inde 13 px
     - názvy článkov vo výpisoch raz Semi Condensed, inde Extra Condensed
   Stupnica: nadpisy Saira Extra Condensed, text Saira Semi Condensed 18 px.
   ========================================================================== */

/* --- nadpis stránky --- */
body:not(.path-frontpage) .page-header,
body:not(.path-frontpage) .region-content > h1{
  font-family: 'Saira Extra Condensed', sans-serif;
  font-size: 44px;
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: .01em;
  text-transform: uppercase;
}
/* na článku leží nadpis na tmavom páse cez fotku, tam ostáva biely */
body:not(.path-frontpage) .region-content > h1,
body:not(.path-frontpage) .page-header{
  color: var(--dk-bordo);
}
body.node-type-aktuality:not(.path-frontpage) .page-header,
body.node-type-hrac:not(.path-frontpage) .page-header{
  color: #FFFFFF;
}

/* --- podnadpisy v obsahu --- */
body:not(.path-frontpage) .region-content h2,
body:not(.path-frontpage) .region-content .h2{
  font-family: 'Saira Extra Condensed', sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.15;
  text-transform: uppercase;
  color: var(--dk-bordo);
  margin: 28px 0 14px;
}
body:not(.path-frontpage) .region-content h3{
  font-family: 'Saira Extra Condensed', sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  color: #16060E;
  margin: 22px 0 10px;
}
body:not(.path-frontpage) .region-content h4,
body:not(.path-frontpage) .region-content h5{
  font-family: 'Saira Semi Condensed', sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: #16060E;
  margin: 18px 0 8px;
}

/* --- bežný text --- */
body:not(.path-frontpage) .region-content p,
body:not(.path-frontpage) .region-content li,
body:not(.path-frontpage) .region-content .field--name-body{
  font-family: 'Saira Semi Condensed', sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.65;
  color: #1a1a1a;
}
/* úvodný odstavec článku ostáva výraznejší, len zjednotený */
body:not(.path-frontpage) .field--name-field-uvodny-text,
body:not(.path-frontpage) .field--name-field-uvodny-text p{
  font-family: 'Saira Extra Condensed', sans-serif;
  font-size: 26px;
  font-weight: 500;
  line-height: 1.35;
  color: var(--dk-bordo);
}

/* --- podstránky na mobile ---
   Téma dáva obsahu na úzkej obrazovke odsadenie 5 px, takže text lícuje
   s okrajom displeja, a nadpis stránky ostáva 44 px, čo je na 375 px veľa. */
@media (max-width: 767px){
  body:not(.path-frontpage) .main-container .region-content{
    padding: 18px 16px 28px;
  }
  body:not(.path-frontpage) .region-content > h1,
  body:not(.path-frontpage) .page-header{
    font-size: 32px;
    line-height: 1.1;
    margin: 18px 0 14px;
  }
  body:not(.path-frontpage) .region-content h2{
    font-size: 24px;
    margin: 26px 0 10px;
  }
  body:not(.path-frontpage) .region-content h3{
    font-size: 20px;
    margin: 20px 0 8px;
  }
  body:not(.path-frontpage) .region-content p,
  body:not(.path-frontpage) .region-content li{
    font-size: 17px;
    line-height: 1.6;
  }
  body:not(.path-frontpage) .region-content p{
    margin-bottom: 14px;
  }
  .page-node-1560 .region-content .field--name-body > p:first-child{
    font-size: 20px;
  }
}

/* --- obrázky v obsahu ---
   Téma zmenšuje obrázky len v článkoch, na základných stránkach majú
   max-width: none a na mobile pretekajú von zo stránky. */
body:not(.path-frontpage) .region-content img{
  max-width: 100%;
  height: auto;
}

/* --- odkazy v obsahu ---
   Téma podčiarkuje všetky odkazy v obsahu (text-decoration: underline !important).
   V texte článku to dáva zmysel, na nadpisoch výpisov a tlačidlách nie. */
body:not(.path-frontpage) .region-content a{
  color: var(--dk-bordo);
}
body:not(.path-frontpage) .main-container .region-content .views-field-title a,
body:not(.path-frontpage) .main-container .region-content .views-field-title a:hover,
body:not(.path-frontpage) .main-container .region-content .view-footer a,
body:not(.path-frontpage) .main-container .region-content .btn,
body:not(.path-frontpage) .main-container .region-content h1 a,
body:not(.path-frontpage) .main-container .region-content h2 a,
body:not(.path-frontpage) .main-container .region-content h3 a{
  text-decoration: none !important;
}
/* pri prejdení myšou sa nadpis rozsvieti namiesto podčiarknutia */
body:not(.path-frontpage) .main-container .region-content .views-field-title a:hover{
  color: var(--dk-bordo-dark);
}

/* --- tabuľky v obsahu (kontakty, súpiska, tabuľky zápasov) --- */
body:not(.path-frontpage) .region-content table th{
  font-family: 'Saira Semi Condensed', sans-serif;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .02em;
}
body:not(.path-frontpage) .region-content table td{
  font-family: 'Saira Semi Condensed', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.5;
}
/* tabuľka kontaktov mala stĺpec s e-mailom zmenšený na 13 px, aby sa zmestil;
   pri 17 px sa zmestí tiež, len treba prerozdeliť šírky stĺpcov */
body:not(.path-frontpage) #block-web-views-block-kontakty-block-1 tr > *{
  font-size: 17px;
}
body:not(.path-frontpage) #block-web-views-block-kontakty-block-1 th{
  font-size: 16px;
}
/* Funkcia je najdlhší text, ale zniesť viac riadkov - e-mail a telefón nie.
   Preto funkcia ubrala v prospech e-mailu a lomí sa na viac riadkov.
   Namerané na najužšom mieste (obsah 589 px vedľa bočného stĺpca). */
#block-web-views-block-kontakty-block-1 tr > *:nth-child(1){ width: 20%; }  /* meno */
#block-web-views-block-kontakty-block-1 tr > *:nth-child(2){ width: 25%; }  /* funkcia */
#block-web-views-block-kontakty-block-1 tr > *:nth-child(3){ width: 32%; }  /* e-mail */
#block-web-views-block-kontakty-block-1 tr > *:nth-child(4){                /* telefón */
  width: 23%;
  white-space: nowrap;
}
#block-web-views-block-kontakty-block-1 td{
  white-space: normal;
  overflow-wrap: break-word;
}

/* --- výpisy článkov: jeden vzhľad názvu a perexu --- */
body:not(.path-frontpage) .views-row .views-field-title a{
  font-family: 'Saira Semi Condensed', sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.25;
  color: var(--dk-bordo);
}
body:not(.path-frontpage) .views-row .views-field-body,
body:not(.path-frontpage) .views-row .views-field-body .field-content{
  font-family: 'Saira Semi Condensed', sans-serif;
  font-size: 16.5px;
  line-height: 1.55;
  color: #3a3a3a;
}

/* --- tlačidlá „viac" pod výpismi --- */
body:not(.path-frontpage) .view-footer a.btn,
body:not(.path-frontpage) .view-footer a{
  font-family: 'Saira Extra Condensed', sans-serif;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: .03em;
  text-transform: uppercase;
}

/* ==========================================================================
   REALIZAČNÝ TÍM - upratanie výpisu
   Fotky mali object-fit: fill, čiže tváre boli roztiahnuté do kruhu.
   Riadky boli holé v pevnom dvojstĺpci, pri skupinách s jedným človekom
   ostávala vpravo veľká diera. Teraz sú to karty v pružnej mriežke.
   ========================================================================== */
#block-web-views-block-supiska-block-3 .view-content{
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 12px 14px;
}
/* Na širokej obrazovke presne tri rovnaké stĺpce - pružná mriežka tu
   vychádzala na dva a vpravo ostávalo prázdno. Platí pre realizačný tím
   aj pre súpisku hráčov. */
@media (min-width: 992px){
  #block-web-views-block-supiska-block-3 .view-content,
  #block-web-views-block-supiska-block-1 .view-content{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    /* téma tu má max-width: 800px, preto mriežka nikdy nedosiahla po pravý
       okraj a vpravo ostával pás prázdna - rušíme to */
    max-width: none;
    column-gap: 16px;
  }
  /* v treťine je karta užšia - fotka a odsadenie sa tomu prispôsobia */
  #block-web-views-block-supiska-block-3 .views-row,
  #block-web-views-block-supiska-block-1 .views-row{
    gap: 10px;
    padding: 10px 11px;
  }
  #block-web-views-block-supiska-block-3 .views-field-field-obrazok-hraca img,
  #block-web-views-block-supiska-block-3 .views-field-field-obrazok-hraca .field-content:empty,
  #block-web-views-block-supiska-block-1 .views-field-field-obrazok-hraca img,
  #block-web-views-block-supiska-block-1 .views-field-field-obrazok-hraca .field-content:empty{
    width: 64px;
    height: 64px;
    flex: 0 0 64px;
  }
}
/* nadpis skupiny cez celú šírku s tenkou linkou */
#block-web-views-block-supiska-block-3 .view-content h3{
  grid-column: 1 / -1;
  margin: 34px 0 10px;
  padding-bottom: 8px;
  border-bottom: 2px solid rgba(115,0,55,.18);
}
#block-web-views-block-supiska-block-3 .view-content h3:first-child{
  margin-top: 0;
}
#block-web-views-block-supiska-block-3 .views-row{
  align-items: center;
  gap: 14px;
  padding: 12px 14px;
  background: #fff;
  border: 1px solid #e6e6e9;
  transition: border-color .2s, box-shadow .2s;
}
#block-web-views-block-supiska-block-3 .views-row:hover{
  border-color: rgba(115,0,55,.35);
  box-shadow: 0 8px 20px -12px rgba(0,0,0,.35);
}
/* fotka sa oreže namiesto roztiahnutia */
#block-web-views-block-supiska-block-3 .views-field-field-obrazok-hraca img{
  width: 84px;
  height: 84px;
  object-fit: cover;
  flex: 0 0 84px;
  box-shadow: 0 0 0 2px rgba(115,0,55,.14);
}
/* prázdne miesto po chýbajúcej fotke drží rovnakú výšku karty */
#block-web-views-block-supiska-block-3 .views-field-field-obrazok-hraca .field-content:empty{
  width: 84px;
  height: 84px;
  flex: 0 0 84px;
}

/* ==========================================================================
   SÚPISKA HRÁČOV - rovnaké upratanie ako realizačný tím
   ========================================================================== */
#block-web-views-block-supiska-block-1 .view-content{
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 10px 14px;
}
#block-web-views-block-supiska-block-1 .view-content h3{
  grid-column: 1 / -1;
  margin: 32px 0 10px;
  padding-bottom: 8px;
  border-bottom: 2px solid rgba(115,0,55,.18);
}
#block-web-views-block-supiska-block-1 .view-content h3:first-child{
  margin-top: 0;
}
#block-web-views-block-supiska-block-1 .views-row{
  align-items: center;
  gap: 14px;
  padding: 10px 14px;
  background: #fff;
  border: 1px solid #e6e6e9;
  transition: border-color .2s, box-shadow .2s;
}
#block-web-views-block-supiska-block-1 .views-row:hover{
  border-color: rgba(115,0,55,.35);
  box-shadow: 0 8px 20px -12px rgba(0,0,0,.35);
}
/* dátum, výška, váha a hokejka sú vedľajší údaj - menšie a tlmené,
   aby sa zmestili na jeden riadok a nekonkurovali menu hráča */
#block-web-views-block-supiska-block-1 .views-field-fieldset-1,
#block-web-views-block-supiska-block-1 .views-field-fieldset-1 .views-field{
  font-size: 14px;
  color: #6b6b6b;
}

/* ==========================================================================
   ANGLICKÁ STRÁNKA PRE ZAHRANIČNÝCH NÁVŠTEVNÍKOV (/hockey-town-trencin)
   Textový formát v Drupale odstraňuje triedy, preto sa štýluje podľa
   čísla uzla a podľa poradia prvkov v texte.
   POZOR: číslo uzla sa už raz zmenilo. Pôvodne to bol uzol 1535 na adrese
   /en/dukla-trencin; po zmene typu obsahu vznikol uzol 1560. Keby stránka
   opäť prestala vyzerať ako má, prvá vec na overenie je číslo uzla v triede
   body (page-node-...) - stačí ho tu prepísať.
   ========================================================================== */
/* prvý odstavec je perex */
.page-node-1560 .region-content .field--name-body > p:first-child{
  font-family: 'Saira Extra Condensed', sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.4;
  color: var(--dk-bordo);
  margin-bottom: 26px;
}
/* tabuľka odchovancov v NHL - druhý stĺpec je počet Stanley Cupov,
   posledný riadok je súčet */
.page-node-1560 .region-content table{
  width: 100%;
  margin: 18px 0 26px;
  border-collapse: collapse;
}
.page-node-1560 .region-content table th{
  background: var(--dk-bordo);
  color: #fff;
  text-align: left;
  padding: 11px 12px;
  font-size: 15px;
  letter-spacing: .02em;
}
.page-node-1560 .region-content table td{
  padding: 10px 12px;
  border-bottom: 1px solid #e6e6e9;
  vertical-align: middle;
}
.page-node-1560 .region-content table tbody tr:nth-child(odd){
  background: #faf7f8;
}
.page-node-1560 .region-content table tbody tr:hover{
  background: rgba(252,213,0,.13);
}
/* meno hráča tučne a na jednom riadku */
.page-node-1560 .region-content table tbody td:first-child{
  font-weight: 700;
  white-space: nowrap;
}
/* stĺpec s pohármi - úzky, na stred, výrazné číslo */
.page-node-1560 .region-content table th:nth-child(2),
.page-node-1560 .region-content table td:nth-child(2){
  text-align: center;
  width: 104px;
}
.page-node-1560 .region-content table tbody td:nth-child(2){
  font-family: 'Saira Extra Condensed', sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 1;
  color: var(--dk-bordo);
}
/* tretí stĺpec je vedľajší údaj, nech neprekrikuje kariéru */
.page-node-1560 .region-content table tbody td:nth-child(3){
  color: #5a5a5a;
  font-size: 16px;
}
/* riadok so súčtom */
.page-node-1560 .region-content table tfoot td{
  background: var(--dk-bordo);
  color: #fff;
  font-weight: 700;
  border-bottom: none;
}
.page-node-1560 .region-content table tfoot td:nth-child(2){
  font-family: 'Saira Extra Condensed', sans-serif;
  font-size: 28px;
  font-weight: 800;
  line-height: 1;
  color: var(--dk-zlta);
}
.page-node-1560 .region-content table tfoot td:nth-child(3),
.page-node-1560 .region-content table tfoot td:nth-child(4){
  font-weight: 400;
  color: rgba(255,244,248,.85);
  font-size: 16px;
}
/* Quick facts na konci stránky ako dlaždice s popiskou nad údajom.
   Je to posledný zoznam v texte, prvý (Stanley Cupy po rokoch) ostáva zoznamom. */
.page-node-1560 .region-content .field--item ul:last-of-type{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 10px;
  list-style: none;
  padding: 0;
  margin: 16px 0 8px;
}
.page-node-1560 .region-content .field--item ul:last-of-type li{
  background: #fff;
  border: 1px solid #e6e6e9;
  border-top: 3px solid var(--dk-bordo);
  padding: 12px 14px;
  font-family: 'Saira Extra Condensed', sans-serif;
  font-size: 23px;
  font-weight: 700;
  line-height: 1.15;
  color: #16060E;
}
.page-node-1560 .region-content .field--item ul:last-of-type li::before{
  display: none;
}
.page-node-1560 .region-content .field--item ul:last-of-type li strong{
  display: block;
  font-family: 'Saira Semi Condensed', sans-serif;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #8a8a8a;
  margin: 0 0 5px;
}

/* zoznamy s rokmi a faktami */
.page-node-1560 .region-content ul{
  list-style: none;
  padding-left: 0;
  margin: 14px 0 26px;
}
.page-node-1560 .region-content ul li{
  position: relative;
  padding: 7px 0 7px 26px;
  border-bottom: 1px solid #ededf0;
}
.page-node-1560 .region-content ul li:last-child{ border-bottom: none; }
.page-node-1560 .region-content ul li::before{
  content: '';
  position: absolute;
  left: 4px;
  top: 15px;
  width: 8px;
  height: 8px;
  background: var(--dk-zlta);
}
.page-node-1560 .region-content ul li strong{
  color: var(--dk-bordo);
  margin-right: 8px;
}
/* na úzkej obrazovke sa tabuľka posúva namiesto lámania */
@media (max-width: 767px){
  .page-node-1560 .region-content table{
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
}

/* ==========================================================================
   STRÁNKA HRÁČA - pás s menom cez fotku
   Téma ho má vysoký (padding 40/60 px) a na telefóne prekrýval tvár.
   Zúžený a posunutý nižšie, nech z fotky ostane vidieť čo najviac.
   ========================================================================== */
/* Na počítači má téma pás vysoký (padding 40 px hore aj dole) - zúžený
   o 45 %, písmo primerane menšie. */
@media (min-width: 768px){
  .obrazokwrapper .page-header{
    padding: 12px 60px;
    font-size: 30px;
    line-height: 1.05;
  }
}

@media (max-width: 767px){
  .obrazokwrapper .page-header{
    padding: 4px 16px;        /* pás na polovicu pôvodnej výšky */
    font-size: 21px;
    line-height: 1.1;
    /* pás dosadá spodnou hranou presne na bordové pole s údajmi */
    bottom: -48px;
  }
  /* číslo hráča sa zmenší a posunie s pásom */
  .obrazokwrapper .field--name-field-cislo{
    width: 44px;
    height: 44px;
    right: 16px;
    bottom: -34px;            /* spodná hrana lícuje s pásom */
    font-size: 16px;
  }
  /* Pás presahuje pod fotku, preto pod ňou treba miesto navyše. Selektor
     musí obsahovať aj id, inak ho prebije pravidlo témy. */
  #bootstrap-panel.obrazokwrapper{
    margin-bottom: 34px;
  }
}

/* ==========================================================================
   PÄTIČKA - ochranná známka, odkazy a podpis noGrey
   Logo noGrey vkladá scripts.js, lebo textový filter Drupalu SVG z obsahu
   bloku vystrihne. Prechod v logu ide zo žltej do bordovej.
   ========================================================================== */
/* Pätička má dva stĺpce: vľavo texty zarovnané doľava, vpravo logo
   Trenčianski vojaci. Logo je vektor vložený priamo v CSS - nič sa
   nedoťahuje zo servera a ostáva ostré na každej obrazovke. */
#block-web-footercopyright{
  position: relative;
  text-align: center;
  padding-bottom: 10px;
}
@media (min-width: 768px){
 #block-web-footercopyright::after{
  content: '';
  position: absolute;
  right: 45px;
  top: 50%;
  transform: translateY(-50%);
  width: 210px;
  height: 48px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 91419.74 21065.76'%3E%3Cpath fill='%23FCD500' fill-rule='nonzero' d='M67922.65 10185.45l0 2631.25 -3370.89 0 0 -2631.25c1468.57,0 1902.32,0 3370.89,0zm23497.09 4353.01l-19290.7 0 0 -721.76 19290.7 0 0 721.76zm-4994.86 2128.7l-14295.84 0 0 -721.76 14295.84 0 0 721.76zm-86424.89 -2128.7l19290.67 0 0 -721.76 -19290.67 0 0 721.76zm4994.82 2128.7l14295.85 0 0 -721.76 -14295.85 0 0 721.76zm39775.64 4398.57l0 0.04 -1200.89 0 0 -0.04 0 -2654.86 516.31 0 0 -5594.17 -516.31 0 0 -2631.21 0 -0.04c1064.9,0 2129.95,0 3194.85,0 0,3133.62 0,6267.17 0,9400.79l-1481.47 1479.49 -512.49 0zm-16358.53 -118.23l2239.28 -10762.05 -2857.81 0 -699.96 3705.83 1318.49 7056.22zm-3069.08 99.07l-2259.72 -10861.12 2857.81 0 2029.45 10861.12 -2627.54 0zm9476.03 19.16l-1713.34 0 -1481.51 -1479.49 0 -7909.38 1493.35 -1491.41 1701.5 0 0 2631.25 -445.22 0 0 5594.17 445.22 0 0 2654.86zm2165.1 -10880.28l1481.62 1479.64 0 7921.15 -1481.62 1479.49 -1713.26 0 0 -2654.86 516.31 0 0 -5594.17 -516.31 0 0 -2631.25 1713.26 0zm6133.75 10880.28l-1713.33 0 -1481.48 -1479.49 0 -2355.92 2749.66 0 0 1180.55 445.15 0 0 2654.86zm6868.9 -10880.28l-2259.72 10861.12 2857.81 0 2029.41 -10861.12 -2627.5 0zm3069.05 99.07l2239.27 10762.05 -2857.89 0 -699.84 -3705.71 1318.46 -7056.34zm6392.01 10781.21l-1713.34 0 -1481.47 -1479.49 0 -7909.38 1493.28 -1491.41 1701.53 0 0 2631.25 -445.15 0 0 5594.17 445.15 0 0 2654.86zm3646.65 -3835.41l0 2355.92 -1481.51 1479.49 -1713.34 0 0 -2654.86 516.31 0 0 -1180.55 2678.54 0zm-1481.47 -7044.87l1481.47 1479.64 0 2434.18 -2678.54 0 0 -1282.6 -516.23 0 0 -2631.22 1713.3 0zm6309.79 3083.1l0 5142.32 516.3 0 0 2654.86c-1468.53,0 -2418.62,0 -3887.19,0l0 -2654.86 516.31 0 0 -5142.32 2854.58 0z'/%3E%3Cpath fill='%23FCD500' fill-rule='nonzero' d='M18073.86 7136.47l2537.32 0 0 -925.18 -751.16 0 0 -4204.47 1117.58 0 0 952.62 980.07 0 0 -1850.35 -5230.39 0 0 1850.35 980.15 0 0 -952.62 1117.55 0 0 4204.47 -751.12 0 0 925.18zm54220.19 0l2500.69 0 0 -925.18 -732.8 0 0 -4176.99 732.8 0 0 -925.21 -2500.69 0 0 925.21 732.85 0 0 4176.99 -732.85 0 0 925.18zm-28246.46 -7136.47l-1199.96 879.38 -1200 -879.38 -421.36 485.51 651.65 647.99c-1290.13,377.5 -2219.13,1517.43 -2219.13,2989.28 0,1877.88 1328.18,3123.64 3187.7,3123.64 961.8,0 1831.96,-393.91 2418.28,-1044.26l-687.05 -714.5c-448.84,485.47 -1025.86,796.92 -1731.23,796.92 -1273.29,0 -2116,-961.84 -2116,-2170.94 0,-1223.15 852.69,-2106.7 1981.56,-2150.77l267.88 3.24c447.08,26.1 738.11,147.92 892.43,269.74 -36.62,73.2 -64.07,192.32 -64.07,311.49 0,393.83 283.92,650.35 696.19,650.35 375.51,0 659.52,-302.36 659.52,-742.03 0,-535.89 -512.53,-1076.71 -1347.58,-1321.36l652.49 -648.79 -421.32 -485.51zm27880.7 1109.09l-64.06 0 -2592.34 0 0 906.9 686.97 0 -2024.32 2042.68 0 -2042.68 751.07 0 0 -906.9 -2473.25 0 0 925.21 687.1 0 0 4176.99 -687.1 0 0 925.18 2473.25 0 0 -925.18 -751.07 0 0 -970.93 870.11 -851.93 1676.34 2748.04 1447.3 0 0 -925.18 -796.95 0 -1538.82 -2519 1685.43 -1657.99 586.28 0 64.06 0 0 -925.21zm-8248.11 6137.33c1236.58,0 2125.09,-650.35 2125.09,-1795.34 0,-1117.58 -815.22,-1493.1 -1896.14,-1877.88 -604.55,-219.81 -1108.37,-439.66 -1108.37,-934.31 0,-439.66 348.11,-741.94 943.48,-741.94 375.61,0 632.08,82.38 796.92,183.15 -36.62,73.33 -64.07,137.4 -64.07,283.92 0,302.32 238.13,613.77 659.53,613.77 348.11,0 613.68,-247.34 613.68,-677.79 0,-723.72 -870.16,-1300.74 -1996.88,-1300.74 -1218.23,0 -1996.88,751.12 -1996.88,1712.88 0,1117.54 787.74,1474.79 1905.29,1877.88 604.54,210.68 1108.36,448.8 1108.36,943.44 0,522.13 -421.35,815.27 -1080.92,815.27 -393.87,0 -732.76,-100.77 -952.62,-256.52 54.97,-109.9 82.46,-219.81 82.46,-366.38 0,-293.1 -256.47,-595.42 -659.52,-595.42 -375.56,0 -632.04,283.97 -632.04,714.5 0,732.81 961.76,1401.51 2152.63,1401.51zm-3507.75 -82.51l558.75 -18.26 0 -5111.35 659.49 0 0 -925.21 -2418.24 0 0 925.21 751.12 0 0 2857.95 -2967.85 -3783.16 -1566.39 0 0 925.21 687.05 0 0 4176.99 -687.05 0 0 925.18 2445.72 0 0 -925.18 -751.16 0 0 -3233.5 3288.56 4186.12zm-11578.39 -27.44l2317.46 0 0 -916.04 -732.8 0 338.93 -989.29 2253.36 0 338.94 989.29 -696.19 0 0 916.04 2317.55 0 0 -925.18 -522.17 0 -1502.24 -4186.16 659.52 0 0 -916.04 -3407.56 0 0 916.04 659.52 0 -1502.23 4186.16 -522.09 0 0 925.18zm2207.56 -2766.39l842.71 -2372.4 842.72 2372.4 -1685.43 0zm-5166.28 2766.39l2500.7 0 0 -925.18 -732.77 0 0 -4176.99 732.77 0 0 -925.21 -2500.7 0 0 925.21 732.81 0 0 4176.99 -732.81 0 0 925.18zm-7180.24 27.44l558.79 -18.26 0 -5111.35 659.44 0 0 -925.21 -2418.19 0 0 925.21 751.11 0 0 2857.95 -2967.89 -3783.16 -1566.39 0 0 925.21 687.06 0 0 4176.99 -687.06 0 0 925.18 2445.73 0 0 -925.18 -751.12 0 0 -3233.5 3288.52 4186.12zm-10268.48 -27.44l4506.79 0 0 -1722.09 -989.33 0 0 806.05 -1795.33 0 0 -1703.74 1822.82 0 0 -879.34 -1822.82 0 0 -1612.22 1786.2 0 0 806.09 989.28 0 0 -1722.13 -4497.61 0 0 925.21 687.05 0 0 4176.99 -687.05 0 0 925.18zm-5679.27 0l2473.21 0 0 -925.18 -751.12 0 0 -1355.66c128.21,9.13 302.31,9.13 494.64,9.13 119.08,0 238.17,-9.13 366.42,-18.31l1209.06 2290.02 1392.41 0 0 -925.18 -687.05 0 -925.13 -1639.63c659.52,-265.61 1135.81,-861.06 1135.81,-1639.67 0,-1227.41 -989.24,-1822.9 -2372.44,-1822.9l-2335.81 0 0 925.21 687.05 0 0 4176.99 -687.05 0 0 925.18zm2308.33 -3151.09c-329.77,0 -476.29,-9.13 -586.24,-18.35l0 -1932.73 558.75 0c833.58,0 1355.75,302.32 1355.75,934.36 0,632.03 -549.62,1016.72 -1328.26,1016.72z'/%3E%3C/svg%3E") no-repeat right center / contain;
  opacity: .9;
 }
}
#block-web-footercopyright p{
  margin: 0 0 10px;
}
#block-web-footercopyright p:first-child a{
  color: var(--dk-biela);
  font-size: 15px;
  text-decoration: none;
}
#block-web-footercopyright p:first-child a:hover{
  color: var(--dk-zlta);
}
/* text o ochrannej známke je drobné právne upozornenie */
#block-web-footercopyright p:nth-child(2){
  max-width: 720px;
  margin: 0 auto 16px;
  font-size: 12px;
  line-height: 1.6;
  text-align: center;
  color: rgba(255,244,248,.5);
}
/* podpis autora je úplne na spodku, drobný a v klubovej žltej */
#block-web-footercopyright p:last-child{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 26px;
  font-size: 10px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: rgba(255,244,248,.35);
}
/* Dvojstĺpec je len na počítači - na telefóne by logo texty stláčalo,
   tam ostáva pätička vycentrovaná ako doteraz. Musí byť až za všeobecnými
   pravidlami, inak by ho prebili. */
@media (min-width: 768px){
  #block-web-footercopyright{
    text-align: left;
    padding-right: 305px;   /* miesto pre logo vpravo (210 px + 45 px odsadenie) */
  }
  #block-web-footercopyright p:nth-child(2){
    margin: 0 0 16px;
    text-align: left;
  }
  #block-web-footercopyright p:last-child{
    justify-content: flex-start;
  }
}
#block-web-footercopyright .ng-logo{
  display: block;
  width: 58px;
  height: auto;
  opacity: .85;
  transition: opacity .2s;
}
#block-web-footercopyright a:hover .ng-logo{
  opacity: 1;
}

/* ==========================================================================
   LIŠTA SO SÚHLASOM S COOKIES
   Znenie prevzaté zo starého webu, vzhľad podľa bordovej scény.
   ========================================================================== */
.dukla-cookies{
  position: fixed;
  left: 0; right: 0; bottom: 0;
  z-index: 1040;
  background: linear-gradient(180deg, rgba(22,6,14,.98), rgba(11,4,9,.99));
  box-shadow: 0 -18px 40px -18px rgba(0,0,0,.9);
  border-top: 2px solid var(--dk-zlta);
  animation: dukla-cookies-hore .35s ease both;
}
@keyframes dukla-cookies-hore{
  from{ transform: translateY(100%); }
  to{ transform: translateY(0); }
}
.dukla-cookies.je-prec{
  transform: translateY(100%);
  transition: transform .3s ease;
}
.dukla-cookies__obal{
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px 24px;
  display: flex;
  align-items: center;
  gap: 28px;
}
.dukla-cookies__text{ flex: 1; }
.dukla-cookies__text h2{
  margin: 0 0 6px;
  font-family: 'Saira Extra Condensed', sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--dk-zlta);
  text-transform: none;
}
.dukla-cookies__text p{
  margin: 0;
  font-size: 14.5px;
  line-height: 1.5;
  color: rgba(255,244,248,.72);
}
.dukla-cookies__text p a{
  color: var(--dk-zlta);
  text-decoration: underline;
}
.dukla-cookies__prepinac{
  margin-top: 10px;
  padding: 0;
  background: none;
  border: none;
  font-size: 13px;
  letter-spacing: .04em;
  color: rgba(255,244,248,.6);
  text-decoration: underline;
  cursor: pointer;
}
.dukla-cookies__prepinac:hover,
.dukla-cookies__prepinac.je-otvorene{ color: var(--dk-zlta); }
.dukla-cookies__kategorie{
  display: flex;
  flex-wrap: wrap;
  gap: 8px 22px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(255,255,255,.1);
}
.dukla-cookies__kategorie label{
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  color: rgba(255,244,248,.8);
  cursor: pointer;
}
.dukla-cookies__kategorie input{ margin: 0; }
.dukla-cookies__kategorie input[disabled]{ opacity: .5; cursor: default; }
.dukla-cookies__tlacidla{
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 0 0 210px;
}
.dukla-cookies__tlacidla button{
  padding: 11px 18px;
  border: none;
  font-family: 'Saira Extra Condensed', sans-serif;
  font-size: 19px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background .2s, color .2s;
}
.dukla-cookies__prijat{
  background: var(--dk-zlta);
  color: var(--dk-bordo);
  box-shadow: 0 12px 26px -12px rgba(252,213,0,.6);
}
.dukla-cookies__prijat:hover{ background: var(--dk-zlta-soft); }
.dukla-cookies__ulozit{
  background: rgba(115,0,55,.65);
  color: var(--dk-biela);
}
.dukla-cookies__ulozit:hover{ background: var(--dk-bordo); }
.dukla-cookies__odmietnut{
  background: rgba(255,255,255,.08);
  color: rgba(255,244,248,.75);
  font-size: 16px;
}
.dukla-cookies__odmietnut:hover{ background: rgba(255,255,255,.14); }

@media (max-width: 767px){
  .dukla-cookies{ max-height: 88vh; overflow-y: auto; }
  .dukla-cookies__obal{
    display: block;
    padding: 18px 16px 20px;
  }
  .dukla-cookies__text h2{ font-size: 19px; }
  .dukla-cookies__tlacidla{
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 16px;
  }
  .dukla-cookies__tlacidla button{ flex: 1 1 100%; }
}

/* ---------- kontakty na mobile ako kartičky ----------
   Pevné pomery stĺpcov (20/33/26/21 %) sú vyladené na širokú obrazovku;
   na mobile sa stĺpec s funkciou zmrštil na nulu a text ležal cez e-mail.
   Štyri stĺpce sa na 375 px nezmestia bez lámania, preto sa riadok rozloží
   pod seba: meno, funkcia, e-mail, telefón - každý na vlastnom riadku. */
@media (max-width: 767px){
  #block-web-views-block-kontakty-block-1 .table-responsive{
    overflow: visible;
    border: 0;
    margin: 0;
  }
  #block-web-views-block-kontakty-block-1 table{
    table-layout: auto;
    width: 100%;
    display: block;
  }
  /* nadpis oddelenia (caption) sa pri kartičkovom usporiadaní zúžil
     a lámal do dvoch riadkov - roztiahneme ho na celú šírku */
  #block-web-views-block-kontakty-block-1 caption{
    display: block;
    width: 100%;
    white-space: nowrap;
  }
  #block-web-views-block-kontakty-block-1 thead{ display: none; }
  #block-web-views-block-kontakty-block-1 tbody{ display: block; }
  #block-web-views-block-kontakty-block-1 tbody tr{
    display: block;
    padding: 12px 14px;
    border-bottom: 1px solid #e2e2e5;
  }
  #block-web-views-block-kontakty-block-1 tbody tr:last-child{ border-bottom: none; }
  #block-web-views-block-kontakty-block-1 tbody td{
    display: block;
    width: auto !important;
    border: 0;
    padding: 1px 0;
    white-space: normal !important;
  }
  #block-web-views-block-kontakty-block-1 tbody td:nth-child(1){
    font-weight: 700;
    font-size: 17px;
  }
  #block-web-views-block-kontakty-block-1 tbody td:nth-child(2){
    color: #6b6b6b;
    font-size: 14px;
    margin-bottom: 4px;
  }
  /* prázdne bunky (chýbajúci e-mail) nech nerobia medzery */
  #block-web-views-block-kontakty-block-1 tbody td:empty{ display: none; }
}

/* ---------- tlačidlo menu sa po otvorení zmení na krížik ----------
   Prúžky sú od seba 8 px, takže krajné doputujú do stredu posunom 8 px.
   Bootstrap dáva tlačidlu triedu .collapsed, kým je menu zatvorené. */
.navbar-toggle .icon-bar{
  transition: transform .3s ease, opacity .2s ease;
}
.navbar-toggle:not(.collapsed) .icon-bar:nth-child(2){
  transform: translateY(8px) rotate(45deg);
}
.navbar-toggle:not(.collapsed) .icon-bar:nth-child(3){
  opacity: 0;
  transform: scaleX(.4);
}
.navbar-toggle:not(.collapsed) .icon-bar:nth-child(4){
  transform: translateY(-8px) rotate(-45deg);
}

/* ==========================================================================
   MOBILNÉ MENU - návrh „číslovaný zoznam"
   Celá obrazovka, veľké kondenzované písmo, poradové čísla v žltej,
   podmenu sa vysunie pod položkou, dole dve výrazné tlačidlá.
   Vstupenky a Permanentky presúva medzi tlačidlá scripts.js.
   ========================================================================== */
@media (max-width: 991px){
  /* Panel otvára a zatvára scripts.js triedou na <body>, nie Bootstrap.
     Jeho collapse na dotyku zanechával zaseknuté stavy. */
  .navbar-default #navbar-collapse{
    display: block !important;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-12px);
    transition: opacity .25s ease, transform .25s ease, visibility .25s;
    position: fixed;
    top: 60px;
    left: 0;
    right: 0;
    bottom: 0;
    max-height: none;
    margin: 0;
    padding: 8px 22px 26px;
    overflow-y: auto;
    /* Pozadie menu je tmavé - bordová #730037 nahradená za #11050C.
       Celé je otočené o 180°: najtmavšie je hore, smerom dole sa presvetľuje
       a bordový nádych so žltým odleskom sedia pri spodku. */
    background:
      radial-gradient(560px 420px at 88% 100%, rgba(115,0,55,.18), transparent 58%),
      radial-gradient(520px 380px at 12% 96%, rgba(252,213,0,.035), transparent 60%),
      linear-gradient(350deg, #070205 0%, #0C0309 55%, #060205 100%);
    border: none;
  }
  body.dukla-menu-otvorene .navbar-default #navbar-collapse{
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
  }
  /* kým je menu otvorené, stránka pod ním sa neroluje */
  body.dukla-menu-otvorene{
    overflow: hidden;
  }

  /* zoznam */
  .navbar-default #block-web-main-menu .navbar-nav{
    margin: 0;
    padding: 0;
  }
  .navbar-default #block-web-main-menu .navbar-nav > li{
    position: relative;
    display: block;
    float: none;
    border-bottom: 1px solid rgba(255,255,255,.12);
  }
  /* položky prvej úrovne - veľké písmo */
  .navbar-default #block-web-main-menu .navbar-nav > li > a,
  .navbar-default #block-web-main-menu .navbar-nav > li > .navbar-text{
    display: block;
    float: none;
    margin: 0;
    padding: 12px 10px 12px 4px;
    font-family: 'Saira Extra Condensed', sans-serif;
    font-size: 23px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: .01em;
    text-transform: uppercase;
    color: var(--dk-biela) !important;
    background: none !important;
  }
  .navbar-default #block-web-main-menu .navbar-nav > li.active > a,
  .navbar-default #block-web-main-menu .navbar-nav > li.open > .navbar-text{
    color: var(--dk-zlta) !important;
  }
  /* šípka - ukazuje, že kategória sa dá rozbaliť; pri otvorení sa otočí */
  .navbar-default #block-web-main-menu .navbar-nav > li .caret{
    position: absolute;
    right: 4px;
    top: 14px;
    width: auto;
    height: auto;
    border: none;
    color: rgba(255,244,248,.45);
    transition: transform .25s, color .25s;
  }
  .navbar-default #block-web-main-menu .navbar-nav > li .caret::before{
    content: '›';
    font-size: 22px;
    line-height: 1;
  }
  .navbar-default #block-web-main-menu .navbar-nav > li.open .caret{
    transform: rotate(90deg);
    color: var(--dk-zlta);
  }
  /* podmenu ako akordeón - vysunie sa len pod otvorenou kategóriou */
  .navbar-default #block-web-main-menu .navbar-nav > li .dropdown-menu{
    display: none;
  }
  .navbar-default #block-web-main-menu .navbar-nav > li.open .dropdown-menu{
    display: block !important;
    position: static;
    float: none;
    width: auto;
    margin: 0 0 12px;
    padding: 0;
    background: rgba(0,0,0,.18);
    border: none;
    box-shadow: none;
  }
  /* Podmenu má rovnaké písmo ako kategórie (Saira Extra Condensed, verzálky),
     len o 35 % menšie a v strednom reze - hierarchia tak drží aj bez toho,
     aby sa striedali dve rodiny písma. */
  .navbar-default #block-web-main-menu .navbar-nav > li .dropdown-menu > li > a{
    padding: 9px 14px 9px 20px;
    font-family: 'Saira Extra Condensed', sans-serif;
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .01em;
    line-height: 1;
    background: none;
    color: rgba(255,244,248,.8);
  }
  .navbar-default #block-web-main-menu .navbar-nav > li .dropdown-menu > li > a:hover,
  .navbar-default #block-web-main-menu .navbar-nav > li .dropdown-menu > li > a:focus,
  .navbar-default #block-web-main-menu .navbar-nav > li .dropdown-menu > li > a:active{
    background: var(--dk-zlta);
    color: var(--dk-bordo);
  }

  /* Na dotykovej obrazovke ostáva po ťuknutí položka v stave „hover" a téma
     jej dáva šedé pozadie - o vzhľade rozhoduje výhradne trieda .open,
     hover sa na mobile neuplatňuje. */
  .navbar-default #block-web-main-menu .navbar-nav > li:hover > a,
  .navbar-default #block-web-main-menu .navbar-nav > li:hover > .navbar-text,
  .navbar-default #block-web-main-menu .navbar-nav > li:focus > a{
    background: none !important;
  }
  .navbar-default #block-web-main-menu .navbar-nav > li:hover:not(.open) .dropdown-menu{
    display: none !important;
  }

  /* Prihlásenému redaktorovi Drupal vykresľuje nad blokmi ceruzkové gombíky
     (kontextové odkazy). V mobilnom menu sedia presne na šípke kategórie,
     takže ťuknutie ide do ceruzky a menu sa nerozbalí. V menu ich skryjeme -
     blok sa dá upraviť z administrácie. */
  body.dukla-menu-otvorene .contextual{
    display: none !important;
  }

  /* dve tlačidlá dole - presúva sem scripts.js */
  .dukla-menu-cta{
    display: flex;
    gap: 10px;
    margin: 22px 0 4px;
  }
  .dukla-menu-cta a{
    flex: 1;
    padding: 13px 8px;
    font-family: 'Saira Extra Condensed', sans-serif;
    font-size: 19px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
  }
  .dukla-menu-cta a:first-child{
    background: var(--dk-zlta);
    color: var(--dk-bordo);
    box-shadow: 0 12px 26px -12px rgba(252,213,0,.55);
  }
  .dukla-menu-cta a:last-child{
    background: rgba(255,255,255,.1);
    color: var(--dk-biela);
  }
  /* ikonky sietí pod tlačidlami */
  .navbar-default #block-web-getaquote{
    position: static;
    float: none;
    display: flex;
    justify-content: center;
    gap: 6px;
    padding: 18px 0 6px;
  }
}

/* ---------- doplnky k mobilnému menu ---------- */
@media (max-width: 767px){
  /* logo v hlavičke bolo na mobile 40 px, čo je vedľa hamburgera málo */
  .navbar-default .logo img{
    height: 52px;
    margin-top: 4px;
  }
  .navbar-default.smaller .logo img{
    height: 46px;
    margin-top: 3px;
  }
}

@media (max-width: 991px){
  /* panel je na celú obrazovku, pozadie a umiestnenie rieši blok vyššie */
  .navbar-default #navbar-collapse{
    z-index: 200;
  }
  /* položky prvej úrovne oddelené jemnou linkou */
  .navbar-default #block-web-main-menu .navbar-nav > li{
    border-bottom: 1px solid rgba(255,255,255,.07);
  }
  .navbar-default #block-web-main-menu .navbar-nav > li:last-child{
    border-bottom: none;
  }
  /* podmenu odsadené a v bordovom tóne, nie v šedej */
  .navbar-default #block-web-main-menu .navbar-nav > li .dropdown-menu{
    background: rgba(115,0,55,.22);
    box-shadow: none;
    margin: 0;
    padding: 4px 0 8px;
  }
  .navbar-default #block-web-main-menu .navbar-nav > li .dropdown-menu > li > a{
    color: rgba(255,244,248,.86);
    padding: 11px 18px 11px 20px;
  }
  .navbar-default #block-web-main-menu .navbar-nav > li .dropdown-menu > li > a:hover,
  .navbar-default #block-web-main-menu .navbar-nav > li .dropdown-menu > li > a:focus{
    background: var(--dk-zlta);
    color: var(--dk-bordo);
  }
  /* ikonky sociálnych sietí nech nesplývajú so spodkom */
  .navbar-default #block-web-getaquote{
    position: static;
    padding: 14px 0 4px;
    text-align: center;
    float: none;
  }
}

/* ==========================================================================
   ÚVODNÝ BANNER - dva samostatné bloky
   „baner uvod PC"    = blok web_pernamentky   (štvorec, počítač a tablet)
   „baner uvod mobil" = blok web_baneruvodmobil (1920×780, telefón)
   Klub mení obrázky bežne cez Upraviť blok, každý blok má jeden obrázok.
   Prepínanie rieši toto CSS - na telefóne sa PC blok skryje a naopak.
   ========================================================================== */
@media (min-width: 768px){
  #block-web-baneruvodmobil{
    display: none !important;
  }
}
@media (max-width: 767px){
  #block-web-pernamentky{
    display: none !important;
  }
  /* Slideshow nad bannerom je plávajúci Bootstrap stĺpec (float: left) a nový
     blok nemá stĺpcové triedy - bez `clear` by mu vliezol pod fotku. Odstup
     zhora ide cez padding, lebo `clear` horný margin pohltí.
     Bočných 15 px zarovná banner s ostatným obsahom. */
  #block-web-baneruvodmobil{
    clear: both;
    padding: 20px 15px;
  }
  #block-web-baneruvodmobil img{
    display: block;
    width: 100%;
    height: auto;
  }
}

/* ---------- pole s odkazom na banneri ----------
   V administrácii má blok pole na adresu (Odkaz / LINK). Na stránke sa
   nevypisuje - je len na zadanie adresy. Skript v scripts.js z nej urobí
   odkaz okolo obrázka, takže klikateľný je celý banner.
   Pole `body` sem nespadá, to má triedu field--name-body. */
#block-web-pernamentky [class*="field--name-field-"],
#block-web-baneruvodmobil [class*="field--name-field-"]{
  display: none;
}
/* obrázok v odkaze - block, inak mu riadkový tok pridá pod spodnú hranu
   pár pixelov prázdna. Platí pre odkaz vyrobený skriptom aj pre odkaz
   nastavený ručne na obrázku v editore (CKEditor vypíše <a><img></a>). */
.dukla-banner-odkaz,
#block-web-pernamentky .field--name-body a,
#block-web-baneruvodmobil .field--name-body a{
  display: block;
}
.dukla-banner-odkaz img,
#block-web-pernamentky .field--name-body a > img,
#block-web-baneruvodmobil .field--name-body a > img{
  display: block;
  width: 100%;
  height: auto;
}

/* ==========================================================================
   MASKOT ČAKY pri bannere permanentiek
   Obrázok je v téme: /themes/web/images/maskot.png (priehľadné PNG).
   Vystupuje spod ľavého okraja bannera cez slideshow, na telefónoch a
   tabletoch sa nezobrazuje. Nezachytáva kliknutia, aby neblokoval banner.
   ========================================================================== */
@media (min-width: 992px){
  /* slideshow si na snímky nasadzuje vrstvy 10 a 11, preto musí byť
     maskot vyššie, inak ho fotka prekryje */
  #block-web-pernamentky{
    position: relative;
    z-index: 20;
  }
  /* Spodok obrázka je 33 px pod spodnou hranou bannera. Maskot stojí takmer
     celý vľavo mimo bannera - do bannera zasahuje len okrajom, inak by
     prekryl nápis „V PREDAJI". */
  #block-web-pernamentky::before{
    content: '';
    position: absolute;
    z-index: 20;
    left: -175px;
    bottom: -33px;
    width: 320px;
    height: 272px;
    background: url(../images/maskot.png) no-repeat bottom center / contain;
    filter: drop-shadow(0 14px 22px rgba(0,0,0,.5));
    pointer-events: none;
  }
}
/* na širokom webe o kúsok väčší, stále prevažne mimo bannera */
@media (min-width: 1400px){
  #block-web-pernamentky::before{
    left: -205px;
    width: 360px;
    height: 306px;
  }
}

/* Téma rezervuje názvu článku 58 px, teda miesto na dva riadky. Pri
   jednoriadkovom názve tak pod ním ostávalo asi 40 px prázdna. Rezerváciu
   rušíme - karty budú mať perex hneď pod názvom. */
.view-duplicate-of-aktuality .views-row .views-field-title a{
  min-height: 0;
  margin-bottom: 4px;
}

/* Perex článkov v zozname aktualít. Od 30. 7. 2026 sa ťahá z poľa Úvodný
   text, ktoré má vlastný formát - text v ňom býva tučný a do bloku. Tu ho
   zrovnávame s pôvodným perexom: rovnaká veľkosť, riadkovanie aj rez. */
#block-web-views-block-duplicate-of-aktuality-block-1 .views-field-field-uvodny-text,
#block-web-views-block-duplicate-of-aktuality-block-2 .views-field-field-uvodny-text{
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  line-height: 1.6;
}
#block-web-views-block-duplicate-of-aktuality-block-1 .views-field-field-uvodny-text p,
#block-web-views-block-duplicate-of-aktuality-block-1 .views-field-field-uvodny-text strong,
#block-web-views-block-duplicate-of-aktuality-block-2 .views-field-field-uvodny-text p,
#block-web-views-block-duplicate-of-aktuality-block-2 .views-field-field-uvodny-text strong{
  font: inherit;
  font-weight: 400;
  text-align: left;
  margin: 0;
}

@media (max-width: 767px){
  #block-web-views-block-duplicate-of-aktuality-block-1 .views-field-body,
  #block-web-views-block-duplicate-of-aktuality-block-2 .views-field-body,
  #block-web-views-block-duplicate-of-aktuality-block-1 .views-field-field-uvodny-text,
  #block-web-views-block-duplicate-of-aktuality-block-2 .views-field-field-uvodny-text{
    font-size: 16.2px;
    line-height: 1.6;
  }
}

/* ---------- veľká fotka s titulkom (slideshow aktualít) ---------- */
#block-web-views-block-aktuality-block-1-2 .views-field-title{
  background: linear-gradient(180deg, rgba(16,3,9,.2), rgba(16,3,9,.86));
  backdrop-filter: blur(2px);
}
/* Slideshow na mobile: obal drží pomer strán fotky, aby mal výšku ešte
   pred načítaním obrázkov. Bez toho má výšku 0 a fotky sa nezobrazia. */
@media (max-width: 991px){
  #block-web-views-block-aktuality-block-1-2 [id^="views_slideshow_cycle_main_"]{
    aspect-ratio: 1800 / 905;
    height: auto !important;
  }
  /* Do 767 px téma orezáva fotku do štvorca, ale fotka má 15 px bočné
     okraje - štvorec je teda o 30 px nižší než šírka obalu. Obal preto
     nedrží pomer 1:1 (nechával 30 px prázdna pod fotkou), ale presnú
     výšku fotky. */
  @media (max-width: 767px){
    #block-web-views-block-aktuality-block-1-2,
    #block-web-views-block-aktuality-block-1-2 [id^="views_slideshow_cycle_main_"]{
      aspect-ratio: auto;
      height: calc(100vw - 30px) !important;
    }
    /* rozmazaný pásik s titulkom o 1 px nižšie - pod ním presvitala
       tenká linka fotky */
    #block-web-views-block-aktuality-block-1-2 .views-field-title{
      bottom: -1px;
    }
  }
  #block-web-views-block-aktuality-block-1-2 [id^="views_slideshow_cycle_teaser_section_"]{
    height: 100%;
  }
  /* left tu nesmie byť natvrdo - karuselový posun (scrollHorz) snímky
     posúva práve cez left */
  #block-web-views-block-aktuality-block-1-2 .views_slideshow_cycle_slide{
    width: 100% !important;
    height: auto !important;
  }
  #block-web-views-block-aktuality-block-1-2 .views_slideshow_cycle_slide img{
    width: 100%;
    height: auto;
    display: block;
  }
}

/* bodky pod slideshow - ako v appke: malé okrúhle, aktívna žltá pilulka */
#block-web-views-block-aktuality-block-1-2 .views-slideshow-controls-bottom .views_slideshow_pager_field_item .views-content-counter{
  background: rgba(255,244,248,.45);
  width: 8px;
  height: 8px;
  transition: width .25s, background .25s;
}
#block-web-views-block-aktuality-block-1-2 .views-slideshow-controls-bottom .views_slideshow_pager_field_item.active .views-content-counter{
  background: var(--dk-zlta);
  width: 22px;
}

/* ---------- karusel zápasov ---------- */
/* aktuálny zápas - karta poskladaná ako v appke:
   žltý nadpis vľavo, štítok súťaže v rohu, veľký čas medzi logami,
   dole žlté Vstupenky vedľa tmavého Preview */
.zapasy-carousel > div.zapas--current{
  background-color: transparent;
  background-image:
    radial-gradient(420px 260px at 50% -10%, rgba(252,213,0,.16), transparent 60%),
    linear-gradient(155deg, var(--dk-bordo) 0%, var(--dk-bordo-dark) 58%, var(--dk-bordo-deep) 100%);
  background-repeat: no-repeat;
  background-size: cover, cover;
  background-position: center, center;
  padding: 24px;
  text-align: left;
  overflow: hidden;
}
/* ozdobné šípky témy preč - karta v appke je čistá */
.zapasy-carousel > div.zapas--current:after{ display: none; }
/* žltá žiara v spodnej polovici karty ako v appke.
   Musí ostať pod obsahom, inak leží cez logá tímov a mení im farby. */
.zapasy-carousel > div.zapas--current:before{
  content: '';
  position: absolute;
  left: -30%; right: -30%; bottom: 40%;
  height: 220px;
  background: radial-gradient(closest-side, rgba(252,213,0,.26), transparent);
  pointer-events: none;
  z-index: 0;
}
.zapasy-carousel > div.zapas--current > *{
  position: relative;
  z-index: 1;
}

/* nadpis vľavo hore, žltý */
.zapasy-carousel > div.zapas--current .zapas__nadpis{
  color: var(--dk-zlta);
  font-weight: 700;
  letter-spacing: .05em;
  font-size: 17px;
  margin-bottom: 0;
}
/* dátum a čas presúva scripts.js medzi logá - čas veľký, dátum pod ním */
.zapasy-carousel > div.zapas--current .zapas__cas-wrap{
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex: 1;
  padding: 0 8px;
}
.zapasy-carousel > div.zapas--current .zapas__cas{
  font-family: 'Saira Extra Condensed', sans-serif;
  font-size: 46px;
  font-weight: 800;
  line-height: 1;
  color: #FFFFFF;
}
.zapasy-carousel > div.zapas--current .zapas__datum{
  font-size: 15px;
  font-weight: 400;
  color: var(--dk-zlta-soft);
  text-transform: none;
  margin-top: 6px;
}
/* štítok súťaže v pravom hornom rohu ako v appke */
.zapasy-carousel > div.zapas--current .zapas__typ{
  position: absolute;
  top: 22px;
  right: 24px;
  margin: 0;
  padding: 6px 14px;
  background: rgba(0,0,0,.28);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  color: rgba(255,244,248,.8);
  font-size: 13px;
}
/* logá od seba, stred ostáva voľný pre čas */
.zapasy-carousel > div.zapas--current .zapas__tim_wrap{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 34px;
  padding: 0 56px;
}
.zapasy-carousel > div.zapas--current .zapas__tim,
.zapasy-carousel > div.zapas--current .zapas__tim:first-child,
.zapasy-carousel > div.zapas--current .zapas__tim:last-child{
  width: auto;
  margin: 0;
  text-align: center;
}
/* všetky logá v karuseli rovnako veľké štvorce s tieňom pod sebou */
.zapasy-carousel .zapas__logo,
.zapas--prev .zapas__tim_wrap .zapas__logo,
.zapas--next .zapas__tim .zapas__logo{
  width: 84px;
  height: 84px;
  max-width: none;
  object-fit: cover;
  box-shadow: 0 16px 26px -12px rgba(0,0,0,.8);
}
/* riadok o mieste pod logami - dopĺňa ho scripts.js (odpocet.js) */
.zapasy-carousel > div.zapas--current .zapas__miesto{
  position: relative;
  margin-top: 14px;
  text-align: center;
  font-size: 13px;
  color: rgba(255,244,248,.62);
}
/* odpočet - štyri sklenené dlaždice ako v appke.
   Pevná šírka a vycentrovanie, aby sa neroztiahli cez celú kartu. */
.zapasy-carousel > div.zapas--current .zapas__count{
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 86px);
  justify-content: center;
  gap: 8px;
  margin-top: 15px;
}
.zapasy-carousel > div.zapas--current .zapas__count > div{
  background: rgba(0,0,0,.28);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  padding: 9px 4px 7px;
  text-align: center;
}
.zapasy-carousel > div.zapas--current .zapas__count b{
  display: block;
  font-family: 'Saira Extra Condensed', sans-serif;
  font-size: 30px;
  font-weight: 800;
  line-height: 1;
  color: var(--dk-zlta);
  font-variant-numeric: tabular-nums;
}
.zapasy-carousel > div.zapas--current .zapas__count span{
  display: block;
  margin-top: 2px;
  font-size: 10.5px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: rgba(255,244,248,.5);
}
/* pásik namiesto odpočtu, keď zápas beží */
.zapasy-carousel > div.zapas--current .zapas__stav-beh{
  position: relative;
  margin-top: 15px;
  padding: 11px;
  text-align: center;
  background: rgba(0,0,0,.28);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  font-family: 'Saira Extra Condensed', sans-serif;
  font-size: 19px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: rgba(255,244,248,.72);
}
.zapasy-carousel > div.zapas--current .zapas__stav-beh.is-live{ color: var(--dk-zlta); }
.zapasy-carousel > div.zapas--current .zapas__stav-beh[hidden]{ display: none; }

/* tlačidlá vedľa seba - Vstupenky žlté prvé, Preview tmavé;
   s odpočtom v karte už nesedia na pevnom spodku, tečú s obsahom */
.zapasy-carousel > div.zapas--current .zapas__linky{
  position: static;
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  gap: 9px;
  padding: 0;
  margin-top: 15px;
  width: auto;
}
.zapasy-carousel > div.zapas--current .zapas__link{
  flex: 1;
  width: auto;
  text-align: center;
}
.zapasy-carousel > div.zapas--current .zapas__link--vstupenky{
  order: -1;
  flex: 1.4;
  background: var(--dk-zlta);
  color: var(--dk-bordo);
  box-shadow: 0 14px 30px -12px rgba(252,213,0,.55);
  transition: background .2s, color .2s, box-shadow .2s, transform .2s;
}
/* žlté tlačidlo pri prejdení myšou len jemne stmavne - žiadny agresívny preblik */
.zapasy-carousel > div.zapas--current .zapas__link--vstupenky:hover,
.zapasy-carousel > div.zapas--current .zapas__link--vstupenky:focus{
  background: var(--dk-zlta-tmava) !important;
  color: var(--dk-bordo) !important;
  box-shadow: 0 14px 30px -12px rgba(252,213,0,.4);
  transform: translateY(-2px);
}
/* tmavé PREVIEW naopak zožltne */
.zapasy-carousel > div.zapas--current .zapas__link--clanok{
  transition: background .2s, color .2s, transform .2s;
}
.zapasy-carousel > div.zapas--current .zapas__link--clanok:hover{
  transform: translateY(-2px);
}
.zapasy-carousel > div.zapas--current .zapas__link--clanok{
  background: rgba(0,0,0,.28);
}
/* predchádzajúci a nasledujúci zápas - prechod z bledšej bordovej do tmavej,
   rovnaký smer ako hlavná karta */
.zapasy-carousel > div.zapas--next,
.zapasy-carousel > div.zapas--prev{
  background: linear-gradient(155deg, var(--dk-bordo-2) 0%, var(--dk-bordo-deep) 100%);
  box-shadow: 0 20px 44px -24px rgba(0,0,0,.7);
  /* tlačidlo sedí napevno pri spodku - väčšie logá potrebujú vyhradené miesto */
  padding-bottom: 84px;
}
/* pravá karta má prechod otočený - svetlá časť vpravo dole */
.zapasy-carousel > div.zapas--next{
  background: linear-gradient(245deg, var(--dk-bordo-2) 0%, var(--dk-bordo-deep) 100%);
}
/* hlavičky bočných kariet ako na strednej - nadpis žltý vľavo, typ ako štítok vpravo hore */
.zapasy-carousel > div.zapas--prev .zapas__nadpis,
.zapasy-carousel > div.zapas--next .zapas__nadpis{
  text-align: left;
  color: var(--dk-zlta);
  font-weight: 700;
  letter-spacing: .05em;
  font-size: 17px;
}
.zapasy-carousel > div.zapas--prev .zapas__typ,
.zapasy-carousel > div.zapas--next .zapas__typ{
  position: absolute;
  top: 22px;
  right: 20px;
  margin: 0;
  padding: 6px 14px;
  background: rgba(0,0,0,.28);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  color: rgba(255,244,248,.8);
  font-size: 13px;
}

/* dátum v karte „Ďalší zápas" ako na strednej - veľký čas, žltý dátum pod ním */
.zapasy-carousel > div.zapas--next .zapas__datum-wrap{
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  gap: 6px;
  margin-top: 6px;
}
.zapasy-carousel > div.zapas--next .zapas__cas{
  font-family: 'Saira Extra Condensed', sans-serif;
  font-size: 38px;
  font-weight: 800;
  line-height: 1;
  color: #FFFFFF;
}
.zapasy-carousel > div.zapas--next .zapas__datum{
  font-size: 15px;
  font-weight: 400;
  color: var(--dk-zlta-soft);
  text-transform: none;
}

/* skóre s logami v karte „Posledný zápas" kúsok nižšie od hlavičky */
.zapas--prev .zapas__tim_wrap{
  margin-top: 14px;
}

/* záplata so skóre sedí na okrajovej čiare - farba zhruba v strede prechodu */
.zapas--prev .zapas__tim_wrap .zapas__typ-skore{
  background: #500A22;
  color: var(--dk-zlta);
}
.zapas--prev .zapas__tim_wrap .zapas__tim:first-child{
  border-bottom: 1px solid var(--dk-bordo);
}
/* tlačidlá v kartách */
.zapasy-carousel .zapas__link{
  background: rgba(0,0,0,.28);
  transition: background .2s, color .2s;
}
.zapasy-carousel > div.zapas--next .zapas__link,
.zapasy-carousel > div.zapas--prev .zapas__link{
  background: rgba(115,0,55,.55);
}
.zapasy-carousel .zapas__link:hover{
  background: var(--dk-zlta);
  color: var(--dk-bordo);
}
/* tlačidlá v bočných kartách (DETAIL, VSTUPENKY) ostávajú tmavé,
   pri prejdení myšou sa im rozsvieti text na žlto */
.zapasy-carousel > div.zapas--prev .zapas__link,
.zapasy-carousel > div.zapas--next .zapas__link{
  transition: background .2s, color .2s, box-shadow .2s, transform .2s;
}
.zapasy-carousel > div.zapas--prev .zapas__link:hover,
.zapasy-carousel > div.zapas--prev .zapas__link:focus,
.zapasy-carousel > div.zapas--next .zapas__link:hover,
.zapasy-carousel > div.zapas--next .zapas__link:focus{
  background: rgba(115,0,55,.7);
  color: var(--dk-zlta-soft);
  box-shadow: none;
  transform: none;
}

/* karty vedľa seba: stredná dominantná, ľavá a pravá rovnako vysoké
   a vycentrované (na mobile sa skladajú pod seba) */
@media (min-width: 993px){
  .zapasy-carousel{
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .zapasy-carousel > div,
  .zapasy-carousel > div.zapas--next,
  .zapasy-carousel > div.zapas--prev,
  .zapasy-carousel > div.zapas--current{
    float: none;
    margin-top: 0;
    min-height: 0;
  }
  .zapasy-carousel > div.zapas--next,
  .zapasy-carousel > div.zapas--prev{
    min-height: 372px;
    padding-bottom: 24px;
  }
}

/* na úzkej obrazovke sa karta zúži - menšie logá a bočné odsadenie */
@media (max-width: 767px){
  .zapasy-carousel .zapas__logo,
  .zapas--prev .zapas__tim_wrap .zapas__logo,
  .zapas--next .zapas__tim .zapas__logo{
    width: 64px;
    height: 64px;
  }
  .zapasy-carousel > div.zapas--current .zapas__tim_wrap{
    padding: 0;
  }
  .zapasy-carousel > div.zapas--current .zapas__cas{
    font-size: 34px;
  }
  .zapasy-carousel > div.zapas--current .zapas__datum{
    font-size: 12.5px;
  }
  .zapasy-carousel > div.zapas--current .zapas__tim-nazov{
    font-size: 13px;
  }
  /* na úzkej karte nech dlaždice odpočtu vyplnia šírku */
  .zapasy-carousel > div.zapas--current .zapas__count{
    grid-template-columns: repeat(4, 1fr);
    gap: 7px;
  }
}

/* veľké CTA pod karuselom (Kalendár zápasov) - žlté so žiarou ako v appke */
.calendar-carousel a{
  background: var(--dk-zlta);
  color: var(--dk-bordo) !important;
  box-shadow: 0 14px 30px -12px rgba(252,213,0,.55);
  transition: background .2s, color .2s, box-shadow .2s, transform .2s;
}
/* pri prejdení myšou žlté tlačidlo len jemne stmavne */
.calendar-carousel a:hover,
.calendar-carousel a:focus{
  background: var(--dk-zlta-tmava) !important;
  color: var(--dk-bordo) !important;
  box-shadow: 0 14px 30px -12px rgba(252,213,0,.4);
  transform: translateY(-2px);
}

/* ---------- všeobecné tlačidlá (Viac aktualít, e-shop…) ---------- */
.btn{
  background: linear-gradient(155deg, var(--dk-bordo) 0%, var(--dk-bordo-dark) 70%);
  box-shadow: 0 16px 34px -16px rgba(115,0,55,.75);
  transition: background .25s ease, color .25s ease;
}
/* jemný hover - tlačidlo sa len presvetlí a text zožltne, žiadny preblik */
.btn:hover,
.btn:focus{
  background: linear-gradient(155deg, var(--dk-bordo-2) 0%, var(--dk-bordo) 70%);
  color: var(--dk-zlta-soft) !important;
  box-shadow: 0 16px 34px -16px rgba(115,0,55,.75);
}

/* ---------- e-shop dlaždice - z bielych kariet tmavé presklené ---------- */
#block-web-views-block-e-shop-produkty-block-1 .views-row > .views-field-fieldset{
  background: var(--dk-karta);
  transition: background .2s;
}
#block-web-views-block-e-shop-produkty-block-1 .views-row:hover > .views-field-fieldset{
  background: rgba(252,213,0,.08);
}
/* názov vycentrovaný v pevnej výške - jednoriadkový aj dvojriadkový sedí rovnako */
#block-web-views-block-e-shop-produkty-block-1 .views-row .views-field-title a{
  color: var(--dk-biela);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: -10px;
}
#block-web-views-block-e-shop-produkty-block-1 .views-row .views-field-field-cena{
  background: linear-gradient(155deg, var(--dk-bordo), var(--dk-bordo-dark));
}
#block-web-views-block-e-shop-produkty-block-1 .views-row .views-field-field-odkaz-1 .field-content a{
  box-shadow: 0 10px 22px -10px rgba(252,213,0,.6);
}
/* ---------- fanshop na mobile ----------
   Téma necháva na úzkej obrazovke tri dlaždice v rade po 125 px: názov
   sa láme po jednom slove, cena je širšia než dlaždica a všetko sa rozsype.
   Na mobile idú produkty po dvoch, s menším písmom a cenou vedľa košíka. */
@media (max-width: 767px){
  #block-web-views-block-e-shop-produkty-block-1 .view-content{
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
  }
  #block-web-views-block-e-shop-produkty-block-1 .views-row{
    width: 50% !important;
    float: none;
    display: flex;
    padding: 0 5px;
    margin-bottom: 14px;
  }
  #block-web-views-block-e-shop-produkty-block-1 .views-row > .views-field-fieldset{
    display: block;
    width: 100%;
    padding: 10px;
  }
  /* obrázok, názov, cena a košík ako mriežka - cena vedľa košíka */
  #block-web-views-block-e-shop-produkty-block-1 .views-row > .views-field-fieldset > .field-content > div{
    display: grid;
    grid-template-columns: 1fr 34px;
    grid-gap: 6px;
    align-items: center;
  }
  #block-web-views-block-e-shop-produkty-block-1 .views-row .views-field-field-obrazokeshop,
  #block-web-views-block-e-shop-produkty-block-1 .views-row .views-field-title{
    grid-column: 1 / -1;
  }
  /* obrázky majú rôzne pomery strán, preto pevná výška rámu - inak sa ceny
     v riadku rozídu o pár pixelov */
  #block-web-views-block-e-shop-produkty-block-1 .views-row .views-field-field-obrazokeshop{
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
  }
  #block-web-views-block-e-shop-produkty-block-1 .views-row .views-field-field-obrazokeshop .field-content{
    height: 100%;
    display: flex;
    align-items: center;
  }
  #block-web-views-block-e-shop-produkty-block-1 .views-row .views-field-field-obrazokeshop img{
    max-width: 100%;
    max-height: 160px;
    width: auto;
    height: auto;
    object-fit: contain;
  }
  /* miesto vždy na dva riadky názvu, aby ceny v riadku lícovali;
     dlhší názov sa oreže tromi bodkami */
  #block-web-views-block-e-shop-produkty-block-1 .views-row .views-field-title a{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 6px;
    font-size: 14.5px;
    line-height: 1.25;
    height: 36px;
    min-height: 36px;
  }
  #block-web-views-block-e-shop-produkty-block-1 .views-row .views-field-field-cena{
    grid-column: 1;
    margin: 0;
    min-width: 0;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    padding: 0 8px;
  }
  #block-web-views-block-e-shop-produkty-block-1 .views-row .views-field-field-odkaz-1{
    grid-column: 2;
    margin: 0;
  }
  #block-web-views-block-e-shop-produkty-block-1 .views-row .views-field-field-odkaz-1 .field-content a{
    width: 34px;
    height: 34px;
    background-size: 18px;
  }
}

/* Pohľad vracia 6 produktov. Na počítači sa ich do riadku zmestí päť,
   šiesty by ostal sám na druhom riadku, preto sa tam skryje.
   Na mobile idú produkty po dvoch, takže 6 vyplní tri celé riadky. */
@media (min-width: 768px){
  #block-web-views-block-e-shop-produkty-block-1 .views-row:nth-child(6){
    display: none;
  }
}

/* ---------- formulár odberu noviniek - zo šedej bordová scéna ---------- */
#block-web-webform-2{
  background:
    radial-gradient(560px 380px at 50% -8%, rgba(115,0,55,.9), transparent 66%),
    linear-gradient(180deg, var(--dk-ink-2), var(--dk-ink) 40%);
  box-shadow: 0 30px 60px -25px rgba(0,0,0,.8);
}
#block-web-webform-2 input[type=text]{
  background: rgba(255,255,255,.08);
  color: var(--dk-biela);
}
#block-web-webform-2 form #edit-actions button{
  background: var(--dk-zlta);
  color: var(--dk-bordo) !important;
  box-shadow: 0 14px 30px -12px rgba(252,213,0,.55);
}
#block-web-webform-2 form #edit-actions button:hover{
  background: var(--dk-zlta-soft) !important;
  color: var(--dk-bordo) !important;
}

/* Na mobile bolo tlačidlo v pôvodnej veľkosti 30 px/55 px a téma ho drží
   absolútne pri pravom okraji, takže leželo cez políčko s e-mailom.
   Na úzkej obrazovke ide pod políčko cez celú šírku. */
@media (max-width: 767px){
  #block-web-webform-2{
    padding: 26px 18px 30px;
  }
  #block-web-webform-2 > h2{
    display: block;
    margin: 0 0 14px;
    font-size: 24px;
    text-align: center;
  }
  #block-web-webform-2 form{
    display: block;
    width: 100%;
    margin-left: 0;
  }
  #block-web-webform-2 input[type=text]{
    width: 100%;
    height: 46px;
    font-size: 20px;
  }
  #block-web-webform-2 .form-item-suhlasim-so-spracovanim-osobnych-udajov{
    position: static;
    margin-top: 12px;
  }
  #block-web-webform-2 #edit-actions{
    position: static;
    right: auto;
    margin-top: 10px;
  }
  #block-web-webform-2 form #edit-actions button{
    width: 100%;
    height: 46px;
    padding: 4px 18px;
    font-size: 22px;
  }
}

/* ==========================================================================
   NÁPIS DUKLA TRENČÍN V HLAVIČKE NA MOBILE
   Vedľa erbu ostávalo prázdne miesto - dopĺňa ho klubový nápis ako SVG
   (vektor, ostrý na každej obrazovke, vložený priamo v CSS, nič sa
   nedoťahuje zo servera). Na počítači je v hlavičke menu, tam sa nezobrazí.
   ========================================================================== */
@media (max-width: 991px){
  /* Nápis sa umiestňuje voči celej lište (.navbar-default je fixed, takže je
     vzťažným rámcom) - nie voči .navbar-header, ktorá je užšia aj nižšia.
     Vďaka tomu sedí presne v strede lišty vodorovne aj zvislo. */
  .navbar-default .navbar-header::after{
    content: '';
    position: absolute;
    /* +5 px - opticky sadne lepšie k erbu a hamburgeru než matematický stred */
    top: calc(50% + 5px);
    left: 50%;
    transform: translate(-50%, -50%);
    /* logo Trenčianski vojaci má pomer 4,34:1 */
    width: 108px;
    height: 25px;
    opacity: 1;
    /* rovnaký čas ako má téma na zmenšovanie loga (0,3 s), inak nápis zmizne
       skôr než sa dohýbe erb a pôsobí to ako trhnutie */
    transition: opacity .3s ease;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 91419.74 21065.76'%3E%3Cpath fill='%23FCD500' fill-rule='nonzero' d='M67922.65 10185.45l0 2631.25 -3370.89 0 0 -2631.25c1468.57,0 1902.32,0 3370.89,0zm23497.09 4353.01l-19290.7 0 0 -721.76 19290.7 0 0 721.76zm-4994.86 2128.7l-14295.84 0 0 -721.76 14295.84 0 0 721.76zm-86424.89 -2128.7l19290.67 0 0 -721.76 -19290.67 0 0 721.76zm4994.82 2128.7l14295.85 0 0 -721.76 -14295.85 0 0 721.76zm39775.64 4398.57l0 0.04 -1200.89 0 0 -0.04 0 -2654.86 516.31 0 0 -5594.17 -516.31 0 0 -2631.21 0 -0.04c1064.9,0 2129.95,0 3194.85,0 0,3133.62 0,6267.17 0,9400.79l-1481.47 1479.49 -512.49 0zm-16358.53 -118.23l2239.28 -10762.05 -2857.81 0 -699.96 3705.83 1318.49 7056.22zm-3069.08 99.07l-2259.72 -10861.12 2857.81 0 2029.45 10861.12 -2627.54 0zm9476.03 19.16l-1713.34 0 -1481.51 -1479.49 0 -7909.38 1493.35 -1491.41 1701.5 0 0 2631.25 -445.22 0 0 5594.17 445.22 0 0 2654.86zm2165.1 -10880.28l1481.62 1479.64 0 7921.15 -1481.62 1479.49 -1713.26 0 0 -2654.86 516.31 0 0 -5594.17 -516.31 0 0 -2631.25 1713.26 0zm6133.75 10880.28l-1713.33 0 -1481.48 -1479.49 0 -2355.92 2749.66 0 0 1180.55 445.15 0 0 2654.86zm6868.9 -10880.28l-2259.72 10861.12 2857.81 0 2029.41 -10861.12 -2627.5 0zm3069.05 99.07l2239.27 10762.05 -2857.89 0 -699.84 -3705.71 1318.46 -7056.34zm6392.01 10781.21l-1713.34 0 -1481.47 -1479.49 0 -7909.38 1493.28 -1491.41 1701.53 0 0 2631.25 -445.15 0 0 5594.17 445.15 0 0 2654.86zm3646.65 -3835.41l0 2355.92 -1481.51 1479.49 -1713.34 0 0 -2654.86 516.31 0 0 -1180.55 2678.54 0zm-1481.47 -7044.87l1481.47 1479.64 0 2434.18 -2678.54 0 0 -1282.6 -516.23 0 0 -2631.22 1713.3 0zm6309.79 3083.1l0 5142.32 516.3 0 0 2654.86c-1468.53,0 -2418.62,0 -3887.19,0l0 -2654.86 516.31 0 0 -5142.32 2854.58 0z'/%3E%3Cpath fill='%23FCD500' fill-rule='nonzero' d='M18073.86 7136.47l2537.32 0 0 -925.18 -751.16 0 0 -4204.47 1117.58 0 0 952.62 980.07 0 0 -1850.35 -5230.39 0 0 1850.35 980.15 0 0 -952.62 1117.55 0 0 4204.47 -751.12 0 0 925.18zm54220.19 0l2500.69 0 0 -925.18 -732.8 0 0 -4176.99 732.8 0 0 -925.21 -2500.69 0 0 925.21 732.85 0 0 4176.99 -732.85 0 0 925.18zm-28246.46 -7136.47l-1199.96 879.38 -1200 -879.38 -421.36 485.51 651.65 647.99c-1290.13,377.5 -2219.13,1517.43 -2219.13,2989.28 0,1877.88 1328.18,3123.64 3187.7,3123.64 961.8,0 1831.96,-393.91 2418.28,-1044.26l-687.05 -714.5c-448.84,485.47 -1025.86,796.92 -1731.23,796.92 -1273.29,0 -2116,-961.84 -2116,-2170.94 0,-1223.15 852.69,-2106.7 1981.56,-2150.77l267.88 3.24c447.08,26.1 738.11,147.92 892.43,269.74 -36.62,73.2 -64.07,192.32 -64.07,311.49 0,393.83 283.92,650.35 696.19,650.35 375.51,0 659.52,-302.36 659.52,-742.03 0,-535.89 -512.53,-1076.71 -1347.58,-1321.36l652.49 -648.79 -421.32 -485.51zm27880.7 1109.09l-64.06 0 -2592.34 0 0 906.9 686.97 0 -2024.32 2042.68 0 -2042.68 751.07 0 0 -906.9 -2473.25 0 0 925.21 687.1 0 0 4176.99 -687.1 0 0 925.18 2473.25 0 0 -925.18 -751.07 0 0 -970.93 870.11 -851.93 1676.34 2748.04 1447.3 0 0 -925.18 -796.95 0 -1538.82 -2519 1685.43 -1657.99 586.28 0 64.06 0 0 -925.21zm-8248.11 6137.33c1236.58,0 2125.09,-650.35 2125.09,-1795.34 0,-1117.58 -815.22,-1493.1 -1896.14,-1877.88 -604.55,-219.81 -1108.37,-439.66 -1108.37,-934.31 0,-439.66 348.11,-741.94 943.48,-741.94 375.61,0 632.08,82.38 796.92,183.15 -36.62,73.33 -64.07,137.4 -64.07,283.92 0,302.32 238.13,613.77 659.53,613.77 348.11,0 613.68,-247.34 613.68,-677.79 0,-723.72 -870.16,-1300.74 -1996.88,-1300.74 -1218.23,0 -1996.88,751.12 -1996.88,1712.88 0,1117.54 787.74,1474.79 1905.29,1877.88 604.54,210.68 1108.36,448.8 1108.36,943.44 0,522.13 -421.35,815.27 -1080.92,815.27 -393.87,0 -732.76,-100.77 -952.62,-256.52 54.97,-109.9 82.46,-219.81 82.46,-366.38 0,-293.1 -256.47,-595.42 -659.52,-595.42 -375.56,0 -632.04,283.97 -632.04,714.5 0,732.81 961.76,1401.51 2152.63,1401.51zm-3507.75 -82.51l558.75 -18.26 0 -5111.35 659.49 0 0 -925.21 -2418.24 0 0 925.21 751.12 0 0 2857.95 -2967.85 -3783.16 -1566.39 0 0 925.21 687.05 0 0 4176.99 -687.05 0 0 925.18 2445.72 0 0 -925.18 -751.16 0 0 -3233.5 3288.56 4186.12zm-11578.39 -27.44l2317.46 0 0 -916.04 -732.8 0 338.93 -989.29 2253.36 0 338.94 989.29 -696.19 0 0 916.04 2317.55 0 0 -925.18 -522.17 0 -1502.24 -4186.16 659.52 0 0 -916.04 -3407.56 0 0 916.04 659.52 0 -1502.23 4186.16 -522.09 0 0 925.18zm2207.56 -2766.39l842.71 -2372.4 842.72 2372.4 -1685.43 0zm-5166.28 2766.39l2500.7 0 0 -925.18 -732.77 0 0 -4176.99 732.77 0 0 -925.21 -2500.7 0 0 925.21 732.81 0 0 4176.99 -732.81 0 0 925.18zm-7180.24 27.44l558.79 -18.26 0 -5111.35 659.44 0 0 -925.21 -2418.19 0 0 925.21 751.11 0 0 2857.95 -2967.89 -3783.16 -1566.39 0 0 925.21 687.06 0 0 4176.99 -687.06 0 0 925.18 2445.73 0 0 -925.18 -751.12 0 0 -3233.5 3288.52 4186.12zm-10268.48 -27.44l4506.79 0 0 -1722.09 -989.33 0 0 806.05 -1795.33 0 0 -1703.74 1822.82 0 0 -879.34 -1822.82 0 0 -1612.22 1786.2 0 0 806.09 989.28 0 0 -1722.13 -4497.61 0 0 925.21 687.05 0 0 4176.99 -687.05 0 0 925.18zm-5679.27 0l2473.21 0 0 -925.18 -751.12 0 0 -1355.66c128.21,9.13 302.31,9.13 494.64,9.13 119.08,0 238.17,-9.13 366.42,-18.31l1209.06 2290.02 1392.41 0 0 -925.18 -687.05 0 -925.13 -1639.63c659.52,-265.61 1135.81,-861.06 1135.81,-1639.67 0,-1227.41 -989.24,-1822.9 -2372.44,-1822.9l-2335.81 0 0 925.21 687.05 0 0 4176.99 -687.05 0 0 925.18zm2308.33 -3151.09c-329.77,0 -476.29,-9.13 -586.24,-18.35l0 -1932.73 558.75 0c833.58,0 1355.75,302.32 1355.75,934.36 0,632.03 -549.62,1016.72 -1328.26,1016.72z'/%3E%3C/svg%3E") no-repeat center / contain;
    pointer-events: none;
  }
  /* Nápis vybledne hneď pri prvom pohybe stránky - triedu .dukla-zrolovane
     nasadzuje scripts.js už od 1 px posunu. Téma dáva .smaller až neskôr,
     preto sa na ňu nespoliehame. Nápis ostáva na mieste, mení sa len
     priehľadnosť. */
  .navbar-default.dukla-zrolovane .navbar-header::after{
    opacity: 0;
  }
}

/* ==========================================================================
   PARTNERI - skupina „Partner" po troch v rade
   Téma sype logá tejto skupiny po dvoch na každej šírke
   (.page-node-1416 ... .views-row { width: calc(50% - 20px) }).
   Prepíname ju na mriežku: tri stĺpce od 768 px, na telefóne ostávajú dva -
   pri troch by malo logo na úzkej obrazovke šírku palca. Stĺpce a riadky
   oddeľuje vlasová linka; vonkajšie okraje ostávajú bez nej.
   Logá si držia pomer strán - šírka 100 %, výška auto.
   Skupina so 33 logami (silver) sa nemení, tá je po štyroch.
   ========================================================================== */
.view-partneri .partner-group--gold-partner{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
}
/* nadpis „Partner" nesmie sadnúť do stĺpca, ide cez celú šírku */
.view-partneri .partner-group--gold-partner > h3{
  grid-column: 1 / -1;
}

/* Trieda skupiny je zapísaná dvakrát zámerne. Téma má na položky pravidlo
   so štyrmi triedami (.page-node-1416 .view-partneri .partner-group--gold-partner
   .views-row) a to by naše prebilo. Zdvojením sa dostaneme na vyššiu váhu.
   Oproti zapísaniu .page-node-1416 to prežije aj to, keby stránka Partneri
   dostala niekedy iné číslo uzla. */
.view-partneri .partner-group--gold-partner.partner-group--gold-partner > .views-row{
  width: auto;
  margin: 0;
  padding: 20px 16px;
  border-left: 1px solid rgba(0,0,0,.1);
  border-top: 1px solid rgba(0,0,0,.1);
}
.view-partneri .partner-group--gold-partner.partner-group--gold-partner > .views-row img{
  width: 100%;
  height: auto;
  display: block;
}

/* telefón - dva stĺpce, prvý stĺpec a prvý riadok bez linky */
@media (max-width: 767px){
  .view-partneri .partner-group--gold-partner.partner-group--gold-partner > .views-row:nth-child(2n){
    border-left: none;
  }
  .view-partneri .partner-group--gold-partner.partner-group--gold-partner > .views-row:nth-child(-n+3){
    border-top: none;
  }
}

/* od 768 px - tri stĺpce. Číslovanie je posunuté o jedna, lebo prvé dieťa
   skupiny je nadpis h3: prvý stĺpec sú deti 2, 5, 8..., prvý riadok deti 2-4. */
@media (min-width: 768px){
  .view-partneri .partner-group--gold-partner{
    grid-template-columns: repeat(3, 1fr);
  }
  .view-partneri .partner-group--gold-partner.partner-group--gold-partner > .views-row:nth-child(3n+2){
    border-left: none;
  }
  .view-partneri .partner-group--gold-partner.partner-group--gold-partner > .views-row:nth-child(-n+4){
    border-top: none;
  }
}

/* ==========================================================================
   PARTNERI - skupina so 33 logami (silver) po piatich v rade
   Téma ju sype po štyroch na každej šírke (width: calc(25% - 20px)).
   Päť stĺpcov má zmysel len na širokej obrazovke, na užších sa počet znižuje:
     do 991 px .......... 3 stĺpce
     od 992 px .......... 5 stĺpcov
   Nižšie sa už nejde. Strieborný partner musí ostať menší než zlatý, a zlatá
   skupina má na telefóne dva stĺpce - keby ich mala aj strieborná, boli by
   strieborné logá rovnako veľké ako zlaté a poradie dôležitosti by sa
   prevrátilo.
   Linky sú riešené tak, že prvý stĺpec nemá ľavú a prvý riadok hornú.
   Číslovanie je vždy posunuté o jedna, lebo prvé dieťa skupiny je nadpis h3.
   Zdvojená trieda má rovnaký dôvod ako pri zlatej skupine - prebiť pravidlo
   témy naviazané na .page-node-1416.
   ========================================================================== */
.view-partneri .partner-group--silver-partner{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: center;
}
.view-partneri .partner-group--silver-partner > h3{
  grid-column: 1 / -1;
}
.view-partneri .partner-group--silver-partner.partner-group--silver-partner > .views-row{
  width: auto;
  margin: 0;
  padding: 18px 14px;
  border-left: 1px solid rgba(0,0,0,.1);
  border-top: 1px solid rgba(0,0,0,.1);
}
.view-partneri .partner-group--silver-partner.partner-group--silver-partner > .views-row img{
  width: 100%;
  height: auto;
  display: block;
}

/* do 991 px - tri stĺpce, aj na telefóne */
@media (max-width: 991px){
  .view-partneri .partner-group--silver-partner.partner-group--silver-partner > .views-row:nth-child(3n+2){
    border-left: none;
  }
  .view-partneri .partner-group--silver-partner.partner-group--silver-partner > .views-row:nth-child(-n+4){
    border-top: none;
  }
}

/* od 992 px - päť stĺpcov */
@media (min-width: 992px){
  .view-partneri .partner-group--silver-partner{
    grid-template-columns: repeat(5, 1fr);
  }
  .view-partneri .partner-group--silver-partner.partner-group--silver-partner > .views-row:nth-child(5n+2){
    border-left: none;
  }
  .view-partneri .partner-group--silver-partner.partner-group--silver-partner > .views-row:nth-child(-n+6){
    border-top: none;
  }
}

/* ==========================================================================
   PARTNERI - hlavný partner, menej prázdna hore aj dole
   Logo hlavného partnera je nahraté ako obrázok 1280×720, ale samotná
   značka v ňom zaberá len riadky 264-455 (192 px). Zvyšok, teda 37 %
   hore a 37 % dole, je prázdna plocha zapečená v súbore - na stránke to
   pri šírke 1110 px robilo 458 px prázdna.
   Orezávame ju cez aspect-ratio + object-fit: cover. Zobrazí sa stredný
   pás zdroja (riadky 180-540), v ktorom je logo celé a ešte s rezervou
   84 px na každej strane. Logo sa nedeformuje - cover zväčšuje rovnomerne,
   pomer strán samotnej značky ostáva.
   POZOR: orez je nastavený na tento obrázok. Keby klub nahral logo hlavného
   partnera, ktoré vyplní viac výšky, treba pomer 1280/360 uvoľniť.
   ========================================================================== */
.view-partneri .partner-group--hlavny-partner img{
  aspect-ratio: 1280 / 360;
  object-fit: cover;
  object-position: center;
  display: block;
  /* o 15 % menšie než šírka stĺpca, vodorovne v strede */
  width: 85%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

/* Nadpisy nad hlavným partnerom a pod ním. Trieda je zdvojená, aby pravidlo
   prebilo náš vlastný predpis pre nadpisy podstránok (margin: 22px 0 10px
   plus padding-top 30px), ktorý je v tomto súbore vyššie. */
.view-partneri .partner-group--hlavny-partner.partner-group--hlavny-partner > h3{
  margin-top: 12px;
  padding-top: 0;
  margin-bottom: 6px;
}
/* nadpis „Partner" drží miesto pod logom hlavného partnera.
   Pod textom je 40 px medzera - položky mriežky majú navyše vlastný
   vnútorný odstup 20 px, takže k hornej hrane loga je to 60 px. */
.view-partneri .partner-group--gold-partner.partner-group--gold-partner > h3{
  margin-top: 12px;
  padding-top: 0;
  margin-bottom: 40px;
}

/* Téma dáva každému nadpisu skupiny partnerov vodorovnú linku
   (.view-partneri h3 { border-top: 1px solid #cfcfcf }). Rušíme ju na
   všetkých troch - sekcie od seba oddeľuje nadpis a odstup, čiara navyše
   len sekala stránku. */
.view-partneri .partner-group > h3{
  border-top: none;
}

/* Prázdne bunky, ktorými skript dorovnáva posledný rad mriežky partnerov.
   Bez `stretch` by mali nulovú výšku a zvislá linka by sa nenakreslila. */
.view-partneri .dukla-vypln{
  align-self: stretch;
}

/* Nadpis striebornej skupiny má rovnaké odstupy ako zlatá - hore aj dole.
   Položky mriežky majú navyše vlastný vnútorný odstup 18 px, takže k hornej
   hrane loga je to 58 px. */
.view-partneri .partner-group--silver-partner.partner-group--silver-partner > h3{
  margin-top: 12px;
  padding-top: 0;
  margin-bottom: 40px;
}

/* ==========================================================================
   VÝPIS ČLÁNKOV - perex zarovnaný s názvom
   Názov článku je v „Sade polí", ktorá je o 40 px užšia než karta, kým perex
   je mimo nej a išiel na plnú šírku fotky. Text tak začínal o 20 px viac
   vľavo než názov nad ním. Dopĺňame rovnaké odsadenie, aby názov aj perex
   stáli v jednej línii. Fotka ostáva cez celú šírku karty.
   Platí len od 1200 px - téma bočné odsadenie sady polí pod touto hranicou
   ruší (@media max-width: 1199px, padding: 20px 0), takže na tablete a
   telefóne je názov na plnú šírku a perex musí byť tiež.
   ========================================================================== */
@media (min-width: 1200px){
  #block-web-views-block-duplicate-of-aktuality-block-1 .views-field-field-uvodny-text,
  #block-web-views-block-duplicate-of-aktuality-block-2 .views-field-field-uvodny-text,
  #block-web-views-block-duplicate-of-aktuality-block-1 .views-field-body,
  #block-web-views-block-duplicate-of-aktuality-block-2 .views-field-body{
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* ==========================================================================
   HERO OBRÁZOK NA PODSTRÁNKACH - koniec prečnievania
   Téma dáva obalu obrázka zámerné vysunutie:
     .obrazokwrapper { margin-left: -45px; width: calc(100% + 90px) }
   Má to zmysel na spravodajskom článku a na stránke hráča, kde na obrázku
   leží nadpis (.page-header s tmavým pásom) - obrázok je tam hero pás a
   presahuje bielu plochu zámerne.
   Na bežných podstránkach ale nadpis na obrázku neleží a obrázok potom len
   vylieza z bieleho podkladu o 15 px na každej strane. Platí to v oboch
   rozloženiach - s bočným menu (section.col-sm-9) aj bez neho
   (section.col-sm-12.sectionmain), preto sa neviažeme na rozloženie ani na
   číslo uzla, ale na to, či je v obale nadpis.
   Prehliadač bez podpory :has() pravidlo preskočí a ostane pôvodný stav.
   ========================================================================== */
.obrazokwrapper:not(:has(.page-header)){
  margin-left: 0;
  width: 100%;
}

/* ==========================================================================
   TAPETY NA MOBIL (/tapety-na-mobil, menu MLÁDEŽ)
   Telo stránky má textový formát „HTML bez editora", takže triedy aj atribút
   download prežijú a netreba sa viazať na číslo uzla ani doplňovať skript.
   Mriežka: štyri tapety v rade, na telefóne dve. Stránka má bočné menu,
   takže obsah je široký okolo 790 px a karta vyjde na 166 px - Erik si
   štyri v rade vyžiadal vedome 2. 8. 2026.
   ========================================================================== */
.tapety__popis{
  margin: 0 0 22px;
}
.tapety__zoznam{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 767px){
  .tapety__zoznam{ grid-template-columns: repeat(2, 1fr); gap: 14px; }
}

/* Pravidlá pre zoznamy z inej sekcie by tu spravili odrážky a linky,
   preto ich na tejto mriežke rušíme. */
.tapety__zoznam .tapeta{
  border: 1px solid #e6e6e9;
  border-radius: 10px;
  overflow: hidden;
  padding: 0;
  background: #fff;
  display: flex;
  flex-direction: column;
}
.tapety__zoznam .tapeta::before{ display: none; }

/* height: auto je nutné - atribút height="2560" v HTML sa inak správa ako
   výška v CSS a obrázok vyrastie na 2560 px. Pomer strán drží tvar telefónu
   ešte pred načítaním, takže sa mriežka pri načítavaní nerozskáče. */
.tapeta__obrazok{
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1360 / 2560;
  object-fit: cover;
  background: var(--dk-bordo-dark);
}
.tapeta__spodok{
  display: flex;
  flex-direction: column;
  gap: 7px;
  padding: 10px 12px 12px;
}
.tapeta__nazov{
  font-family: 'Saira Extra Condensed', sans-serif;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.1;
  color: #16060E;
}
.tapeta__rozmer{
  font-size: 14px;
  color: #6b6b6b;
  line-height: 1.2;
}
.tapeta__tlacidlo{
  display: block;
  text-align: center;
  background: var(--dk-zlta);
  color: var(--dk-bordo);
  font-family: 'Saira Extra Condensed', sans-serif;
  font-size: 19px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .03em;
  text-decoration: none;
  padding: 9px 10px;
  border-radius: 6px;
  transition: background .2s;
}
.tapeta__tlacidlo:hover,
.tapeta__tlacidlo:focus{
  background: var(--dk-zlta-tmava);
  color: var(--dk-bordo);
  text-decoration: none;
}

/* poznámka pre iPhone - tam sa obrázok otvorí a ukladá sa podržaním prsta */
.tapety__rada{
  margin: 24px 0 0;
  padding: 12px 14px;
  border-left: 3px solid var(--dk-zlta);
  background: #faf7f8;
  line-height: 1.55;
}

/* ==========================================================================
   STRÁNKA ZÁPASU - preč s kartou „Posledný zápas"
   Téma vypisuje na detaile zápasu karusel s jedinou kartou „Posledný zápas"
   so skóre 0:0. Na stránke konkrétneho zápasu nedáva zmysel - mieša sa
   s údajmi zápasu, ktorý si návštevník práve otvoril.
   Platí len pre typ obsahu zápas; na úvodnej stránke karusel ostáva.
   ========================================================================== */
body.node-type-zapas .zapasy-carousel{
  display: none;
}

/* ==========================================================================
   FANSHOP NA ÚVODE - dočasne bez klikania
   E-shop ešte nefunguje a všetky odkazy v bloku (produkty, košíky aj
   tlačidlo „Prejsť do fanshopu") vedú na starý web hkduklatrencin.sk/shop/.
   Blok teda necháme zobrazený, ale neklikateľný.
   Až e-shop nabehne, stačí zmazať toto jedno pravidlo.
   ========================================================================== */
#block-web-views-block-e-shop-produkty-block-1{
  pointer-events: none;
}
/* kurzor sa nad kartami nesmie meniť na ruku, inak to zvádza na klik */
#block-web-views-block-e-shop-produkty-block-1 a,
#block-web-views-block-e-shop-produkty-block-1 button{
  cursor: default;
}

/* Tlačidlo DETAIL v karte „Posledný zápas" - dočasne skryté (2. 8. 2026).
   Viedlo na stránku zápasu, ktorá ešte nie je pripravená. Tlačidlo PREVIEW
   v strednej karte „Najbližší zápas" ostáva, to je iný odkaz. */
.zapasy-carousel .zapas--prev .zapas__link--clanok{
  display: none;
}

/* ==========================================================================
   HRA „ZAHRAJ SI S ČAKYM" - rámec s hrou
   Predpis bol pôvodne vložený priamo v tele stránky (/zahraj-si-s-cakym)
   ako <style>. Drupal z neho vyrábal popis stránky pre Google, takže vo
   výsledkoch vyhľadávania sa namiesto textu zobrazoval kus CSS kódu.
   Preto je odtiaľ presunutý sem.
   Na počítači je rámec na šírku 16:9 a vycentrovaný, na telefóne na výšku
   a od kraja po kraj - vystúpi z odsadenia obsahu.
   ========================================================================== */
.dukla-hra-ramec{
  display: block;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  aspect-ratio: 16 / 9;
  border: 0;
}
@media (max-width: 767px){
  .dukla-hra-ramec{
    aspect-ratio: 3 / 4;
    max-width: none;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }
}