/* =========================================================
   Vim, ze jsi laskou - vlastni styly e-shopu
   Autor: Jan Barborik (janbarborik.cz)
   Platforma: Shoptet, sablona 13
   Verze: 1.4.2 (12. 9. 2026)
   Soubor patri do /user/documents/vimzejsilaskou.css (nahrava se pres FTP)
   ========================================================= */

:root{
  --vjl-cream:#FAF5EC;
  --vjl-cream-2:#F5EDE0;
  --vjl-sand:#EFE4D1;
  --vjl-paper:#FFFFFF;
  --vjl-ink:#3E3227;
  --vjl-ink-soft:#6B5B4B;
  --vjl-brown:#8C5E3C;
  --vjl-brown-dark:#6E4728;
  --vjl-gold:#C9A227;
  --vjl-gold-soft:#F3E7C4;
  --vjl-border:#E3D8C4;
  --vjl-border-soft:#EFE7D8;
  --vjl-radius:12px;
  --vjl-radius-sm:8px;
  --vjl-shadow:0 1px 8px rgba(78,58,40,.05);
  --vjl-shadow-hover:0 2px 18px rgba(78,58,40,.13);
  --vjl-serif:"Source Serif 4",Georgia,"Times New Roman",serif;
  --vjl-t:.22s ease-out;
}

/* ---------- Zaklad ---------- */
body{
  background:var(--vjl-cream);
  color:var(--vjl-ink);
  font-size:17px;
  line-height:1.72;
}
#content,.content-wrapper,.container{color:var(--vjl-ink)}
h1,h2,h3,h4,.h1,.h2,.h3{
  font-family:var(--vjl-serif);
  color:var(--vjl-ink);
  font-weight:600;
  letter-spacing:.005em;
}
h1,.h1{font-size:34px;line-height:1.25}
h2,.h2{font-size:26px;line-height:1.3}
h3,.h3{font-size:20px}
a{color:var(--vjl-brown);text-underline-offset:.16em}
a:hover,a:focus{color:var(--vjl-brown-dark)}
::selection{background:var(--vjl-gold-soft);color:var(--vjl-ink)}
:focus-visible{outline:2px solid var(--vjl-gold);outline-offset:2px}

/* ---------- Horni listy a zahlavi ---------- */
.top-navigation-bar{
  background:var(--vjl-sand);
  color:var(--vjl-ink);
  border-bottom:1px solid var(--vjl-border);
  font-size:14.5px;
}
.top-navigation-bar a,.top-navigation-bar .top-navigation-bar-menu a,
.top-navigation-tools a,.top-navigation-bar button{color:var(--vjl-ink)}
.top-navigation-bar a:hover{color:var(--vjl-brown)}

.site-name img{max-height:82px;width:auto}
#header,.header-top,.site-name{background:transparent}
body:not(.type-index) #header{border-bottom:0}
.header-top{padding-top:10px;padding-bottom:10px}

