/* =====================================================================
   Bootstrap 3 -> Bootstrap 5 kompatibilní třídy
   Šablony v app/view používají historicky třídy z Bootstrap 3 (col-xs-*,
   hidden-xs, pull-left, offsety, panel ...). Tento soubor je mapuje na
   Bootstrap 5 grid, aby staré šablony fungovaly beze změny.
   Načítá se hned po bootstrap.min.css a před layout.css.
   ===================================================================== */

/* --- grid: col-xs-* (BS3 mobile-first; nad 768 px přebírají col-sm/md/lg z Bootstrap 5,
   proto jen do 767 px – jinak by .col-xs-12 přebilo .col-lg-6) --- */
@media (max-width:767.98px){
  .col-xs-1{flex:0 0 auto;width:8.33333333%}
  .col-xs-2{flex:0 0 auto;width:16.66666667%}
  .col-xs-3{flex:0 0 auto;width:25%}
  .col-xs-4{flex:0 0 auto;width:33.33333333%}
  .col-xs-5{flex:0 0 auto;width:41.66666667%}
  .col-xs-6{flex:0 0 auto;width:50%}
  .col-xs-7{flex:0 0 auto;width:58.33333333%}
  .col-xs-8{flex:0 0 auto;width:66.66666667%}
  .col-xs-9{flex:0 0 auto;width:75%}
  .col-xs-10{flex:0 0 auto;width:83.33333333%}
  .col-xs-11{flex:0 0 auto;width:91.66666667%}
  .col-xs-12{flex:0 0 auto;width:100%}
  .col-xs-offset-0{margin-left:0}
  .col-xs-offset-1{margin-left:8.33333333%}
  .col-xs-offset-2{margin-left:16.66666667%}
  .col-xs-offset-3{margin-left:25%}
  .col-xs-offset-4{margin-left:33.33333333%}
  .col-xs-offset-6{margin-left:50%}
}

/* --- offsety (BS3 col-*-offset-* = BS5 offset-*) --- */
@media (min-width:768px){
  .col-sm-offset-0{margin-left:0}
  .col-sm-offset-1{margin-left:8.33333333%}
  .col-sm-offset-2{margin-left:16.66666667%}
  .col-sm-offset-3{margin-left:25%}
  .col-sm-offset-4{margin-left:33.33333333%}
  .col-sm-offset-6{margin-left:50%}
}
@media (min-width:992px){
  .col-md-offset-0{margin-left:0}
  .col-md-offset-1{margin-left:8.33333333%}
  .col-md-offset-2{margin-left:16.66666667%}
  .col-md-offset-3{margin-left:25%}
  .col-md-offset-4{margin-left:33.33333333%}
  .col-md-offset-6{margin-left:50%}
}
@media (min-width:1200px){
  .col-lg-offset-0{margin-left:0}
  .col-lg-offset-1{margin-left:8.33333333%}
  .col-lg-offset-2{margin-left:16.66666667%}
  .col-lg-offset-3{margin-left:25%}
  .col-lg-offset-4{margin-left:33.33333333%}
  .col-lg-offset-6{margin-left:50%}
}

/* --- viditelnost --- */
.hidden,.sr-only{display:none!important}
@media (max-width:767.98px){
  .hidden-xs{display:none!important}
}
@media (min-width:768px) and (max-width:991.98px){
  .hidden-sm{display:none!important}
}
@media (min-width:992px) and (max-width:1199.98px){
  .hidden-md{display:none!important}
}
@media (min-width:1200px){
  .hidden-lg{display:none!important}
}
.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none!important}
@media (max-width:767.98px){
  .visible-xs{display:block!important}
  a.visible-xs,span.visible-xs{display:inline-block!important}
}
@media (min-width:768px) and (max-width:991.98px){
  .visible-sm{display:block!important}
}
@media (min-width:992px) and (max-width:1199.98px){
  .visible-md{display:block!important}
}
@media (min-width:1200px){
  .visible-lg{display:block!important}
}

/* --- pomocné třídy --- */
.pull-left{float:left!important}
.pull-right{float:right!important}
.text-left{text-align:left!important}
.text-right{text-align:right!important}
.center-block{display:block;margin-left:auto;margin-right:auto}
.img-responsive{display:block;max-width:100%;height:auto}
.btn-block{display:block;width:100%}
.form-group{margin-bottom:15px}
.well{padding:19px;margin-bottom:20px;background:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px}

/* --- panel (BS3 komponenta, používaná jako karta) --- */
.panel{margin-bottom:20px;background:#fff}
.panel-header,.panel-body{position:relative}