/* === Vinotéka Klánovice theme tokens === */
:root {
  --vk-conv: #C64A2A;
  --vk-conv-hover: #E07A5F;
  --vk-c1: #1F2933;
  --vk-c2: #F7F5F2;
  --vk-c3: #7A8F5A;
  --vk-c4: #D6C9A8;
  --vk-white: #FFFFFF;
}

/* Typography */
body {
  font-family: 'Open Sans', sans-serif;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'Exo 2', sans-serif;
}

/*KONKRETNÍ PRODUKT*/
@media (min-width: 768px) {
  .p-image-wrapper .flags-extra .flag {
    width: 100px;
    height: 75px;
    border-radius: 4px;
  }
}
.responsive-nav .shp-tabs-holder {
  background-color: var(--vk-c1);
  border-radius: 4px;
  padding: 10px;
}
.shp-tabs-holder ul.shp-tabs li a {
  margin-left: 5px;
  margin-right: 5px;
  padding-left: 20px;
  padding-right: 20px;
  border-style: solid !important;
  border-width: 2px;
}
.shp-tabs {
  background-color: transparent;
}
.shp-tab-link {
  background-color: transparent;
  color: #FFFFFF;
}
.shp-tab-link:hover {
  border-color: #FFFFFF;
  color: #FFFFFF;
  border-radius: 4px;
  border-width: 2px;
  border-style: solid;
  background-color: transparent;
}
.active .shp-tab-link {
  border-color: #FFFFFF;
  color: var(--vk-c3);
  background-color: #FFFFFF;
  border-radius: 4px;
}
.p-detail .add-to-cart .quantity {
  border-radius: 4px;
  margin-right: 10px;
}
.quantity .increase {
  webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  border-radius: 4px 4px 0px 0px;
  border-color: var(--vk-c3);
  background-color: var(--vk-c3);
}
.quantity .increase:hover {
  webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  background-color: var(--vk-conv);
  border-color: var(--vk-conv);
}
.quantity .increase::before {
  color: #FFFFFF;
}
.quantity .decrease {
  webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  border-radius: 0px 0px 4px 4px;
  border-color: var(--vk-c3);
  background-color: var(--vk-c3);
}
.quantity .decrease:hover {
  webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  background-color: var(--vk-conv);
  border-color: var(--vk-conv);
}
.quantity .decrease::before {
  color: #FFFFFF;
}
@media (min-width: 768px) {
  .extended-description {
    color: #FFFFFF;
    /*background-color: var(--vk-c1);*/
    background-color: var(--vk-c3);
    border-radius: 4px;
    padding: 0px 20px 20px 20px;
  }
}
@media (max-width: 994px) {
  .extended-description {
    color: #FFFFFF;
    /*background-color: var(--vk-c1);*/
    background-color: var(--vk-c3);
    border-radius: 4px;
    padding: 5px 20px 20px 20px;
  }
}
.extended-description a {
  color: #FFFFFF;
}
.extended-description h3 {
  color: #FFFFFF;
}
.detail-parameters th {
  color: #FFFFFF;
}
.question-tooltip {
  background-color: var(--vk-conv);
}
.link-icons {
  background-color: var(--vk-c3);
  border-radius: 4px;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}
.link-icons a {
  color: #FFFFFF;
}
.link-icons a:hover {
  color: var(--vk-conv);
}
@media (min-width: 768px) {
  .col-lg-6 {
    width: 50%;
  }
}
@media (max-width: 1199px) and (min-width: 995px) {
  .basic-description {
    width: 60%;
  }
  .extended-description {
    width: 40%;
  }
}
/*a.link-icon span {
  display: none;
}*/
.link-icons #text {
  display: none;
}
/*.js-share-buttons-trigger {
  display: none;
}*/
.link-icon::before {
  margin-bottom: 0px;
}
.link-icon {
  margin: 0 0 20px;
}
.link-icons {
  margin: 0px;
}
.question-tooltip {
  border-color: var(--vk-conv);
}
.p-detail-inner-header .p-code {
  color: var(--vk-conv);
}
.p-detail-info>div+div::before {
    color: var(--vk-c1);
}
.p-detail-info {
  color: var(--vk-c1);
}
.p-detail-info a {
  color: var(--vk-c1);
}
.price-standard {
  color: var(--vk-c1);
}
.price-save {
  color: #FFFFFF;
  border-radius: 4px;
  background-color: var(--vk-c1);
  padding: 5px 10px 5px 10px;
}
.price-final {
  color: var(--vk-c3);
}
.price-final .pr-list-unit {
  color: var(--vk-conv);
}
.price-additional {
  color: var(--vk-conv);
}
.price-measure {
  color: var(--vk-c1);
}