/* vyhledavani */
.search input[type="text"],.search input[type="search"],#search input{
  background:var(--vjl-paper);
  border:1px solid var(--vjl-border);
  border-radius:999px;
  height:46px;
  font-size:16px;
  color:var(--vjl-ink);
}
.search input::placeholder{color:#9c8d7c}
.search button,.search .btn{border-radius:999px}

/* kosik v zahlavi */
.navigation-buttons a,.cart-count,.header-cart-wrapper{color:var(--vjl-ink)}
.cart-count .count,.navigation-buttons .cart-price{color:var(--vjl-brown);font-weight:700}

/* ---------- Hlavni menu ---------- */
.header-bottom{
  background:var(--vjl-cream);
  border-top:1px solid var(--vjl-border);
  border-bottom:1px solid var(--vjl-border);
}
.navigation-wrapper,#navigation{background:transparent;border:0}
.menu-level-1>li>a{
  font-family:var(--vjl-serif);
  font-size:18.5px;
  font-weight:600;
  color:var(--vjl-ink);
  padding:15px 20px;
  position:relative;
  text-transform:none;
  letter-spacing:.01em;
  transition:color var(--vjl-t);
}
.menu-level-1>li>a::after{
  content:"";position:absolute;left:20px;right:20px;bottom:9px;height:2px;
  background:var(--vjl-gold);border-radius:2px;
  transform:scaleX(0);transform-origin:center;transition:transform var(--vjl-t);
}
.menu-level-1>li>a:hover,.menu-level-1>li.exp>a,.menu-level-1>li.active>a{color:var(--vjl-brown)}
.menu-level-1>li>a:hover::after,.menu-level-1>li.exp>a::after,.menu-level-1>li.active>a::after{transform:scaleX(1)}
.menu-level-2,.menu-level-3{
  background:var(--vjl-paper);
  border:1px solid var(--vjl-border);
  border-radius:var(--vjl-radius-sm);
  box-shadow:var(--vjl-shadow);
}
.menu-level-2 a{color:var(--vjl-ink);padding:9px 16px}
.menu-level-2 a:hover{background:var(--vjl-cream-2);color:var(--vjl-brown)}

/* ---------- Drobeckova navigace ---------- */
.breadcrumbs,#breadcrumbs{font-size:14.5px;color:var(--vjl-ink-soft);padding:26px 20px 10px}
.breadcrumbs a{color:var(--vjl-ink-soft)}
.breadcrumbs a:hover{color:var(--vjl-brown)}

/* ---------- Tlacitka ---------- */
.btn,button.btn,a.btn,input[type="submit"].btn{
  border-radius:var(--vjl-radius-sm);
  font-weight:600;
  font-size:16px;
  letter-spacing:.01em;
  padding:12px 22px;
  transition:background-color var(--vjl-t),border-color var(--vjl-t),box-shadow var(--vjl-t),transform var(--vjl-t);
  box-shadow:none;
}
.btn-primary,.btn-conversion,.add-to-cart-button,.btn-cart,
.p-tools .btn,.add-to-cart button,button[type="submit"].btn-primary{
  background:var(--vjl-brown);
  border:1px solid var(--vjl-brown);
  color:#fff;
}
.btn-primary:hover,.btn-conversion:hover,.add-to-cart-button:hover,.btn-cart:hover{
  background:var(--vjl-brown-dark);
  border-color:var(--vjl-brown-dark);
  color:#fff;
  box-shadow:0 6px 16px rgba(110,71,40,.25);
}
.btn-secondary,.btn-default{
  background:var(--vjl-paper);
  border:1px solid var(--vjl-brown);
  color:var(--vjl-brown);
}
.btn-secondary:hover,.btn-default:hover{background:var(--vjl-cream-2);color:var(--vjl-brown-dark);border-color:var(--vjl-brown-dark)}

/* ---------- Formulare ---------- */
input[type="text"],input[type="email"],input[type="tel"],input[type="password"],
input[type="number"],input[type="search"],textarea,select,.form-control{
  background:var(--vjl-paper);
  border:1px solid var(--vjl-border);
  border-radius:var(--vjl-radius-sm);
  color:var(--vjl-ink);
  font-size:16px;
}
input:focus,textarea:focus,select:focus,.form-control:focus{
  border-color:var(--vjl-brown);
  box-shadow:0 0 0 3px rgba(140,94,60,.13);
  outline:none;
}
label{color:var(--vjl-ink)}

/* ---------- Titulni strana ---------- */
.welcome-wrapper{
  background:var(--vjl-paper);
  border:0;
  border-radius:var(--vjl-radius);
  padding:38px 42px;
  margin:28px auto 42px;
}
.welcome-wrapper h1,.welcome-wrapper .h1,.welcome-wrapper h2{
  margin-top:0;
  padding-bottom:14px;
  position:relative;
}
.welcome-wrapper h1::after,.welcome-wrapper h2::after,.welcome-wrapper .h1::after{
  content:"";position:absolute;left:0;bottom:0;width:64px;height:3px;
  background:var(--vjl-gold);border-radius:2px;
}
.welcome-wrapper p{font-size:17.5px}

/* konkurencni vyhody */
.benefitBanner{
  background:var(--vjl-paper);
  border:0;
  border-radius:var(--vjl-radius);
  padding:18px 14px;
  margin-top:26px;
}
.benefitBanner__item{border:0}
.benefitBanner__link{color:var(--vjl-ink)}
.benefitBanner__content strong,.benefitBanner__title{
  font-family:var(--vjl-serif);font-size:17px;color:var(--vjl-ink);
}
.benefitBanner__picture{color:var(--vjl-brown)}
.benefitBanner__item:hover .benefitBanner__content strong{color:var(--vjl-brown)}

/* ---------- Vypis produktu ---------- */
.products-header,.products-related-header,.homepage-group-title{
  font-family:var(--vjl-serif);
  text-align:center;
  position:relative;
  margin:44px 0 26px;
}
.products-header::after,.products-related-header::after{
  content:"";display:block;width:70px;height:3px;background:var(--vjl-gold);
  border-radius:2px;margin:14px auto 0;
}
.products .product .p{
  background:var(--vjl-paper);
  border:1px solid var(--vjl-border);
  border-radius:var(--vjl-radius);
  overflow:hidden;
  transition:box-shadow var(--vjl-t),transform var(--vjl-t),border-color var(--vjl-t);
  height:100%;
}
.products .product .p:hover{
  border-color:var(--vjl-gold);
  box-shadow:var(--vjl-shadow-hover);
}
.products .product a.image{background:var(--vjl-cream-2);display:block}
.products .product a.image img{mix-blend-mode:multiply}
.products .product .p-in{padding:16px 18px 20px}
.products .product .name,.products .product .p-in .name{
  font-family:var(--vjl-serif);
  font-size:17.5px;
  line-height:1.35;
  color:var(--vjl-ink);
  font-weight:600;
}
.products .product .p:hover .name{color:var(--vjl-brown)}
.products .product .price-final,.products .product .prices strong{
  color:var(--vjl-brown-dark);
  font-size:21px;
  font-weight:700;
}
.products .product .p-code{color:#a2947f;font-size:12.5px}
.products .product .availability,.availability-label{font-size:14.5px}
.products .product .p-tools .btn{width:100%;justify-content:center}

/* priznaky */
.flag,.flags .flag{
  border-radius:999px;
  font-size:12.5px;
  font-weight:700;
  letter-spacing:.03em;
  padding:4px 12px;
  text-transform:none;
}
.flag-action,.flag.flag-action{background:var(--vjl-brown);color:#fff}
.flag-new,.flag.flag-new{background:var(--vjl-gold);color:#3E3227}
.flag-tip,.flag.flag-tip{background:var(--vjl-sand);color:var(--vjl-ink)}

/* ---------- Kategorie ---------- */
.category-top{margin-bottom:8px}
.category-title,h1.category-title{
  font-size:35px;
  padding-bottom:16px;
  position:relative;
  margin-bottom:18px;
}
.category-title::after{
  content:"";position:absolute;left:0;bottom:0;width:70px;height:3px;
  background:var(--vjl-gold);border-radius:2px;
}
.category-perex{
  background:var(--vjl-cream-2);
  border:0;
  border-radius:var(--vjl-radius-sm);
  padding:20px 24px;
  font-size:17px;
  margin-bottom:26px;
}
.category-perex p:last-child{margin-bottom:0}
#category-header,.category-header{border-bottom:1px solid var(--vjl-border);padding-bottom:12px}
.listSorting .sortingToggle,.listSorting__control{
  border-radius:var(--vjl-radius-sm);
  color:var(--vjl-ink);
  font-size:15.5px;
}
.listSorting__controls{
  background:var(--vjl-paper);
  border:1px solid var(--vjl-border-soft);
  border-radius:var(--vjl-radius-sm);
  box-shadow:var(--vjl-shadow);
}
.listSorting__control:hover{background:var(--vjl-cream-2)}

/* levy sloupec */
.sidebar .box,.sidebar-inner .box,#categories,.filters,.filter-sections{
  background:var(--vjl-paper);
  border:1px solid var(--vjl-border);
  border-radius:var(--vjl-radius);
  padding:16px 18px;
  margin-bottom:20px;
  box-shadow:var(--vjl-shadow);
}
.sidebar .box h3,.sidebar h4,#categories h4,.filters h4,.filter-section-header{
  font-family:var(--vjl-serif);
  font-size:16.5px;
  color:var(--vjl-ink);
  border-bottom:1px solid var(--vjl-border-soft);
  padding-bottom:10px;
  margin-bottom:10px;
}
#categories a,.sidebar a{color:var(--vjl-ink)}
#categories a:hover,.sidebar a:hover{color:var(--vjl-brown)}
#categories li.active>a,#categories a.active{color:var(--vjl-brown);font-weight:700}

/* ---------- Detail produktu ---------- */
.p-detail-inner-header h1,.p-detail h1{font-size:32px;margin-bottom:10px}
.p-short-description{
  font-size:17.5px;
  color:var(--vjl-ink);
  background:var(--vjl-cream-2);
  border-radius:var(--vjl-radius-sm);
  padding:18px 22px;
  margin:18px 0 22px;
}
.p-image,.p-main-image{
  background:var(--vjl-cream-2);
  border:0;
  border-radius:var(--vjl-radius);
  overflow:hidden;
  display:block;
}
.p-final-price-wrapper .price-final,.price-final strong,.p-final-price{
  color:var(--vjl-brown-dark);
  font-size:30px;
  font-weight:700;
  font-family:var(--vjl-serif);
}
.p-to-cart-block{
  background:var(--vjl-cream-2);
  border:0;
  border-radius:var(--vjl-radius);
  padding:20px 22px;
}
.p-to-cart-block .add-to-cart .btn{font-size:17px;padding:14px 26px}
.detail-parameters{width:100%;border-collapse:collapse;margin:18px 0}
.detail-parameters th,.detail-parameters td{
  padding:11px 14px;
  border-bottom:1px solid var(--vjl-border-soft);
  font-size:15.5px;
  text-align:left;
  vertical-align:top;
}
.detail-parameters th{color:var(--vjl-ink-soft);font-weight:600;width:200px}
.detail-parameters tr:nth-child(odd) th,.detail-parameters tr:nth-child(odd) td{background:transparent}

/* zalozky */
.shp-tabs-holder,.shp-tabs{border-bottom:1px solid var(--vjl-border)}
.shp-tab-link,.shp-tabs a{
  font-family:var(--vjl-serif);
  font-size:17px;
  color:var(--vjl-ink-soft);
  padding:12px 20px;
  border:0;
}
.shp-tab-link.active,.shp-tabs a.active,.shp-tabs li.active a{
  color:var(--vjl-brown);
  border-bottom:3px solid var(--vjl-gold);
  background:transparent;
}
#tab-content,.tab-content{padding-top:22px;font-size:17px}

/* ---------- Obsahove stranky a clanky ---------- */
body.type-page #content,body.type-article #content,.news-item-detail{
  background:var(--vjl-paper);
  border:0;
  border-radius:var(--vjl-radius);
  padding:10px 20px 20px;
  margin-bottom:40px;
}
body.type-page #content h1,body.type-article #content h1{
  padding-bottom:16px;position:relative;margin-top:0;
}
body.type-page #content h1::after,body.type-article #content h1::after{
  content:"";position:absolute;left:0;bottom:0;width:70px;height:3px;
  background:var(--vjl-gold);border-radius:2px;
}
body.type-page #content h2,body.type-article #content h2{
  margin-top:34px;padding-left:16px;border-left:4px solid var(--vjl-gold);
}
body.type-page #content ul li,body.type-article #content ul li{margin-bottom:7px}
body.type-page #content blockquote,body.type-article #content blockquote{
  background:var(--vjl-cream-2);
  border-left:4px solid var(--vjl-gold);
  border-radius:var(--vjl-radius-sm);
  padding:18px 24px;
  font-style:normal;
  color:var(--vjl-ink);
  margin:22px 0;
}
body.type-page #content table,body.type-article #content table,.news-item-detail table{
  width:100%;border-collapse:collapse;margin:22px 0;font-size:16px;
  border:1px solid var(--vjl-border);border-radius:var(--vjl-radius-sm);overflow:hidden;
}
body.type-page #content th,body.type-article #content th{
  background:var(--vjl-sand);color:var(--vjl-ink);font-family:var(--vjl-serif);
  text-align:left;padding:12px 16px;border-bottom:2px solid var(--vjl-gold);
}
body.type-page #content td,body.type-article #content td{
  padding:12px 16px;border-bottom:1px solid var(--vjl-border-soft);
}
body.type-page #content tbody tr:nth-child(even) td{background:var(--vjl-cream)}

