ul.breadcrumb, ul.breadcrumb a {
  background: white;
  font-size: 0.7rem;
}

div.nav-bread nav {
  background-color: white;
}

div.nav-bread nav ul li {
  padding-left: 0;
}

div.nav-bread li.breadcrumb-item {
    padding-right: 0.4em;
}

div.nav-bread li.breadcrumb-item.active {
    padding-left: 0.4em;
    padding-right: 0;
}

ul.tabs.wc-tabs {
  display: flex;
  border-top: 1px solid var(--contrast-color);
  margin-top: 1em;
  padding-top: 1em;
  border-bottom: 1px solid var(--contrast-color);
  margin-bottom: 1em;
  padding-bottom: 1em;
  gap: 20px;
  flex-wrap: wrap;
}

ul.tabs.wc-tabs li {
  padding: 1em;
  padding-top: 0.4em;
  padding-bottom: 0.4em;
  background-color: var(--primary-color);
  color: var(--black-color);
}

ul.tabs.wc-tabs li a {
  color: var(--black-color);
}

.woocommerce p.stars a {
  color: var(--primary-color);
}

form#commentform input, form#commentform textarea {
  border: 0;
  background-color: var(--primary-color);
}

select {
  padding: 0.5em;
  margin: 0.5em;
}

th.label {
  text-align: left;
}

main nav *, main nav, nav ul.breadcrumb, nav ul.breadcrumb * {
  z-index: 1!important;
}

.hidden {
  display: none;
}

/* galeria produktu — modul brandideon (správanie: assets/js/product-gallery.js) */
.bd-gallery { outline: none; }

.bd-gal-main {
  position: relative; overflow: hidden; user-select: none;
  cursor: grab; background: #fff; border-radius: 6px;
}
.bd-gal-main:active { cursor: grabbing; }

.bd-gal-track { display: flex; width: 100%; will-change: transform; }
.bd-gal-slide { flex: 0 0 100%; width: 100%; }
.bd-gal-slide img { display: block; width: 100%; height: auto; pointer-events: none; }

/* šípky */
.bd-gal-prev, .bd-gal-next {
  position: absolute; top: 50%; transform: translateY(-50%); z-index: 10;
  width: 40px; height: 40px; border: 0; border-radius: 999px; padding: 0;
  background: rgba(0,0,0,.45); color: #fff;
  display: grid; place-items: center; cursor: pointer;
  transition: background .2s;
}
.bd-gal-prev { left: 8px; }
.bd-gal-next { right: 8px; }
.bd-gal-prev:hover, .bd-gal-next:hover { background: rgba(0,0,0,.65); }

/* počítadlo fotiek */
.bd-gal-counter {
  position: absolute; bottom: 10px; left: 10px; z-index: 10;
  background: rgba(0,0,0,.45); color: #fff; font-size: .78rem; font-weight: 600;
  padding: 3px 9px; border-radius: 999px; line-height: 1.6; pointer-events: none;
}

