@font-face {
    font-family: 'Prometo';
    src: url('../fonts/subset-Prometo-Bold.eot');
    src: url('../fonts/subset-Prometo-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/subset-Prometo-Bold.woff2') format('woff2'),
        url('../fonts/subset-Prometo-Bold.woff') format('woff'),
        url('../fonts/subset-Prometo-Bold.ttf') format('truetype'),
        url('../fonts/subset-Prometo-Bold.svg#Prometo-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Prometo';
    src: url('../fonts/subset-Prometo.eot');
    src: url('../fonts/subset-Prometo.eot?#iefix') format('embedded-opentype'),
        url('../fonts/subset-Prometo.woff2') format('woff2'),
        url('../fonts/subset-Prometo.woff') format('woff'),
        url('../fonts/subset-Prometo.ttf') format('truetype'),
        url('../fonts/subset-Prometo.svg#Prometo') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'OCRAExtended';
    src: url('../fonts/subset-OCRAExtended.eot');
    src: url('../fonts/subset-OCRAExtended.eot?#iefix') format('embedded-opentype'),
        url('../fonts/subset-OCRAExtended.woff2') format('woff2'),
        url('../fonts/subset-OCRAExtended.woff') format('woff'),
        url('../fonts/subset-OCRAExtended.ttf') format('truetype'),
        url('../fonts/subset-OCRAExtended.svg#OCRAExtended') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body
{
    background: #f4f4f5;
    font-size: 15px;
    font-family: 'Prometo', sans-serif;
    color: var(--color-seda3);
}
/* Header — jemnejsi (regular) font a tmava farba #303233 namiesto ciernej */
.app-navbar { color: #303233; }
.app-navbar .nav-link { color: #303233; }
.app-navbar .nav-link,
.app-navbar .fw-semibold {
    font-weight: 400 !important;
}
/* Hover na menu — cerveny spodny border + cerveny text (astrencin) */
.app-navbar .nav-link {
    border-bottom: 3px solid transparent;
    line-height: 1.3;
    padding-bottom: 3px;
}
.app-navbar .nav-link:hover {
    border-bottom-color: #ba0020;
    color: #ba0020;
}
nav {
    background: #FFF;
    border-bottom: 2px #BA0020 solid;
}
nav a {
    display: block;
    color: var(--color-seda2);
    font: bold 15px/30px 'Prometo', sans-serif;

    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

a {
    text-decoration: none;
    transition: 0.4s;
    font-weight: bold;
    color: #ba0020;
}

.btn-main {
    --bs-btn-color: #ba0020;
    --bs-btn-bg: #FFF;
    --bs-btn-border-color: #ba0020;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #bb2d3b;
    --bs-btn-hover-border-color: #b02a37;
    --bs-btn-focus-shadow-rgb: 225, 83, 97;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #b02a37;
    --bs-btn-active-border-color: #a52834;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #ba0020;
    --bs-btn-disabled-border-color: #ba0020;
}

.btn-outline-main {
    --bs-btn-color: #fff;
    --bs-btn-bg: #ba0020;
    --bs-btn-border-color: #ba0020;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #bb2d3b;
    --bs-btn-hover-border-color: #b02a37;
    --bs-btn-focus-shadow-rgb: 225, 83, 97;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #b02a37;
    --bs-btn-active-border-color: #a52834;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #ba0020;
    --bs-btn-disabled-border-color: #ba0020;
}

/* desktop = nič nemeníme */
.social-mobile-row .btn {
  width: 34px;
  height: 34px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* MOBILE */
@media (max-width: 768px) {

  .social-mobile-row {
    width: 100%;
    justify-content: center;
    margin-top: .5rem;
  }

  .social-mobile-row .btn {
    width: 48px;
    height: 48px;
    font-size: 1.3rem;
    border-radius: 12px;
  }
}


/* Default Bootstrap backdrop */
.modal-backdrop.show {
  opacity: .5;
}

/* Keď je otvorený konkrétne QR modal, sprav backdrop tmavý */
body:has(#qrModal.show) .modal-backdrop.show {
  opacity: .92 !important;
  background: #000 !important;
}

/* Štýl samotného QR modalu */
#qrModal .modal-content{
  background:#fff;
  border:none;
  border-radius:20px;
  box-shadow:0 20px 60px rgba(0,0,0,.45);
}
#qrModal .modal-body{
  padding:2rem;
}

.credit-box{
  background:#fff;
  color:#303233;
  border:1px solid rgba(0,0,0,.12);
  border-radius:12px;
  box-shadow:0 2px 6px rgba(0,0,0,.04);
  transition:.15s ease;
}

.qr-box{
  cursor:pointer;
}
.qr-box:hover{
  background:#f8f9fa;
  transform:translateY(-1px);
}


.cp-fieldset {
    background: #FFF;
}
fieldset legend {
    background: #FFF;
    padding: 10px 15px !important;
    border: 1px solid #dee2e6;
}
.breadcrumb {
    font-size: 12px;
    padding: 15px;
}
.breadcrumb a {
    font: 12px sans-serif !important;
}