/* vypis clanku */
.news,.news-wrapper{margin-top:10px}
.news-item,.news .news-item{
  background:var(--vjl-paper);
  border:0;
  border-radius:var(--vjl-radius);
  padding:22px 26px;
  margin-bottom:20px;
  box-shadow:var(--vjl-shadow);
  transition:box-shadow var(--vjl-t),border-color var(--vjl-t);
}
.news-item:hover{box-shadow:var(--vjl-shadow-hover)}
.news-item h2,.news-item .title{font-size:22px;margin-top:0}

/* ---------- Kosik a objednavka ---------- */
.cart-table,#cart-table,table.cart-table{
  background:var(--vjl-paper);border:1px solid var(--vjl-border);
  border-radius:var(--vjl-radius);border-collapse:separate;border-spacing:0;overflow:hidden;
}
.cart-table th{background:var(--vjl-sand);color:var(--vjl-ink);font-family:var(--vjl-serif);padding:14px 16px}
.cart-table td{padding:14px 16px;border-bottom:1px solid var(--vjl-border-soft)}
.cart-summary,#order-summary,.order-summary,.cart-summary-wrapper,#checkoutSidebar{
  background:var(--vjl-paper);
  border:1px solid var(--vjl-border);
  border-radius:var(--vjl-radius);
  padding:20px 24px;
  box-shadow:var(--vjl-shadow);
}
.ordering-process .step,.orderingProcess__step,.co-box{
  background:var(--vjl-paper);
  border:1px solid var(--vjl-border);
  border-radius:var(--vjl-radius);
  padding:20px 24px;
  margin-bottom:20px;
}
.cart-related,.cart-inner h1{font-family:var(--vjl-serif)}
.radio-wrapper label,.shipping-billing-table label{font-size:16.5px}
.price-primary,.cart-price-total,.total-price{color:var(--vjl-brown-dark);font-weight:700}

