/* Skrytí filtrů */
#manufacturer-filter {display:none}
#boolean-filter, #stock-filter {visibility:hidden}

/* Varianty jako outline tlačítka */
.widget-parameter-value a {
  background:transparent!important;
  color:#f57c00!important;
  border:2px solid #f57c00!important;
  padding:3px 14px!important;
  margin:2px!important;
  display:inline-block!important;
  text-decoration:none!important;
  border-radius:4px!important;
  min-width:80px!important;
  box-sizing:border-box!important;
  transition:background .3s,color .3s!important
}
.widget-parameter-value a:hover {
  background:#f57c00!important;
  color:#fff!important
}

label[for="delivery-region-id"] {
  font-weight: 600;         /*semi-bold */
  color: #f57c00;           /*oranžová (shodná s eshopem) */
  font-size: 16px;          /*trochu větší písmo */
}

.widget-parameter-more span {
  color: #f57c00 !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  position: relative;
  top: 6px;
  vertical-align: middle;
  cursor: pointer;
}

#deliveryRegionId {
  border: 2px solid #f57c00;  /*Oranžová barva */
  border-radius: 4px;         /*Volitelně zaoblené rohy */
  padding: 6px 10px;         /*Lepší vzhled uvnitř */
}



/* Header & menu */
#header .site-name a img {max-height:none}
@media(min-width:768px){
  .xxxmenu-helper {top:100%;transform:translateY(-33px)}
  .navigation-in {
    background:#39554c
  }
  #header {
    background:#fff url("https://www.tabule-nabytek.cz/user/documents/upload/res2020/header_background.png") bottom repeat-x
  }
  #navigation, .navigation-in, .navigation-in>ul, .xxxmenu-helper ul {
    height:42px
  }
  .navigation-in>ul>li {
    height:42px;
    border-color:#222
  }
  .menu-helper>span {height:44px}
  .navigation-in ul li a b {
    color:#fff!important;
    font-weight:600!important
  }
}

