/* =====================
   VARIABLES
   ===================== */
:root {
  --color-primary:       #d11;
  --color-primary-light: #a00;
  --color-primary-dark:  #800;
  --color-accent:        #af9778;
  --color-green:         #006F45;
  --color-green-light:   #7E922C;
  --color-green-bright:  #4ea800;
  --color-grey:          #808080;
  --color-grey-border:   #ccc;
  --color-grey-light:    #a9a9a9;
  --color-table-hover:   #eee;
  --color-text:          #333;
  --color-white:         #fff;
  --color-black:         #000;
  --transition-fast:     background 0.3s ease-in-out, color 0.3s ease-in-out;
  --transition-slow:     background 0.5s ease-in-out, color 0.5s ease-in-out;
}

/* =====================
   LOGIN
   ===================== */
.form-login       { margin-top: 1em; }
.display-block    { display: block; padding: 1em 0 0; }
.userInfo i       { margin-left: 5px; margin-right: 3px; }
.cartCell span    { white-space: nowrap; }

/* =====================
   TOP STRIP
   ===================== */
.toplinks         { color: var(--color-white); font-size: 1em; font-weight: 500; background: var(--color-accent); }
.toplinks a       { color: var(--color-black); text-decoration: underline; }
.toplinks a:hover { color: var(--color-white); }
.toplinks span    { margin-left: 15px; white-space: nowrap; }
.toplinks .fa     { color: var(--color-white); }

.info-strip       { position: fixed; top: 0; width: 100%; z-index: 1111111;
                    background: var(--color-primary); text-align: center; color: var(--color-white);
                    border: none; border-bottom: 1px solid var(--color-white); border-radius: 0;
                  }
.info-strip.alert { padding: 5px 15px; }
.info-strip .close        { color: var(--color-white) !important; opacity: .8; right: 0px;  }
.info-strip .close:hover  { opacity: 1; }

/* =====================
   BASE / CONTENT
   ===================== */
body    { font-family: 'Google Sans Flex', arial, sans-serif; color: var(--color-text); font-size: 1.6em; }
header  { background: var(--color-black); }

#lang a           { padding: 2px 4px; margin-left: 1px; font-weight: 400; font-size: 14px; }
#lang a:hover,
#lang a.selected  { color: var(--color-white); background: var(--color-grey); }

.default .content { padding-top: 0; }
.content          { padding-top: 30px; padding-bottom: 60px; }

h1, .h1   { color: var(--color-primary) !important; font-size: 2.5em; font-weight: 500; margin: 0 0 1em; }
h2        { color: var(--color-primary-light); font-weight: 500; font-size: 2em; margin: 1em 0 30px; }
h3, h4    { color: var(--color-primary-light); font-weight: 500; margin-top: 1em; }
.h1 small { font-size: .5em; }

.btgrid h3        { margin-top: 0; }
.btgrid .content  { padding-top: 0; }
.footer-content h3 { color: var(--color-white) !important; }

a,
a:focus   { color: var(--color-primary); outline: 0; }
a:hover   { color: var(--color-primary-dark); outline: 0; }
.content a { text-decoration: underline; }

strong    { font-weight: 600; }

blockquote {
  border: 1px solid var(--color-black);
  border-left-width: 15px;
  border-right-width: 15px;
  border-radius: 15px;
  color: var(--color-black);
  font-weight: 700;
  background: var(--color-white);
  padding: 1em;
  font-size: 1.5em;
  box-shadow: 2px 2px 4px var(--color-grey);
}