/* ---------- Paticka ---------- */
#footer{
  background:var(--vjl-sand);
  border-top:3px solid var(--vjl-gold);
  color:var(--vjl-ink);
  margin-top:64px;
  padding-top:44px;
}
#footer a{color:var(--vjl-ink)}
#footer a:hover{color:var(--vjl-brown);text-decoration:underline}
#footer .pageElement__heading,#footer h3,#footer h4,#footer .custom-footer__heading{
  font-family:var(--vjl-serif);
  font-size:18px;
  color:var(--vjl-ink);
  margin-bottom:14px;
  padding-bottom:10px;
  border-bottom:1px solid rgba(140,94,60,.22);
}
#footer .custom-footer{padding-bottom:30px}
#footer .custom-footer li{margin-bottom:8px}
#footer .contact-box .tel,#footer .contact-box a{font-weight:600;color:var(--vjl-brown-dark)}
#footer .footer-bottom{
  border-top:1px solid rgba(140,94,60,.22);
  padding:18px 0;
  font-size:14.5px;
  color:var(--vjl-ink-soft);
  margin-top:10px;
}
#footer .footer-bottom a{color:var(--vjl-ink-soft)}

/* vlastni promo odkazy v paticce (obsah je v HTML kodu paticky) */
.vjl-footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}
.vjl-footer-col strong,.vjl-footer-col h3{
  display:block;
  font-family:var(--vjl-serif);
  font-size:17px;
  color:var(--vjl-ink);
  margin:0 0 12px;
  padding:0 0 10px;
  border:0;
  border-bottom:1px solid rgba(140,94,60,.22);
}
.vjl-footer-col ul{list-style:none;margin:0;padding:0}
.vjl-footer-col li{margin:0 0 9px}
.vjl-footer-col a{color:var(--vjl-ink);text-decoration:none;font-size:15.5px}
.vjl-footer-col a:hover{color:var(--vjl-brown);text-decoration:underline}
.vjl-footer-col p{margin:0 0 8px;font-size:15.5px;color:var(--vjl-ink-soft);line-height:1.6}
.vjl-footer-col p:last-child{margin-bottom:0}

