@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');
body {font-family: 'Quicksand', sans-serif;}
.add-comment, .discussion, .discussion-form, .rate-wrapper, .votes-wrap, .welcome div, .welcome h1
{max-width: 1100px;}
.content h1,
.main h1 {font-weight: 300;text-align: center;font-size: 32px;font-family: 'Quicksand', sans-serif;
border-bottom: 1px solid #ccc; padding-bottom: 8px;  margin-bottom: 20px;          
background-image: linear-gradient(to top, #f0f0f0, #ffffff); padding: 20px;  }

@media (max-width: 767px) {#header .site-name img {max-width: 175px;}}



.filters-wrapper {display: none; }
.top-navigation-bar-menu {display: none; }



@keyframes scrollOneByOne {0% {transform: translateX(0);}100% {transform: translateX(-1000px); }}
.auto-slider {overflow-x: auto;overflow-y: hidden;-webkit-overflow-scrolling: touch;scroll-snap-type: x mandatory;
display: flex;background: #fff;}
.slider-track {display: flex;animation: scrollOneByOne 40s linear infinite;scroll-snap-align: start;pointer-events: auto;}
.slider-track img {width: 200px;height: auto;flex-shrink: 0;margin: 5px;scroll-snap-align: start;touch-action: pan-x;}

/* Menu - barevnost */
#header #navigation .navigation-in ul li > a > b {font-size: 18px;font-weight: 400;color: #000;position: relative;}
.navigation-in>ul>li>a {color: #000000;font-size: medium;}
.navigation-in {background-color: #ffffff;}
.navigation-in>ul>li {border-color: transparent;}
.subcategories li a {background-color: #eaeaea;color: #941f7e;}

/*BLOG */
@media (min-width: 768px) {.content-inner {max-width: 1100px;}}
@media (min-width: 480px) {
.news-wrapper {display: flex;flex-wrap: wrap;margin-left: -12px;margin-right: -12px;}
.news-item {margin-bottom: 28px; display: flex;width: 33.333%;padding: 1px;position: relative;flex-direction: column-reverse;}
.news-item .image {width: 350px;}
.news-wrapper .news-item .text {width: 350px;}
}

.news-item .text .title {font-weight: 400;}
body.in-workshopy #productsTop {display: none;}
body.in-workshopy h4 {display: none;}

/*navigace */
.breadcrumbs {border-color: #ffffff; margin-left: -1px;}
.breadcrumbs>span>a, .breadcrumbs>span>span {padding: 30px 20px 0px 0px;font-size: 12px;}
.breadcrumbs>span>a:after, .breadcrumbs>span>a:before {height: 25%;right: 10px;}
.breadcrumbs>span>a:before {top: 70.5%;transform: rotate(16deg);}
.breadcrumbs>span>a:after {display: none;}

/* pozadí carousel */
.homepage-box {background-color: #ffffff;border-bottom-color: #ffffff;border-top-color: #ffffff;}
/*carousel*/
.homepage-box {background-color: #ffffff;border-bottom-color: #ffffff;border-top-color: #ffffff;}
.category-title {text-align: center;}
.news-item .image img {
  border-right: 1px solid #ccc; 
  padding-right: 5px;        
}


/*patička + NL*/
#footer .footer-rows .site-name {display: none;}
#footer .custom-footer {padding-left: 0px !important;}
body.dklab-instagram #footer {margin-top: 30px;background-color: #eeeeee;}


/*podmenu*/
@media (min-width: 768px) {
.submenu-visible .navigation-in>ul>li.ext.exp>ul {display: flex;flex-wrap: wrap;padding: 40px 0 8px 0; align-items: flex-start;}
.navigation-in>ul>li.ext>ul>li>div {width: 100%;text-align: left; align-items: flex-start}
.navigation-in>ul>li.ext>ul>li>div>ul {display: inline-block;line-height: 2.0;max-height: 20.6em; }
.navigation-in>ul>li.ext>ul>li>div>ul>li {display: block;margin-bottom: 5px; }
.navigation-in ul.menu-level-2 {background-color: #f3f3f3;}
.navigation-in > ul > li.ext > ul > li a:hover {text-decoration: underline;}
.more-items-trigger {display: none;}
}

/*produkty*/
.product {margin-bottom: 22px;padding: 25px;border: 1px solid #e5e5e5;border-radius: 8px;background: #fff;box-shadow: 0 2px 3px rgba(0,0,0,0.07);}
.products-block .product {width: 31%; margin: 1%;   box-sizing: border-box;}
@media (max-width: 900px) { 
.products-block .product {width: 48%;  }}
@media (max-width: 600px) { .products-block .product {width: 98%;}}
.row {margin-top: 30px;}
@media (min-width: 992px) {.extended-description {flex: 0 0 calc(25.33333% - 10px);}}

body.id-1835 .flex-row {display: flex;align-items: center;justify-content: space-between;gap: 20px;padding: 10px;
border: 1px solid #ddd;;flex-wrap: wrap;margin-top: 15px;}
body.id-1835i .column.text {flex: 1;}
body.id-1835 .column.image img {width: 120px;height: auto;}
body.id-1835 .column.buttons {display: flex;gap: 20px;min-width: 250px;flex-wrap: wrap;}
body.id-1835 .custom-btn {padding: 8px 16px;background-color: #000;color: white;text-decoration: none;border-radius: 6px;
transition: background-color 0.3s ease;min-width: 120px;text-align: center;display: inline-block;}
body.id-1835 .custom-btn:hover {background-color: #000;color: #cecece;}
body.id-1835 .custom-btn.secondary {background-color: #ccc;color: #333;}
body.id-1835 .custom-btn.secondary:hover {background-color: #999;}
body.id-1835 .placeholder {visibility: hidden;pointer-events: none; display: inline-block; min-width: 120px; text-align: center;}

/* ?? Mobilní zobrazení */
@media (max-width: 768px) 
{body.id-1835 .flex-row {flex-direction: column;align-items: flex-start;}
body.id-1835 .column.image img {width: 100%;max-width: 300px;}
body.id-1835 .column.buttons {flex-direction: column;width: 100%;}
body.id-1835 .custom-btn { width: 100%;}
}

/* IKONA LUPY */
.search-toggle {position: absolute;top: 10px; right: 20px; z-index: 999; cursor: pointer; width: 24px;}
#formSearchForm {display: none;position: absolute;top: 1px;right: 20px; left: auto;width: 300px;height: 50px;z-index: 999;
background: #fff;padding: 5px;border-radius: 0;box-sizing: border-box;}
#formSearchForm.visible { display: block;}
.header-top > div:last-child {padding-top: 30px;}
.button.btn.btn-default {top: 5px;}
#formSearchForm fieldset {position: relative;}
#formSearchForm input[type="search"] {height: 48px;padding-right: 120px;box-sizing: border-box;}
#formSearchForm .btn {position: absolute;top: 50%;transform: translateY(-50%);right: 0;height: 48px;padding: 0 24px;
display: flex; align-items: center; justify-content: center;}
#formSearchForm input[type="search"]:focus {outline: none;}

/* MOBILE */
@media (max-width: 768px) 
{ .search-toggle { display: none !important; } 
 #formSearchForm { display: block !important; position: static !important; width: auto !important; height: auto !important; 
background: transparent !important; padding: 0 !important; z-index: auto !important; } }
.plus-gallery-item,.ui-menu {background-color: black;}


.swatch-container {display: flex;flex-wrap: wrap;gap: 16px;justify-content: center;text-align: center;}
.swatch {flex: 1 1 150px;max-width: 180px;}
.swatch img {height: 120px;width: auto; object-fit: cover;border-radius: 6px;display: block;margin: 0 auto 8px;}
.swatch a {text-decoration: none;font-weight: bold;color: #000;}

.h4.homepage-group-title, h4.homepage-group-title {font-size: 22px;margin-top: 3px;}
body.dklab-instagram #footer {background-color: #ffffff;}

body.in-index .latest-contribution-rating {
  display: none !important;
}

@media (max-width: 767px) {
  body.in-index .welcome-wrapper img[style*="float"] {
    float: none !important;
    display: block;
    width: 220px !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto 24px !important;
  }
}


.in-index .homepage-box.welcome-wrapper{margin-top:0!important;padding-top:0!important}.in-index #dklab_instagram_widget{margin-top:0!important}