.text-danger  { color: #c00; }
ul            { list-style-image: url(/Content/theme/li-check.png); }
.no-gutter    { padding: 0; margin: 0; }

.media_embed iframe   { pointer-events: none; }
.youtube-player       { display: block; max-width: 100%; }

.tooltip .tooltip-inner { background: var(--color-black) !important; color: var(--color-white); }
.textStatic .row > p,
.textStatic .row > ol,
.textStatic .row > ul  { margin-left: 15px; margin-right: 15px; }

/* =====================
   BREADCRUMB
   ===================== */
.breadcrumb   { padding: 0; margin-bottom: 0; background: var(--color-black); border-radius: 0; }
.bc-nav       { color: var(--color-text); padding: 8px 10px; font-size: .9em; }
.bc-nav i     { font-weight: 400; margin: 0 3px; }
.bc-nav a     { text-decoration: underline; }
.bc-nav a:hover { text-decoration: none; }

/* =====================
   MISC
   ===================== */
.aside h4       { font-size: 1.5em; }
.regionItemList { margin-bottom: 30px; }
.regionItem     { margin-top: 15px; }
.more           { display: block; overflow: hidden; padding-bottom: 10px; }
.mb15           { margin-bottom: 30px; }

.blueimp-gallery a            { text-decoration: none; text-shadow: none; font-size: 0; }
.blueimp-gallery > .indicator > li { border: 1px solid var(--color-grey-light) !important; }

#caravan-form     { margin: 3em 0 4em; }
#caravan-form h4  { margin-bottom: 3em; }

/* =====================
   TITLE PAGE
   ===================== */
.default h4 big { margin-bottom: 30px; display: block; color: #600; }

.svg-link a {
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.svg-link a img { height: 100px !important; width: auto; }

/* =====================
   SLIDER
   ===================== */
.bs-slider { background: transparent; }

.slide_style_left   { text-align: left !important; }
.slide_style_right  { text-align: right !important; }
.slide_style_center { text-align: center !important; }

.slide-text {
  position: absolute;
  left: 0; right: 0; top: 10%;
  margin: auto;
  text-align: left;
  padding: 10px 85px;
}

.slide-text > h1 {
  color: var(--color-green-bright) !important;
  background-color: var(--color-white);
  text-shadow: 1px 1px 1px var(--color-black) !important;
  padding: 0 .25em;
  font-size: 40px;
  font-style: normal;
  line-height: 64px;
  margin-bottom: 20px;
  letter-spacing: 1px;
  display: inline-block;
  animation-delay: 0.7s;
  font-weight: 700;
  box-shadow: 2px 2px 1px var(--color-black);
}

.slide-text > p {
  color: var(--color-white);
  font-size: 20px;
  line-height: 24px;
  font-weight: 300;
  margin-bottom: 40px;
  letter-spacing: 1px;
  animation-delay: 1.1s;
}

.claim {
    background: var(--color-white);
    padding: 10px 0 5px;
    color: #ca6;
    font-size: 1.2em;
}

/* =====================
   IMAGES / GALLERY
   ===================== */
.images                   { margin-top: 3em; }
.images .thumbnail        { border-radius: 0; border-color: #666; margin-bottom: 30px; }
.images .thumbnail:focus,
.images .thumbnail:hover  { border-color: #c00; }
.blueimp-gallery h3.title { color: var(--color-white) !important; }

.galleryListSum .thumbnail a,
.images .thumbnail,
.galBody .thumbnail {
  background-size: 140% !important;
  transition: all .25s ease;
}
.galleryListSum .thumbnail a:hover,
.images .thumbnail:hover,
.galBody .thumbnail:hover { background-size: 150% !important; }

.textStatic .img-responsive { width: 100% !important; height: auto !important; margin-bottom: 15px; }

/* =====================
   LEFT CONTENT
   ===================== */
.left-content a               { color: #fc0; }
.left-content a:hover         { color: var(--color-white); }
.left-content .news-item {
    background: var(--color-grey-light);
    padding: 15px;
    margin: 15px 0;
    color: var(--color-black);
}
.left-content h3              { margin-top: 0; color: #fc0 !important; font-size: 1.25em; }
.left-content .gallery-item {
    background: var(--color-grey-light);
    padding: 15px;
    margin: 30px 0 15px;
}
.left-content .gallery-item-content { margin: 15px 0; }

/* =====================
   PANELS
   ===================== */
.panel-default {
    border-radius: 0;
    box-shadow: 0 0 2px var(--color-grey);
    background: var(--color-white);
    border-color: var(--color-green);
}
.panel-default .panel-heading   { border-radius: 0; border-bottom: 1px solid var(--color-green); background: var(--color-white); }
    .panel-default .panel-footer {
        background: none;
        border-top: 1px solid var(--color-grey);
    }
.panel-heading h2         { margin: 0; font-size: 1.25em; }
.panel-heading h2 a       { text-decoration: underline; }
.panel-default ul         { padding-left: 20px; margin-bottom: 0; }
.panel                    { padding: 1em; }
.news .panel              { padding: 0; }
.panel-default.form-login { border-radius: 0; box-shadow: none; background: var(--color-white); border-color: var(--color-white); }
.panel-success            { background: var(--color-green); }
.well                     { border: 2px solid var(--color-green-light) !important; background: var(--color-green); color: var(--color-white); }

/* =====================
   TABLES
   ===================== */
.table           { margin-bottom: 25px; border-color: white; }
.table .table    { border-color: white; margin-bottom: 0; }
table td p       { margin: 0; }

.table-hover > tbody > tr:hover,
.table-hover tr:hover td {
    background: var(--color-table-hover);
    color: var(--color-black);
    border-color: var(--color-grey-border);
}

.table-noborder,
.table-noborder td,
.table-noborder th { border: none !important; }

.downloadTable              { margin: 15px 0; }
.downloadTable th           { border: none !important; }
.downloadTable tr:hover     { background: none !important; }
.downloadTable td {
    border-top: 1px solid var(--color-grey) !important;
}
.dlDate                     { width: 140px; }
td.dlSize                   { width: 100px; text-align: right; }
td.dlHits                   { width: 50px; text-align: right; }
td.dlThumb img              { border-color: #aaa; }
td.dlThumb img:hover        { border-color: #c00; }

table.dataTable thead .sorting_asc  { background-image: url("/Content/theme/sort_asc.png"); }
table.dataTable thead .sorting_desc { background-image: url("/Content/theme/sort_desc.png"); }

.page-7 .textStatic table.table-responsive tr:first-child td {
    background: var(--color-table-hover);
    font-weight: 600;
}
.page-7 .textStatic table.table-responsive tr td:first-child  { font-weight: 600; }

/* =====================
   NEWS
   ===================== */
.newsItem                         { padding: 1em 0; margin: 1em 0 2em; border: 1px solid var(--color-grey-light); }
.newsItem:hover                   { border-color: var(--color-grey); }
.newsItem.news h3,
.newsItem.akce h3                 { margin: 0 0 15px; }
.newsItem.akce,
.listDetail.akce                  { background: var(--color-grey-light); padding: 30px 15px 10px; margin: 0 1px 30px; border: 1px solid var(--color-grey); }
.newsItem.akce .panel-default,
.listDetail.akce .panel-default   { border: none; box-shadow: none; padding: 0; background: none; }
.newsItem.akce .panel-heading,
.listDetail.akce .panel-heading   { border: 0; padding: 0; background: none; }

.news .imgCover,
.akce .imgCover                   { margin-bottom: 1em; }
.news .newsDate,
.akce .newsDate,
.listDetail.news .newsDate,
.listDetail.akce .newsDate        { margin-top: .5em; margin-bottom: .5em; color: #777; }

.newsItem h3 a      { font-weight: 700; }
.newsCover a        { display: block; }
.listDetail         { margin-bottom: 15px; }

.thumbnail          { padding: 0; border-radius: 0; border-color: transparent; background-color: transparent; }
.thumbnail h3       { font-size: 15px; margin-top: 10px; }
.thumbnail h3 a     { color: var(--color-primary-dark); }
.thumbnail:hover    { border-color: var(--color-primary); transition: border 0.5s ease-in-out, color 0.3s ease-in-out; }
.thumbnail:hover h3 a { color: var(--color-primary); }

.news .panel              { border: none; box-shadow: 0 0 5px; padding: 0; margin-bottom: 0; }
.news .panel-default,
.news .panel-heading      { background: none; }
.news .panel-body,
.news .panel-heading      { padding-left: 0; padding-right: 0; border: 0; }
.news .panel-heading      { padding-top: 0; padding-bottom: 0; }
.news .newsCover          { margin-bottom: 1em; float: left; }
.news .newsCover img      { border: 1px solid var(--color-grey); }
.news .share-box,
.newsDetail .share-box    { margin: 2em 0; }

.newsDetail.news .newsPerex,
.newsDetail.akce .newsPerex { font-weight: 400; }

/* =====================
   GALLERY LISTS
   ===================== */
.galleryListSum .thumbnail        { border-color: transparent; }
.galleryListSum .thumbnail:hover a { color: var(--color-black); }
.galleryListSum .caption h5       { margin: 0; font-weight: 600; }
.galleryListSum .caption          { font-size: .9em; text-align: center; }
.galleryDetail h4                 { margin-bottom: 25px !important; }

.galleryListAll .galleryItem      { padding-bottom: 10px; margin-bottom: 15px; }
.galleryListAll .table tr:first-child td,
.galleryDetail  .table tr:first-child td  { color: var(--color-green) !important; font-weight: 600; border: none; }
.galleryListAll .table tr > td:first-child,
.galleryDetail  .table tr > td:first-child { text-align: right; width: 18%; text-transform: uppercase; color: var(--color-grey); }
.galleryListAll .table td         { border: none; padding: .25em .5em; }
.galleryListAll table             { margin-bottom: 0; }
.galleryListAll .foto             { padding-top: 1em; }
.galleryListAll .gal-offset       { width: 18%; }
.galleryDetail  .gal-offset       { width: 0; padding: 0; }

.galleryListAll.reference .galleryItem  { border-bottom: 1px solid #666; }
.galleryListAll.reference .galBody      { padding-top: 15px; }

.galleryListAll .thumbnail,
.galleryDetail  .thumbnail        { border-radius: 0; border-color: #666; margin-bottom: 30px; }
.galleryListAll .thumbnail:hover,
.galleryListAll .thumbnail:focus,
.galleryDetail  .thumbnail:hover,
.galleryDetail  .thumbnail:focus  { border-color: var(--color-green); }

.justified-gallery { margin-top: 1em; margin-bottom: 2em; }

/* =====================
   TAB PANELS
   ===================== */
.nav-tabs a                   { text-decoration: none; }
.nav-tabs                     { border-bottom: 1px solid var(--color-grey); }
.nav-tabs li a                { background: var(--color-grey); color: var(--color-white); border-color: var(--color-grey); }
.nav-tabs li a:hover,
.nav-tabs li.active a,
.nav-tabs li.active a:hover,
.nav-tabs li.active a:focus   { background: #4197c7; color: var(--color-white); border-color: #4197c7; }

/* =====================
   BUTTONS
   ===================== */
label     { font-weight: 600; }
.btn      { text-decoration: none !important; }

/* Sdílené základní styly pro btn-default a btn-primary */
.btn-default, .btn-default:focus,
.btn-primary, .btn-primary:focus {
  color: var(--color-white);
  cursor: pointer;
  font-weight: 400;
  font-size: 13px;
  line-height: 15px;
  text-align: center;
  padding: 17px 30px;
  white-space: nowrap;
  letter-spacing: 1px;
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
  transition: var(--transition-fast);
}

.btn-default, .btn-default:focus { background: var(--color-primary); margin-left: 0; }
.btn-primary, .btn-primary:focus { background: #d22; margin-right: 10px; }

.btn-default:hover,
.btn-default:active { background: var(--color-primary-dark); color: var(--color-white); transition: var(--transition-slow); }

.btn-primary:hover,
.btn-primary:active { background: var(--color-green-bright); color: var(--color-white); }

a.btn-danger,
a.btn-danger:focus  { background: var(--color-grey-light); border-color: var(--color-grey-light); transition: var(--transition-fast); }
a.btn-danger:hover,
a.btn-danger:active { background: var(--color-grey); border-color: var(--color-grey); color: var(--color-white); transition: var(--transition-slow); }

/* =====================
   FORMS
   ===================== */
.form-control       { border-radius: 0; border-color: var(--color-grey-light); }
.form-control:focus {
  outline: none;
  border-color: var(--color-grey);
  box-shadow: inset 0 0 3px rgba(0,0,0,.075), 0 0 8px rgba(100,100,100,1);
}

.popform              { margin-top: 110px; }
.popform textarea.form-control { height: 187px; }
.popform .form-control.required { border-color: var(--color-primary-dark); }

.form-message-success { display: block; padding: 1em; text-align: center; }
.form-message-error   { display: block; padding: 1em 0; color: red; }

/* =====================
   PAGINATION
   ===================== */
.pagination > li > a,
.pagination > li > span {
  color: var(--color-grey) !important;
  background-color: var(--color-white);
  border-color: var(--color-grey-light);
  font-weight: 600;
  border-radius: 0 !important;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: var(--color-white) !important;
  background-color: var(--color-grey-light);
  border-color: var(--color-grey-light);
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background: var(--color-grey);
  border-color: var(--color-grey);
  color: var(--color-white) !important;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: var(--color-grey); !important;
  background-color: var(--color-white);
  border-color: var(--color-grey-light);
  border-radius: 0;
}

.pager li           { margin-bottom: 15px !important; border-radius: 0; }
.pager li a,
.pager li a:focus   { border-color: var(--color-grey); text-decoration: none; transition: var(--transition-slow); }
.pager li a:hover   { background: var(--color-primary-dark); color: var(--color-white); border-color: var(--color-primary-dark); }

/* =====================
   NAVBAR
   ===================== */
.navbar-brand img   { height: 50px; }
.navbar             { min-height: 80px; }
.navbar-nav > li > a { color: var(--color-black) !important; }
.navbar-default     { background: url(/Content/theme/bg_fff_trans_40.png); border: none !important; border-radius: 0; }
.navbar-default .navbar-nav a:hover,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus { background: none; color: var(--color-green-light) !important; }
.navbar-toggle {
  position: relative; float: right;
  padding: 25px 0 0 10px;
  margin: 8px 15px 8px 0;
  background: transparent;
  border: none;
  border-radius: 4px;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { background: none !important; color: var(--color-green) !important; }

/* =====================
   GUESTBOOK
   ===================== */
.gb-form                  { background: var(--color-white); border: 1px solid var(--color-white); padding: 10px 0 15px; margin: 2em 0; }
.gb-form .form-group      { margin: 0 15px; }
.gb-form h3               { margin: 0 15px 15px 30px; font-size: 1em; text-transform: uppercase; font-weight: 400; }
.gb-form .btn-primary     { padding: 10px 15px; }

.gb-list .panel-default       { padding: 0; border-color: var(--color-white) !important; }
.gb-list p                    { background: none; }
.gb-list p:last-child         { margin-bottom: 0; }
.gb-list .panel-heading       { color: #1a56a7; border-bottom: none; }
.gb-list .panel-default:hover { border-color: #1a56a7 !important; }
.gb-list .panel-title         { color: var(--color-black) !important; font-weight: 600; font-size: 1em; text-transform: uppercase; padding: 0; margin-bottom: 10px !important; }
.gb-list .panel-body          { color: var(--color-black); }
.gb-list small                { color: var(--color-black); font-size: .8em; text-transform: uppercase; }

.row.cc           { padding-left: 15px; }
.form-group.cc    { padding-left: 0; margin-bottom: 0 !important; }
.form-control.cc  { padding: 0; background: none !important; border: none; }
.form-control.cc img    { border-radius: 0; }
.form-control.cctext    { width: 100px; }
.gb-result        { margin-bottom: 20px !important; color: var(--color-green); }

/* =====================
   FOOTER
   ===================== */
.footer           { z-index: 1 !important; background: url(/Content/theme/body-bkg-header.jpg) center no-repeat; color: var(--color-white); font-size: .9em; }
.footer .author,
.footer .copy     { padding-top: 5px; }
.footer a         { color: var(--color-grey-light); text-decoration: underline; }
.footer a:hover   { color: #d41015; }
.footer-menu      { text-align: center; padding: 2em 0; }
.footer-menu li   { display: inline; margin: 0 10px; }
.footer .social   { margin-bottom: 2em; }
.footer .social a { margin: 0 .5em; }
.footer-menu .lister ul { padding: 0; }

/* =====================
   LEFT MENU
   ===================== */
.left-menu        { margin: 0 0 15px; padding: 0; }
.left-menu ul     { margin: 0; padding: 0; }
.left-menu li     { list-style: none; }
.left-menu li a   { display: block; padding: .5em 0; text-decoration: none; border-top: 1px solid var(--color-grey-light); }
.left-menu li:first-child a         { border-top: none; }
.left-menu a:hover                  { color: var(--color-black); }
.left-menu ul > li > a              { font-weight: 300; }
.left-menu ul > li:last-child li:last-child > a { border: none; }
.left-menu .selected > a,
.left-menu .selected > a:hover      { color: var(--color-black); }
.left-menu li li a      { padding-left: 20px; }
.left-menu li li li a   { padding-left: 40px; }

.left-menu.affix-top    { position: relative; }
.left-menu.affix        { top: 20px; }
.left-menu.affix,
.left-menu.affix-bottom { width: 213px; position: absolute; }
.left-menu.affix        { position: fixed; }

@media (min-width: 1200px) {
  .left-menu.affix,
  .left-menu.affix-bottom { width: 262.5px; }
}
@media (max-width: 1199px) {
  .left-menu.affix,
  .left-menu.affix-bottom { width: 212.5px; }
}

/* =====================
   BACK TO TOP
   ===================== */
.back-to-top,
.back-to-top:focus {
  cursor: pointer;
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
  z-index: 100000;
  background-color: var(--color-primary-dark) !important;
  color: var(--color-white) !important;
  padding: 0 .75em .25em !important;
  line-height: .5em !important;
  border-radius: 0;
}

/* =====================
   SHOP – FLIP CARD
   ===================== */
.flip {
  perspective: 800px;
  position: relative;
  text-align: center;
}
.flip .card {
  display: block;
  height: 100%;
  transform-style: preserve-3d;
  transition: 0.5s;
}
.flip .card.flipped { transform: rotateY(-180deg); }
.flip .card .face   { backface-visibility: hidden; z-index: 2; }
.flip .card .front  { position: absolute; width: 100%; z-index: 1; }
.flip .card .back   { transform: rotateY(-180deg); }

/* =====================
   SHOP INTRO
   ===================== */
#shop-intro .thumbnail          { padding: 0; margin-bottom: 0; border-color: var(--color-white); border-radius: 0; }
#shop-intro .thumbnail a        { display: block; }
#shop-intro .thumbnail .caption {
  position: absolute; z-index: 1000; bottom: 1px;
  width: 99.5%; margin: 0 auto;
  text-align: center; text-transform: uppercase;
  font-weight: 400; font-size: 1em;
  color: var(--color-black);
  background: url(/Content/images/bg_fff_trans_80.png);
  opacity: 0.7;
  transition: opacity 0.5s ease-in-out;
}
#shop-intro .thumbnail:hover .caption { opacity: 1; }

/* =====================
   SHOP KATALOG
   ===================== */
.itemAction     { background: var(--color-primary-dark); text-transform: uppercase; padding: 4px; margin: 5px 5px 0 0; }
.itemNew        { background: #f90; text-transform: uppercase; padding: 4px; margin: 5px 5px 0 0; }
.price-action   { font-size: 1.25em; font-weight: 600 !important; color: var(--color-primary-dark); padding: 0; margin-right: 5px; }
.price-default  { font-size: 1em;    font-weight: 600 !important; color: var(--color-grey); padding: 0; }
.price-normal   { font-size: 1.25em; font-weight: 600 !important; color: var(--color-black); padding: 0; }

.title-news .thumbnail      { padding: 0; border-radius: 0; }
.title-news .col-md-4,
.title-news .col-md-8       { padding-right: 0; }
.title-news .caption        { padding: 5px 15px 5px 0; }
.title-news h4              { font-size: 14px; margin: 0 0 5px; }

.itemFoto                   { display: block; border: 1px solid var(--color-grey-light); }
.shopItem .thumbnail        { padding: 0 0 10px; border-radius: 0 !important; border: 1px solid var(--color-white); }
.shopItem .thumbnail:hover  { border: 1px solid var(--color-grey); }
.shopItem h3                { font-size: 15px; text-align: center; margin: 0; }
.shopItem .itemCat          { font-size: 12px; text-align: center; padding: .5em; margin: 0; }
.shopItem .spinner          { width: 140px; margin: 0 auto; }
.shopItem .itemPrice        { text-align: center; margin: 10px 0; }
.shopItem .itemActionNew    { position: absolute; top: 1px; left: 18px; }

/* =====================
   SHOP DETAIL
   ===================== */
.detail > div                       { margin-bottom: 25px !important; }
.detail h4,
.shop-item-detail h3                { font-size: 1.25em; color: var(--color-black) !important; }
.detail .thumbnail img              { border: 1px solid var(--color-grey-light); }
.detail .thumbnail:hover img        { border-color: var(--color-grey-light) !important; z-index: 100 !important; }
.detail .thumbnail.no-image img     { opacity: .45; }

.shopItem .itemQty                  { text-align: center; padding: 15px 0 0; }
.shop-item-info .spinner            { width: 260px; margin: 0 auto 0 0; }
.input-group .down .btn             { border-radius: 0 !important; border-right: 0; }
.itemPcs                            { text-align: center; font-weight: bold; font-size: 1.1em; color: var(--color-black); min-height: 28.5px !important; }

.shop-item-info                     { margin-bottom: 30px; }
.shop-item-data .tab-content        { padding: 1em 0; }
.shop-item-data table               { border-collapse: collapse; width: 100% !important; }
.shop-item-data table td            { border: 1px solid var(--color-grey-light) !important; padding: 5px; }
.shop-item-data table tr:hover td   { background: var(--color-grey-light); }
.shop-item-info .item-gal           { margin: 1px -1px 0; }
.shop-item-info .item-gal .thumbnail { border: none; padding: 0; margin: 1px; }
.shop-item-info .itemPreview        { border: 1px solid var(--color-grey-light); display: block; }

.relatedItem .relatedLink           { display: block; }
.relatedItem h4                     { text-align: center; font-size: 13px; margin-top: 0; }
.relatedItems .shopItem .itemPrice .price-normal { font-size: 16px; font-weight: 600 !important; color: var(--color-black); }
.relatedItems .shopItem .thumbnail  { padding-bottom: 0; }
.relatedItems .shopItem .itemPrice  { margin-bottom: 0; font-size: 14px; }

/* =====================
   SHOP CART WIZARD
   ===================== */
.cartList th                      { background: var(--color-grey-light); }
.wzContent table                  { background: var(--color-white); }
.wzContent input[type="checkbox"] { margin-right: 20px; }
.wzContent ul                     { list-style: none; }
.wzContent .zbozi table           { border-collapse: collapse; border-color: var(--color-grey-light); margin-bottom: 15px; }
.wzContent .zbozi table td        { border-color: var(--color-grey-light); padding: 5px; }
.wzContent table tr:hover td {
    background: var(--color-grey-light);
    color: var(--color-black);
}

#wizHeader {
  list-style: none; overflow: hidden;
  font-size: 1em; font-weight: 400;
  margin: 0 0 20px; padding: 0;
}
#wizHeader li               { float: left; }
#wizHeader li a {
  color: var(--color-white); text-decoration: none;
  padding: 10px 0 10px 55px;
  background: hsla(134, 85%, 35%, 1);
  position: relative; display: block; float: left;
}
#wizHeader li a::after {
  content: ""; display: block;
  width: 0; height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 30px solid hsla(34, 85%, 35%, 1);
  position: absolute; top: 50%; left: 100%;
  margin-top: -50px; z-index: 2;
}
#wizHeader li a::before {
  content: ""; display: block;
  width: 0; height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 30px solid var(--color-white);
  position: absolute; top: 50%; left: 100%;
  margin-top: -50px; margin-left: 1px; z-index: 1;
}
#wizHeader li:first-child a     { padding-left: 10px; }
#wizHeader li:last-child        { padding-right: 50px; }

#wizHeader li .prevStep         { background-color: var(--color-grey); color: var(--color-white); }
#wizHeader li .prevStep::after  { border-left-color: var(--color-grey) !important; }
#wizHeader li .currentStep      { background-color: var(--color-black); }
#wizHeader li .currentStep::after { border-left-color: var(--color-black) !important; }
#wizHeader li .nextStep         { background-color: var(--color-grey-light); color: var(--color-black); }
#wizHeader li .nextStep::after  { border-left-color: var(--color-grey-light) !important; }

#wizHeader li a.currentStep:hover        { background: var(--color-black); }
#wizHeader li a.currentStep:hover::after { border-left-color: var(--color-black) !important; }

.wzContent .formRow             { padding-bottom: 20px; }
.wzContent .text-danger         { font-size: 1em; color: var(--color-primary); font-weight: 600; }
.wzContent input[type="radio"],
.wzContent input[type="checkbox"] { margin: 4px 4px 0 0; }
.wzContent .chb-label           { margin-left: 21px; }

.lbl-doprava,
.lbl-platba { color: var(--color-black); font-size: 1.75em; }

/* =====================
   CALENDAR
   ===================== */
.calendar-next-prev         { text-align: center; width: 12% !important; }
.calendar-next-prev a       { text-decoration: none; font-weight: 700 !important; display: block; font-size: 22px; }
.calendar-next-prev:hover   { background: var(--color-black) !important; }
.calendar-title             { background: var(--color-white); font-weight: 700; width: 100% !important; }
.label-occupied             { background-color: red; }
.label-reserved             { background-color: var(--color-primary); }
.table-calendar td a        { text-decoration: none; }
.table-calendar .calendar-today       { background: var(--color-black) !important; color: var(--color-white) !important; }
.table-calendar .calendar-other-month { visibility: hidden; background: var(--color-white) !important; }
.table-calendar th          { text-transform: capitalize; text-align: center; }

.datepicker-days table .disabled-date.day   { background-color: var(--color-grey-light); color: var(--color-grey); !important; }
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover      { background: var(--color-grey-light); color: #aaa !important; cursor: default; border-radius: 0; }
.datepicker th.next,
.datepicker th.prev,
.datepicker th.clear { cursor: pointer; }
.datepicker td.day:hover { background: var(--color-black); color: var(--color-white); }
.form-control.datepicker[readonly] { background: var(--color-white); }

.compare .err { margin-bottom: 1em; display: block; }