/* ---------- Zpet nahoru ---------- */
.vjl-totop{
  position:fixed;right:20px;bottom:20px;z-index:900;
  width:50px;height:50px;border-radius:50%;
  background:var(--vjl-brown);color:#fff;border:0;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 6px 18px rgba(78,58,40,.3);
  opacity:0;visibility:hidden;transform:translateY(10px);
  transition:opacity var(--vjl-t),transform var(--vjl-t),visibility var(--vjl-t),background-color var(--vjl-t);
  cursor:pointer;font-size:22px;line-height:1;
}
.vjl-totop.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
.vjl-totop:hover{background:var(--vjl-brown-dark)}

/* ---------- Drobnosti ---------- */
.pagination a,.pagination span{border-radius:var(--vjl-radius-sm);color:var(--vjl-ink)}
.pagination .active a,.pagination .active span{background:var(--vjl-brown);color:#fff}
.msg,.alert,.message{border-radius:var(--vjl-radius-sm)}
hr{border-color:var(--vjl-border)}
.cookies-notice,#cookiesConsent{border-top:3px solid var(--vjl-gold)}
.banner-wrapper img,.extended-banner-link img{border-radius:var(--vjl-radius)}

/* ---------- Responzivita ---------- */
@media (max-width:1199px){
  .menu-level-1>li>a{font-size:17px;padding:14px 14px}
  .menu-level-1>li>a::after{left:14px;right:14px}
}
@media (max-width:991px){
  body{font-size:16.5px}
  .welcome-wrapper{padding:28px 26px}
  body.type-page #content,body.type-article #content{padding:26px 24px}
}
@media (max-width:767px){
  body{font-size:16.5px;line-height:1.7}
  h1,.h1{font-size:27px}
  h2,.h2{font-size:22px}
  .category-title,h1.category-title{font-size:27px}
  .welcome-wrapper{padding:22px 20px;margin:18px 0 30px;border-radius:var(--vjl-radius-sm)}
  body.type-page #content,body.type-article #content{padding:20px 18px;border-radius:var(--vjl-radius-sm)}
  .vjl-footer-grid{grid-template-columns:1fr;gap:14px}
  .benefitBanner{padding:16px 14px}
  .p-short-description{padding:14px 16px}
  .p-to-cart-block{padding:16px 16px}
  .btn,button.btn,a.btn{padding:13px 20px;font-size:16.5px}
  .products .product .p-tools .btn{padding:13px 16px}
  #footer{margin-top:44px;padding-top:32px}
  .vjl-totop{right:14px;bottom:14px;width:46px;height:46px}
  .site-name img{max-height:60px}
  .detail-parameters th{width:50%}
}
@media (max-width:479px){
  .products .product .p-in{padding:12px 12px 16px}
  .products .product .name{font-size:16px}
  .products .product .price-final{font-size:19px}
}

/* ---------- Doplneno ve verzi 1.0.1 ---------- */

/* zkraceny popisek v kartach produktu, aby byla mrizka klidnejsi */
.products .product .p-desc{
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
  color:var(--vjl-ink-soft);
  font-size:15px;
  line-height:1.55;
}

/* ikonky v paticce a v kontaktnim boxu */
#footer .contact-box .tel::before,
#footer .contact-box a::before,
#footer [class^="icon-"]::before,
#footer [class*=" icon-"]::before{color:var(--vjl-brown)}

.detail-parameters th{position:relative}

/* ---------- Doplneno ve verzi 1.0.2 ---------- */
.vjl-footer-promo-wrap{padding-bottom:34px}
.vjl-footer-promo-title{
  font-family:var(--vjl-serif);
  font-size:22px;
  color:var(--vjl-ink);
  margin:0 0 18px;
  padding-bottom:12px;
  position:relative;
  text-align:center;
}
.vjl-footer-promo-title::after{
  content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:0;
  width:64px;height:3px;background:var(--vjl-gold);border-radius:2px;
}
@media (max-width:767px){
  .vjl-footer-promo-title{font-size:19px}
  .vjl-footer-promo-wrap{padding-bottom:24px}
}

/* ikonky konkurencnich vyhod: posun odstinu z tyrkysove do hnede.
   hue-rotate a saturate nemeni bilou, takze bile pozadi ikonky zustava bile.
   Pokud se do administrace nahraji vlastni ikonky ve spravne barve, tenhle blok smazat. */
.benefitBanner .benefitBanner__picture img.benefitBanner__img{
  filter:hue-rotate(197deg) saturate(1.35);
}

/* ---------- Doplneno ve verzi 1.0.9 ---------- */
/* vypis clanku (Inspirace) - stejna zlata linka pod nadpisem jako jinde */
body.type-posts-listing #content h1{position:relative;padding-bottom:16px;margin-top:0}
body.type-posts-listing #content h1::after{
  content:"";position:absolute;left:0;bottom:0;width:70px;height:3px;
  background:var(--vjl-gold);border-radius:2px;
}
body.type-posts-listing .sectionDescription{margin-bottom:26px}