/* lupa */
.bd-gal-zoom {
  position: absolute; bottom: 10px; right: 10px; z-index: 10;
  width: 36px; height: 36px; border: 0; border-radius: 999px; padding: 0;
  background: rgba(255,255,255,.92); color: var(--black-color, #131312);
  box-shadow: 0 2px 10px rgba(0,0,0,.12);
  display: grid; place-items: center; cursor: pointer;
  transition: background .2s, color .2s, transform .2s;
}
.bd-gal-zoom:hover { transform: scale(1.08); }
.bd-gal-zoom-on { background: var(--primary-color, #EFCFA0); color: var(--black-color, #131312); }

/* náhľady */
.bd-gal-thumbs {
  display: flex; gap: 10px; align-items: center;
  overflow-x: auto; padding: 12px 0 4px; margin-top: 8px;
  scrollbar-width: none;
}
.bd-gal-thumbs::-webkit-scrollbar { height: 0; }
.bd-gal-thumb {
  flex-shrink: 0; border: 0; background: transparent; padding: 0; cursor: pointer;
  opacity: .7; border-radius: 6px;
  outline: 2px solid transparent; outline-offset: 2px;
  transition: opacity .18s, outline-color .18s;
}
.bd-gal-thumb:hover { opacity: 1; }
.bd-gal-thumb img { display: block; width: 90px; height: 64px; object-fit: cover; border-radius: 6px; }
.bd-thumb-active { opacity: 1; outline-color: var(--primary-color, #EFCFA0); }
  background: white;
  font-size: 0.7rem;
}

div.nav-bread nav {
  background-color: white;
}

div.nav-bread nav ul li {
  padding-left: 0;
}

div.nav-bread li.breadcrumb-item {
    padding-right: 0.4em;
}

div.nav-bread li.breadcrumb-item.active {
    padding-left: 0.4em;
    padding-right: 0;
}

ul.tabs.wc-tabs {
  display: flex;
  border-top: 1px solid var(--contrast-color);
  margin-top: 1em;
  padding-top: 1em;
  border-bottom: 1px solid var(--contrast-color);
  margin-bottom: 1em;
  padding-bottom: 1em;
  gap: 20px;
  flex-wrap: wrap;
}

ul.tabs.wc-tabs li {
  padding: 1em;
  padding-top: 0.4em;
  padding-bottom: 0.4em;
  background-color: var(--primary-color);
  color: var(--black-color);
}

ul.tabs.wc-tabs li a {
  color: var(--black-color);
}

.woocommerce p.stars a {
  color: var(--primary-color);
}

form#commentform input, form#commentform textarea {
  border: 0;
  background-color: var(--primary-color);
}

select {
  padding: 0.5em;
  margin: 0.5em;
}

th.label {
  text-align: left;
}

main nav *, main nav, nav ul.breadcrumb, nav ul.breadcrumb * {
  z-index: 1!important;
}

.hidden {
  display: none;
}

/* galeria produktu */
.brandideon-gallery{--nav-size:40px; --thumb-w:90px; --thumb-h:64px}

.brandideon-slider{position:relative}
.brandideon-track{
  display:flex;
  overflow-x:auto;              /* umožní ťah myšou aj prstom */
  scroll-snap-type:x mandatory; /* snap na celú fotku */
  scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;
}
.brandideon-slide{flex:0 0 100%; scroll-snap-align:center; user-select:none}
.brandideon-slide img{display:block; width:100%; height:auto}

.brandideon-nav{
  position:absolute; top:50%; transform:translateY(-50%);
  width:var(--nav-size); height:var(--nav-size);
  border:0; border-radius:999px; cursor:pointer;
  background:rgba(0,0,0,.45); color:#fff; font-size:22px; line-height:1;
  display:grid; place-items:center;
}
.brandideon-nav.prev{left:8px}
.brandideon-nav.next{right:8px}
.brandideon-nav:disabled{opacity:.35; cursor:not-allowed}

.brandideon-thumbs{
  display:flex; gap:10px; align-items:center;
  overflow:auto; padding:12px 0; margin-top:8px;
}
.brandideon-thumb{
  border:0; background:transparent; padding:0; cursor:pointer; opacity:.7;
  outline:2px solid transparent; outline-offset:2px; border-radius:6px;
}
.brandideon-thumb.is-active{opacity:1; outline-color:rgba(0,0,0,.3)}
.brandideon-thumb img{
  width:var(--thumb-w); height:var(--thumb-h); object-fit:cover; border-radius:6px; display:block
}

/* voliteľné skrytie scrollbarov (nech je to čistejšie) */
.brandideon-track::-webkit-scrollbar,
.brandideon-thumbs::-webkit-scrollbar{height:0}


/* pridat do kosika */
.brandideon-buybox{background:#f7f7f7;border-radius:6px;padding:16px}
.brandideon-buybox__price{font-size:22px;font-weight:700;margin-bottom:14px}
.brandideon-buybox__price small{font-size:12px;font-weight:400;color:#666;margin-left:6px}
.brandideon-buybox__form{display:flex;gap:12px;align-items:end;flex-wrap:wrap}
.brandideon-qtywrap label{display:block;font-size:14px;color:#333;margin-bottom:6px}
.brandideon-qty{display:flex;align-items:center;background:#fff;border:1px solid #e5e5e5;border-radius:var(--border-radius);}
.brandideon-qty .qty-btn{width:36px;height:42px;border:0;background:transparent;font-size:20px;cursor:pointer}
.brandideon-qty input.qty{width:56px;height:42px;border:0;text-align:center;outline:0}
.brandideon-addtocart{margin-bottom:0;cursor:pointer}
.brandideon-addtocart:hover{opacity:.92}

button.brandideon-variant {
    background-color: white !important;
    color: var(--black-color) !important;
    padding: 0.8em;
    font-weight: 700;
    padding-left: 1.2em;
    padding-right: 1.2em;
    margin-right: 1em;
    margin-top: 1em;
    margin-bottom: 1em;
    border: 1px solid var(--black-color);
    display: inline-block;
}

button.brandideon-variant:hover, button.brandideon-variant.is-active {
    background-color: var(--primary-color) !important; 
}

/* koniec pridat do kosika */
.priprava-detail {
    text-align: center;
}

.priprava-detail img {
    min-height:17px;
}

.grid-3.priprava {
    gap: 1em;
}

@media only screen and (max-width: 991px) {
	.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image {
    display: none;
  }
	
	
.grid-3.priprava {
    grid-template-columns:47%47%!important;
}
	
	.product-thumb-gal.active img {width:85%!important;}

  .grid-2.gallery .relative.m-1 {
    height: auto;
    margin-top: 0;
    margin-bottom: 0.5em;
  }
	
	.galleria-prod div {
 width:48%!important;
}
  
  .grid-2.gallery .relative img {
    position: inherit;
    width: 100%;
    height: auto;
  }

  .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:first-child {
    width: 100%;
    display: block;
  }
}