/* Blog button */
.blog-button {
  display:inline-block;
  text-align:center;
  vertical-align:middle;
  padding:12px 24px;
  border:1px solid #ff9933;
  border-radius:2px;
  background:#ff9933;
  background:linear-gradient(to bottom,#0a3746,#020b0e);
  text-shadow:#010607 1px 1px 1px;
  font:bold 14px sans-serif;
  color:#fff;
  text-decoration:none
}
.blog-button:hover,
.blog-button:focus {
  background:#ff9933;
  color:#fff;
  text-decoration:none
}
.blog-button:active {
  background:#ff9933;
  background:linear-gradient(to bottom,#020b0e,#020b0e)
}

/* Menu efekty */
.menu-helper::after {color:#fff;background:transparent}
.menu-helper {margin-top:4px}
.navigation-in>ul>li>a {
  padding-top:14px;
  padding-bottom:15px;
  margin-top:0
}
.navigation-in ul li:hover a b,
.menu-helper ul li:hover a b {color:#fff!important}
.navigation-in>ul>li:hover>a,
.menu-helper>ul>li:hover>a {background:#ff9933}

/* Košík a tlačítka */
.navigation-buttons>a[data-target="cart"] i {
  background:#ff9933!important;
  color:#fff!important;
  font-weight:600
}
.compact-form .btn {
  background:#f93;
  border-color:#f93;
  color:#fff
}
.compact-form .btn:hover {
  background:#ff9933;
  border-color:#ff9933;
  color:#fff
}

/* Sidebar */
.sidebar {background:#fff}
.sidebar-inner>div h4 {
  margin-top:0;
  font-size:20px;
  padding-left:20px;
  border-left:3px solid #ff9933
}

/* Kategorie – dlaždice a rozvržení */
.categories .topic {
  border-bottom:1px solid #e4e4e4
}
.categories .topic>a {
  padding:12px 12px 12px 80px;
  color:#404040;
  font-weight:600;
  background-size:36px;
  background-position:30px center;
  background-repeat:no-repeat;
  text-transform:uppercase
}
.categories .topic>a:hover {color:#ff9933}

/* Ikony kategorií */
#cat-690>.topic>a {background-image:url("/user/documents/upload/res2020/cat_tabule_trans.png")}
#cat-729>.topic>a {background-image:url("/user/documents/upload/res2020/cat_prislusenstvi_trans.png")}
#cat-720>.topic>a {background-image:url("/user/documents/upload/res2020/cat_pomucky_trans.png")}
#cat-768>.topic>a {background-image:url("/user/documents/upload/res2020/cat_nabytek_trans.png")}
#cat-744>.topic>a {background-image:url("/user/documents/upload/res2020/cat_nastenky_trans.png")}
#cat-810>.topic>a {background-image:url("/user/documents/upload/res2020/cat_vytriny_trans.png")}
#cat-819>.topic>a {background-image:url("/user/documents/upload/res2020/cat_platna_trans.png")}
#cat-828>.topic>a {background-image:url("/user/documents/upload/res2020/cat_flipcharty_trans.png")}
#cat-831>.topic>a {background-image:url("/user/documents/upload/res2020/cat_mrize_trans.png")}
#cat-965>.topic>a {background-image:url("/user/documents/upload/res2020/cat_visualizery_trans.png")}
#cat-756>.topic>a {background-image:url("/user/documents/upload/res2020/cat_interaktivní_trans.png")}

/* Podkategorie, hover, aktivní */
#categories .expandable>.topic>a>span {top:12px}
.categories ul a {padding:8px 10px 8px 50px}
.categories ul ul a {padding-left:65px}
#categories ul .expandable .cat-trigger {top:10px}
.categories>ul>li:nth-child(even)>a,
.categories>ul>li:nth-child(even)>ul>li:nth-child(even) a,
.categories>ul>li:nth-child(odd)>ul>li:nth-child(odd) a {background:#f1f1f1}
.categories .topic.active>a,
.categories .topic.child-active>a,
.categories ul li.active>a {
  color:#fff;
  background:#39554c
}
.categories ul li.active>a,
.categories .topic.active>a:hover,
.categories .topic.child-active>a:hover,
.categories ul li.active>a:hover {
  color:#fff;
  background:#ff9933
}

/* Karusely a produkty */
@media(min-width:768px){
  .multiple-columns-body .wide-carousel {
    padding:0 20px
  }
}
.products-block.products>div {
  padding:20px
}

/* Footer */
#footer {margin-top:50px}
#footer, #footer>.container {background:#444}
.custom-footer, .footer-bottom {border-color:#444}
#footer h4 {color:#f93}
#footer .contact-box a,
#footer .password-helper a,
#footer .news-item-widget a,
#footer ul a,
.contact-box ul li>span::before {
  color:#fff
}
#footer .contact-box a:hover,
#footer .password-helper a:hover,
#footer .news-item-widget a:hover,
#footer ul a:hover,
.contact-box ul li:hover>span::before {
  color:#f93
}

/* Detail produktu – přesuny bloků */
#content .p-detail {display:flex;flex-direction:column}
#content .p-detail .products-related-header {order:30}
#content .p-detail .products-related.products-additional {order:31}
#content .p-detail .browse-p {order:32}

/* Hover efekty */
.kn_child2:hover h2 a {color:#f93}
.categories>ul>li:nth-child(odd)>ul>li.active:nth-child(odd) a {
  color:#fff;
  background:#ff9933
}
.navigation-in ul.menu-level-2 a:hover {color:#ff9932}

/* Horní lišta */
.top-navigation-bar {font-weight:bold!important}

.owl-carousel {
  display: block;
  width: 100%;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
}
.owl-carousel .owl-stage {
  display: flex;
  transition: all 0.25s ease;
  will-change: transform;
}
.owl-carousel .owl-item {
  flex: 0 0 auto;
  width: 100%;
}
.owl-carousel .owl-nav,
.owl-carousel .owl-dots {
  display: block;
  text-align: center;
  margin-top: 10px;
}
.owl-carousel .owl-dot span {
  display: block;
  width: 10px;
  height: 10px;
  margin: 5px;
  background: #ccc;
  border-radius: 50%;
}
.owl-carousel .owl-dot.active span {
  background: #f57c00;
}





a.link-icon.request-quote-icon {
  background-color: #fff !important;
  color: #f57c00 !important;
  border: 2px solid #f57c00 !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  padding: 6px 14px !important;
  margin-left: 10px !important;
  white-space: nowrap !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 4px !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  height: auto !important;
}

a.link-icon.request-quote-icon::before {
  content: "›";
  margin-right: 6px;
  font-size: 18px;
  color: #f57c00 !important;
  transition: color 0.2s ease;
}

a.link-icon.request-quote-icon:hover {
  background-color: #f57c00 !important;
  color: #fff !important;
}

a.link-icon.request-quote-icon:hover::before {
  color: #fff !important;
}


/* Skrytí šipek */
.owl-carousel .owl-nav {
  display: none !important;
}

/* Skrytí puntíků */
.owl-carousel .owl-dots {
  display: none !important;
}

.categories > ul > li > ul > li.active > a,
.categories > ul > li > ul > li.active > a:hover {
  background-color: #f57c00 !important;
  color: #fff !important;
}

.categories .topic.active > a {
  background-position: 30px center !important;
  background-size: 36px 36px !important;
  background-repeat: no-repeat !important;
  padding-left: 80px !important; /* zachová místo pro obrázek */
}

.extended-description {
    display: none !important;
}

.basic-description {
    width: 100% !important;
}