/* ---------- Doplneno ve verzi 1.1.0 ---------- */

/* v hornim prouzku zustavaji jen dva odkazy, ktere lidi pred nakupem resi nejcasteji */
.top-navigation-bar .top-navigation-bar-menu a{font-weight:600}

/* nativni radek paticky nahradily vlastni sloupce s odkazy */
#footer .custom-footer{display:none}
#footer{padding-top:38px}

/* konverzni tlacitko ma v sablone tmavy text, prebijeme na bily */
.btn.btn-conversion,.btn.btn-conversion:hover,.btn.btn-conversion:focus,
.btn.btn-conversion span,.btn.btn-conversion:hover span{color:#fff}

/* ---------- Doplneno ve verzi 1.1.1 ---------- */
/* razeni a filtr maji ze sablony silny tmavy ramecek, zjemnujeme ho */
.listSorting .sortingToggle,
.listSorting__controls,
#filters-wrapper,
#filters-wrapper > *,
.filterTrigger,
.filter-sections,
.filter-section{border-color:var(--vjl-border)}

/* ---------- Doplneno ve verzi 1.2.0 ---------- */

/* ve vypisu kategorie nechceme razeni, filtr ani informace o strankovani */
#category-header,
.category-header-pagination,
.listSorting,
#filters-wrapper,
.listingControls .itemsTotal{display:none}
/* strankovani jako takove zustava funkcni, mizi jen ten text o poctu polozek */
.listingControls{margin:0}

/* vetsi mezery mezi produkty */
.products .product{padding:16px}
@media (max-width:767px){.products .product{padding:8px}}

/* kratky popisek v kartach produktu se nezobrazuje */
.products .product .p-desc{display:none}

/* pole pro pocet kusu: jeden zaobleny ramecek misto hranateho */
.quantity{
  border:1px solid var(--vjl-border);
  border-radius:var(--vjl-radius-sm);
  overflow:hidden;
  background:var(--vjl-paper);
}
.quantity .amount,
.quantity input[type="number"]{border:0;border-radius:0;background:transparent;box-shadow:none}
.quantity .increase,.quantity .decrease{
  border:0;border-radius:0;background:transparent;color:var(--vjl-ink);
}
.quantity .increase:hover,.quantity .decrease:hover{background:var(--vjl-cream-2);color:var(--vjl-brown)}

/* spodni SEO popisek kategorie pres celou sirku */
.category__secondDescription .janbarborikcz-seo-wrap{max-width:none}

/* tabulka s dostupnosti v detailu produktu: pryc s vodici linkou mezi popiskem a hodnotou */
.detail-parameters th::after{display:none}
/* sablona ma na popisku bile pozadi kvuli te vodici lince, bez ni je zbytecne */
.detail-parameters th .row-header-label{background:transparent !important;padding-right:0}
.detail-parameters{max-width:560px}
.detail-parameters th,.detail-parameters td{border-bottom:1px solid var(--vjl-border-soft);padding:10px 0}
.detail-parameters th{font-weight:600}

/* v detailu produktu nechceme Tisk, Zeptat se ani Sdilet */
.p-detail .link-icons,
.p-detail .social-buttons-wrapper{display:none}

/* ---------- Doplneno ve verzi 1.3.0 ---------- */

/* hlavni bily blok ma zaoblene rohy a jemne se oddeluje od kremoveho pozadi */
.container.content-wrapper{
  border-radius:16px;
  box-shadow:0 1px 10px rgba(78,58,40,.06);
  margin-top:14px;
  margin-bottom:14px;
}

/* sablona dava pri najetí stin na obal karty produktu: je hranaty a odsazeny, rusime ho */
.products-block>div:hover{box-shadow:none;z-index:auto}

/* sablona pri najeti ztmavuje fotku na 20 %, coz u jedine fotky vypada jako chyba */
.products-block .p>a:hover img{opacity:1}

/* ve vypisu mezera mezi poctem kusu a tlacitkem do kosiku */
.products .product .p-tools .pr-action{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:10px;
}

/* v detailu produktu je jen jedna zalozka (Popis), jeji lista je zbytecna */
.p-detail-tabs-wrapper .shp-tabs-row{display:none}
.p-detail-tabs-wrapper #tab-content{padding-top:0}

/* konkurencni vyhody: sevrenejsi radkovani */
.benefitBanner__content,.benefitBanner__link{line-height:1.45}
.benefitBanner__content strong,.benefitBanner__title{line-height:1.3;display:block;margin-bottom:2px}

/* SEO popisek kategorie sjednoceny s velikosti bezneho textu */
.janbarborikcz-seo-wrap{font-size:17px;line-height:1.72}
.janbarborikcz-seo-summary p{font-size:17px;line-height:1.7}
.janbarborikcz-seo-section h2{font-size:22px}
.janbarborikcz-seo-section h3{font-size:17px}
.janbarborikcz-seo-faq-q{font-size:17px}
.janbarborikcz-seo-faq-a{font-size:16.5px}
.janbarborikcz-seo-table{font-size:16px}
.janbarborikcz-seo-table th{font-size:15.5px}
.janbarborikcz-seo-links a{font-size:16.5px}
.janbarborikcz-seo-links-note{font-size:14px}
.janbarborikcz-seo-info-card h3{font-size:14.5px}
.janbarborikcz-seo-info-card p{font-size:16px}
.janbarborikcz-seo-alert{font-size:16px}

@media (max-width:767px){
  .container.content-wrapper{border-radius:12px;margin-top:8px}
  .breadcrumbs,#breadcrumbs{padding:18px 14px 8px}
}

/* ---------- Doplneno ve verzi 1.3.1 ---------- */

/* obrazky v obsahovych strankach a clancich */
body.type-page #content img,
body.type-article #content img,
.news-item-detail img{max-width:100%;height:auto}

.vjl-figure{margin:24px 0}
.vjl-figure img{
  width:100%;
  height:auto;
  display:block;
  border-radius:var(--vjl-radius);
}
.vjl-figure figcaption{
  font-size:15px;
  color:var(--vjl-ink-soft);
  line-height:1.55;
  margin-top:8px;
}

.vjl-portrait{
  float:right;
  width:330px;
  margin:4px 0 20px 28px;
}

.vjl-gallery{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:14px;
  margin:24px 0;
}
.vjl-gallery img{
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
  display:block;
  border-radius:var(--vjl-radius);
}

@media (max-width:767px){
  .vjl-portrait{float:none;width:100%;margin:0 0 20px}
  .vjl-gallery{grid-template-columns:1fr 1fr;gap:10px}
}
@media (max-width:479px){
  .vjl-gallery{grid-template-columns:1fr}
}

/* ---------- Doplneno ve verzi 1.4.0 ---------- */

/* ----- Karusel na titulni strane ----- */
#carousel{border-radius:var(--vjl-radius);overflow:hidden}
.carousel-inner .item>a{position:relative;display:block}
.carousel-inner .item img{width:100%;height:auto;display:block}

/* leva cast se ztmavi, aby byl text citelny i na svetle fotce */
.extended-banner-texts{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:12px;
  padding:6% 7%;
  text-align:left;
  background:linear-gradient(90deg,rgba(43,33,24,.74) 0%,rgba(43,33,24,.58) 34%,rgba(43,33,24,0) 72%);
}
.extended-banner-title,
.extended-banner-text,
.extended-banner-link{
  position:static;
  top:auto;right:auto;bottom:auto;left:auto;
  display:block;
  margin:0;
  padding:0;
  color:#fff;
  max-width:min(56%,560px);
}
.extended-banner-title{
  font-family:var(--vjl-serif);
  font-size:clamp(22px,3vw,40px);
  line-height:1.15;
  font-weight:600;
  text-shadow:0 1px 12px rgba(30,22,15,.45);
}
.extended-banner-text{
  font-size:clamp(14px,1.35vw,18px);
  line-height:1.5;
  text-shadow:0 1px 10px rgba(30,22,15,.4);
}
.extended-banner-link{
  display:inline-block;
  max-width:none;
  margin-top:6px;
  padding:12px 24px;
  background:var(--vjl-brown);
  border-radius:var(--vjl-radius-sm);
  font-weight:600;
  font-size:16px;
  transition:background-color var(--vjl-t);
}
.carousel-inner .item a:hover .extended-banner-link{background:var(--vjl-brown-dark)}
.carousel-indicators .active{background:var(--vjl-gold);border-color:var(--vjl-gold)}

/* sipky patri do praveho dolniho rohu, jinak lezi pres text */
#carousel .carousel-control{
  top:auto;
  bottom:18px;
  width:40px;
  height:40px;
  opacity:.9;
}
#carousel .carousel-control.left{left:auto;right:68px}
#carousel .carousel-control.right{left:auto;right:18px}

@media (max-width:767px){
  .extended-banner-texts{
    padding:18px 20px;
    gap:8px;
    background:linear-gradient(90deg,rgba(43,33,24,.8) 0%,rgba(43,33,24,.6) 55%,rgba(43,33,24,.18) 100%);
  }
  .extended-banner-title,.extended-banner-text{max-width:82%}
  .extended-banner-link{padding:9px 18px;font-size:14.5px}
  #carousel .carousel-control{bottom:10px;width:34px;height:34px}
  #carousel .carousel-control.left{right:54px}
  #carousel .carousel-control.right{right:12px}
}
@media (max-width:575px){
  .extended-banner-text{display:none}
}

/* ----- Uvitaci blok na titulni strane: text a fotka vedle sebe ----- */
.vjl-intro{display:flex;flex-wrap:wrap;align-items:center}
.vjl-intro .col-sm-6{min-width:0}
.vjl-intro p:last-child{margin-bottom:0}
.vjl-intro-img{
  width:100%;
  height:auto;
  display:block;
  border-radius:var(--vjl-radius);
}
.vjl-intro-btn{margin-top:8px}
@media (max-width:767px){
  .vjl-intro{display:block}
  .vjl-intro .col-sm-6+.col-sm-6{margin-top:22px}
}

/* ---------- Doplneno ve verzi 1.4.1 ---------- */

/* ----- Fotky v clancich a na obsahovych strankach ----- */
.vjl-photo{width:100%;height:auto;display:block;border-radius:var(--vjl-radius)}
figure.vjl-fig{margin:26px 0}
figure.vjl-fig figcaption{
  margin-top:9px;
  font-size:15px;
  line-height:1.5;
  color:var(--vjl-ink-soft);
}
.vjl-gallery--tall img{aspect-ratio:3/4}
.vjl-gallery figure{margin:0}
.vjl-gallery figure img{margin:0}

/* ---------- Doplneno ve verzi 1.4.2 ---------- */

/* ----- Nahledy produktu na vysku -----
   Shoptet generuje nahledy 423 x 317 px naleziato a fotku na vysku do nich
   vepise s bilymi pruhy po stranach. Pomer nahledu se v administraci nastavit
   neda, proto ho resi az tenhle styl spolu se skriptem, ktery zdroj obrazku
   vymeni za variantu /big/ (1024 x 768). */
.products-block .p>a.image{
  display:block;
  position:relative;
  aspect-ratio:3/4;
  overflow:hidden;
  border-radius:var(--vjl-radius-sm);
  background:var(--vjl-paper);
}
.products-block .p>a.image img{
  width:100%!important;
  height:100%!important;
  max-height:none!important;
  object-fit:cover;
  object-position:center;
}