/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
.tada {
  -webkit-animation-name: tada;
  animation-name: tada; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn; }

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown; }

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft; }

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight; }

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp; }

@-webkit-keyframes zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }
@keyframes zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut; }

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown; }

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft; }

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight; }

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp; }

/**/

.contact-display-1-row .title-contact{
  display: inline;
}
.med-bestsale .product-miniature{
  border-bottom: none;
  border-left: none;
  border-right: none;
  padding-left: 0;
  padding-right: 0;
  margin: 0 20px !important;
}
.med-bestsale .product-miniature:hover{
  border-color: #ebebeb;
}
.med-bestsale .pos-product-widget .slick-arrow{
  top: -2.957rem !important;
}
.med-bestsale .pos-product-widget .slick-next{
  right: 1rem !important;
}
.med-bestsale .pos-product-widget .slick-prev{
  right: 3.5rem !important;
}
.toy-bestsale .product-miniature{
  border-bottom: none;
  border-left: none;
  border-right: none;
  padding-left: 0;
  padding-right: 0;
  margin: 0 20px;
  border-radius:0;
}
.toy-bestsale .product-miniature:hover{
  border-color: #ebebeb;
}
.toy-bestsale .pos-product-widget .slick-slide > *:not(:last-child) {
    margin-bottom: 0;
}
.toy-bestsale .pos-product-widget .slick-next{
  right: 1rem !important;
}
.toy-bestsale .pos-product-widget .slick-prev{
  right: 3.5rem !important;
}

.list-bigger-image .style_product_list .img_block{
  max-width: 170px;
}
.elementor-widget-wrap > section{
  width: 100% !important;
}






/* ========= GLOBAL HOVER COLOR FIX ========= */
:root{
  --hovercolor: #0C6423 !important;   /* umesto #FFFFFF */
}

/* dodatno: gde god tema koristi hovercolor za linkove */
a:hover,
a:focus{
  color: var(--hovercolor) !important;
}

/* ========= smanji visinu glavnog menija (probno) ========= */
.header-nav,
.header-nav .container,
.header-nav .row {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.header-nav a {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

/* ako vertical menu title pravi visinu */
.vertical-menu-title,
.pos-menu-vertical .title {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.header-nav .call-us,
.header-nav .header-phone,
.header-nav .hotline {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  line-height: 20px !important;
}

/* ========= TOP BAR: linkovi da ne "nestanu" na hover ========= */
.welcome.text a:hover,
.welcome.text a:focus{
  color: var(--hovercolor) !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-decoration: underline;
}
/* MOBILNO: sakrij block kategorija ispod paginacije (category stranica) */
@media (max-width: 991px) {
  body#category #left-column .block-categories,
  body#category #left-column #categories_block_left,
  body#category #left-column .category-top-menu,
  body#category #left-column .ps_categorytree,
  body#category #left-column .blockcategory,
  body#category #left-column .block_categories {
    display: none !important;
  }
}


/* OPIS ispod korpe – kompaktno */
body#product .pdp-main-desc{
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #ededed;
  font-size: 14px;
  line-height: 1.6;
}

/* UVEK prikaži Slick strelice (ne diramo ikone/dizajn) */
.slider-arrows-top .slick-prev,
.slider-arrows-top .slick-next,
.slider-arrows-center .slick-prev,
.slider-arrows-center .slick-next {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* Ako tema posebno skriva pseudo-elemente (ikone) */
.slider-arrows-top .slick-prev:before,
.slider-arrows-top .slick-next:before,
.slider-arrows-center .slick-prev:before,
.slider-arrows-center .slick-next:before {
  opacity: 1 !important;
}


/* Krug: samo ljubičasta linija + strelica ljubičasta */
.slider-arrows-top .slick-prev,
.slider-arrows-top .slick-next,
.slider-arrows-center .slick-prev,
.slider-arrows-center .slick-next{
  background: transparent !important;          /* bez pune boje */
  border: 2px solid #6b3fa0 !important;        /* ljubičasta linija kruga */
  box-shadow: none !important;                 /* bez senke (ako je ima) */
}

/* Strelice (ikonica) ljubičasta */
.slider-arrows-top .slick-prev:before,
.slider-arrows-top .slick-next:before,
.slider-arrows-center .slick-prev:before,
.slider-arrows-center .slick-next:before{
  color: #6b3fa0 !important;
  opacity: 1 !important;
}

/* Lep hover: blago popuni (opciono) */
.slider-arrows-top .slick-prev:hover,
.slider-arrows-top .slick-next:hover,
.slider-arrows-center .slick-prev:hover,
.slider-arrows-center .slick-next:hover{
  background: rgba(107, 63, 160, 0.08) !important; /* jedva primetno */
}




/* Horizontalni meni: premium hover (bez žute) */
#header .pos-menu-horizontal .menu-content > li > a:hover,
#header .pos-menu-horizontal .menu-content > li > a:hover span,
#header .pos-menu-horizontal .menu-content > li:hover > a,
#header .pos-menu-horizontal .menu-content > li:hover > a span {
  color: #F2EEFF !important;
}

/* Gornja traka */
#mobile_menu_wrapper .menu-close{
  background: #5B4686;
  color: #fff;
}
#mobile_menu_wrapper .menu-close i.material-icons{
  color:#fff;
}

/* TABOVI */
#mobile_menu_wrapper .nav-mobile-menu .nav-link{
  color:#1F2937;
  font-weight:600;
}

/* Aktivni tab: tekst ljubičast, underline žut */
#mobile_menu_wrapper .nav-mobile-menu .nav-link.active{
  color:#5B4686 !important;
  border-bottom:2px solid #FED700 !important;
}

/* Ako tema pravi underline preko :after */
#mobile_menu_wrapper .nav-mobile-menu .nav-link.active:after,
#mobile_menu_wrapper .nav-mobile-menu .nav-link.active::after{
  background:#FED700 !important;
  height:2px !important;
}

/* Stavke menija */
#mobile_vegamenu .menu-content > li > a{
  color:#111827;
  font-weight:600;
}

/* Linije između stavki */
#mobile_vegamenu .menu-content > li{
  border-bottom:1px solid #E5E7EB;
}

/* Tap/active efekat (mobilni “hover”) */
#mobile_vegamenu .menu-content > li > a:active,
#mobile_vegamenu .menu-content > li > a:focus{
  background: rgba(91,70,134,.08);
  outline:none;
}

/* Plus ikona */
#mobile_vegamenu .icon-drop-mobile i{
  color:#5B4686 !important;
}

@media (max-width: 1024px){

  /* INFO TAB: nikad sivo, nikad opacity */
  #mobile_menu_wrapper #tab-mobile-megamenu a,
  #mobile_menu_wrapper #tab-mobile-megamenu a span,
  #mobile_menu_wrapper #tab-mobile-megamenu .menu-item,
  #mobile_menu_wrapper #tab-mobile-megamenu .menu-item > a,
  #mobile_menu_wrapper #tab-mobile-megamenu .menu-item > a span{
    color: #111827 !important;
    opacity: 1 !important;
    filter: none !important;
  }

  /* Kad se otvori (plus) – ostaje isto kao kod kategorija */
  #mobile_menu_wrapper #tab-mobile-megamenu .menu-item.open > a,
  #mobile_menu_wrapper #tab-mobile-megamenu .menu-item.open > a span,
  #mobile_menu_wrapper #tab-mobile-megamenu .menu-item.active > a,
  #mobile_menu_wrapper #tab-mobile-megamenu .menu-item.active > a span,
  #mobile_menu_wrapper #tab-mobile-megamenu .menu-item.hasChild > a,
  #mobile_menu_wrapper #tab-mobile-megamenu .menu-item.hasChild > a span{
    color: #111827 !important;
    opacity: 1 !important;
  }

  /* Plus/minus da bude tvoja ljubičasta */
  #mobile_menu_wrapper #tab-mobile-megamenu .icon-drop-mobile i{
    color: #5B4686 !important;
    opacity: 1 !important;
  }
}

/* MOBILE: grid/list + sortiranje u jednom redu */
@media (max-width: 767px){

  /* ceo top bar u jednom redu */
  #js-product-list-top .row.flex-layout.center-vertical{
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
  }

  /* leva kolona (grid/list) + desna kolona (sort) da budu 2 dela u istom redu */
  #js-product-list-top .total-products,
  #js-product-list-top .row.flex-layout.center-vertical > .col-xs-12{
    flex: 0 0 auto !important;
    width: auto !important;
  }

  /* grid/list da ne zauzima puno */
  #js-product-list-top .total-products{
    margin-right: 10px !important;
  }

  #js-product-list-top .total-products ul.display{
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    gap: 10px !important;
    align-items: center !important;
  }

  /* desni deo (sort) da popuni ostatak */
  #js-product-list-top .row.flex-layout.center-vertical > .col-xs-12:last-child{
    flex: 1 1 auto !important;
    min-width: 0 !important; /* bitno da dropdown ne “puca” */
  }

  /* sort row u jednoj liniji */
  #js-product-list-top .sort-by-row{
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    margin: 0 !important;
  }

  /* dropdown container da ne bude 100% */
  #js-product-list-top .products-sort-order{
    width: 100% !important;
  }

  /* dugme dropdown da bude kompaktno */
  #js-product-list-top .products-sort-order .select-title{
    width: 100% !important;
    padding: 10px 12px !important;
    border-radius: 999px !important;
    line-height: 1 !important;
  }

  /* sakrij broj artikala već je ionako hidden-sm-down, ali ako negde probije */
  #js-product-list-top .total-products p{
    display: none !important;
  }
}

/* =========================================================
   TOPBAR PREMIUM (Elementor) — DESKTOP FIRST (FINAL)
   sekcija: .elementor-element-ltwvify
   paleta: #5b4686 (luxe purple), neutral: #fbfafc
   ========================================================= */

/* ---------- Base ---------- */
.elementor-element-ltwvify{
  background:#fbfafc;
  border-bottom: 1px solid rgba(91,70,134,.12);
}

.elementor-element-ltwvify .elementor-container{
  padding-top: 6px;
  padding-bottom: 6px;
}

.elementor-element-ltwvify .elementor-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
}

/* TOPBAR (markup ubacuje JS) */
.elementor-element-ltwvify .topbar-premium{
  display:flex;
  align-items:center;
  gap:12px;
  white-space:nowrap;
  color:#5b4686;
  font-size:13px;          /* malo veće već u base */
  font-weight:600;
  letter-spacing:.12px;
}

.elementor-element-ltwvify .topbar-premium .tb-item{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#5b4686;
  text-decoration:none;
  opacity:.96;
}

.elementor-element-ltwvify .topbar-premium .tb-sep{
  width:1px;
  height:14px;
  background: rgba(91,70,134,.18);
}

/* FontAwesome ikone iz JS-a */
.elementor-element-ltwvify .topbar-premium .tb-ico{
  font-size:15px;          /* veće ikone */
  line-height:1;
  color:inherit;
  opacity:.94;
}

/* email truncation (desktop) */
.elementor-element-ltwvify .topbar-premium .tb-mail-txt{
  max-width: 360px;
  overflow:hidden;
  text-overflow:ellipsis;
  display:inline-block;
  vertical-align:bottom;
}

/* Social osnovno */
.elementor-element-ltwvify .elementor-social-icons-wrapper{
  display:flex;
  gap:10px;
  justify-content:flex-end;
  align-items:center;
}

.elementor-element-ltwvify .elementor-social-icon{
  background:transparent !important;
  border:1px solid rgba(91,70,134,.30) !important;
  border-radius: 10px !important;
  width:32px;              /* malo veće */
  height:32px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition: background .15s ease, border-color .15s ease, transform .15s ease;
}
.elementor-element-ltwvify .elementor-social-icon i{
  color:#5b4686 !important;
  font-size:15px;
}

/* ---------- DESKTOP premium polish ---------- */
@media (min-width: 992px){

  /* “boxed content” u full-width sekciji */
  .elementor-element-ltwvify .elementor-container{
    max-width: 1320px;
    margin: 0 auto;
    padding: 10px 18px; /* premium “air” */
  }

  .elementor-element-ltwvify .elementor-row{
    gap:18px;
  }

  .elementor-element-ltwvify .topbar-premium{
    gap:16px;
    font-size:14px;        /* ✅ VEĆA slova na desktopu */
    font-weight:650;
    letter-spacing:.18px;
  }

  /* pill hover (bez žute) */
  .elementor-element-ltwvify .topbar-premium .tb-item{
    padding:6px 12px;
    border-radius:999px;
    transition: background .15s ease, transform .15s ease, opacity .15s ease, box-shadow .15s ease;
  }

  .elementor-element-ltwvify .topbar-premium a.tb-item:hover,
  .elementor-element-ltwvify .topbar-premium a.tb-item:focus{
    opacity:1;
    background: rgba(91,70,134,.08);
    transform: translateY(-1px);
    box-shadow: 0 1px 0 rgba(91,70,134,.10);
  }

  /* diskretan underline u ljubičastoj (vidljiv, premium) */
  .elementor-element-ltwvify .topbar-premium a.tb-item:hover .tb-txt,
  .elementor-element-ltwvify .topbar-premium a.tb-item:focus .tb-txt{
    text-decoration: underline;
    text-decoration-color: rgba(91,70,134,.60);
    text-underline-offset: 3px;
    text-decoration-thickness: 2px;
  }

  /* separator malo viši na desktopu */
  .elementor-element-ltwvify .topbar-premium .tb-sep{
    height:16px;
    background: rgba(91,70,134,.16);
  }

  /* Social hover: fill + blagi lift */
  .elementor-element-ltwvify .elementor-social-icon:hover{
    border-color:#5b4686 !important;
    background:#5b4686 !important;
    transform: translateY(-1px);
  }
  .elementor-element-ltwvify .elementor-social-icon:hover i{
    color:#fff !important;
  }
}

/* ---------- MOBILE/TABLET (za sada samo boje, ne diramo layout) ---------- */
@media (max-width: 991px){
  .elementor-element-ltwvify{
    background:#5b4686 !important;
    border-bottom:none !important;
  }

  .elementor-element-ltwvify .elementor-container,
  .elementor-element-ltwvify .elementor-column-wrap,
  .elementor-element-ltwvify .elementor-widget-container,
  .elementor-element-ltwvify .elementor-text-editor{
    background: transparent !important;
  }

  .elementor-element-ltwvify .topbar-premium,
  .elementor-element-ltwvify .topbar-premium .tb-item,
  .elementor-element-ltwvify .topbar-premium .tb-ico{
    color:#fff !important;
  }

  .elementor-element-ltwvify .topbar-premium .tb-sep{
    background: rgba(255,255,255,.22) !important;
  }

  /* Social na ljubičastoj */
  .elementor-element-ltwvify .elementor-social-icon{
    border-color: rgba(255,255,255,.35) !important;
  }
  .elementor-element-ltwvify .elementor-social-icon i{
    color:#fff !important;
  }
  .elementor-element-ltwvify .elementor-social-icon:hover{
    background:#fff !important;
    border-color:#fff !important;
  }
  .elementor-element-ltwvify .elementor-social-icon:hover i{
    color:#5b4686 !important;
  }
}

/* ---------- FORCE social icons visible on mobile/tablet (Elementor hidden classes) ---------- */
@media (max-width: 991px){
  .elementor-element-ltwvify .elementor-element-zf9gcyl.elementor-hidden-phone,
  .elementor-element-ltwvify .elementor-element-zf9gcyl.elementor-hidden-tablet,
  .elementor-element-ltwvify .elementor-widget-social-icons.elementor-hidden-phone,
  .elementor-element-ltwvify .elementor-widget-social-icons.elementor-hidden-tablet{
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

/* =========================================================
   KILL YELLOW HOVER (tema/modul) — samo unutar topbara
   ========================================================= */
.elementor-element-ltwvify .topbar-premium a,
.elementor-element-ltwvify .topbar-premium a:visited,
.elementor-element-ltwvify .topbar-premium a:hover,
.elementor-element-ltwvify .topbar-premium a:focus,
.elementor-element-ltwvify .topbar-premium a:active{
  color: #5b4686 !important;
}

.elementor-element-ltwvify .topbar-premium a:hover *,
.elementor-element-ltwvify .topbar-premium a:focus *,
.elementor-element-ltwvify .topbar-premium a:active *{
  color: #5b4686 !important;
}

/* ubij i “žuti underline” ako ga tema dodaje */
.elementor-element-ltwvify .topbar-premium a:hover .tb-txt,
.elementor-element-ltwvify .topbar-premium a:focus .tb-txt{
  text-decoration-color: rgba(91,70,134,.65) !important;
}

/* ===== TABLET FIX (768–1024): zadržavamo zelenu liniju + kompaktnost ===== */
@media (min-width: 768px) and (max-width: 1024px){

  /* ✅ ostaje zelena trakica kao sada */
  .elementor-element-ltwvify{
    border-bottom: 4px solid #12AB34 !important;
  }

  /* 1) Levo više prostora, desno manje (umesto 50/50) */
  .elementor-element-ltwvify .elementor-element-xbyaedi{
    flex: 0 0 72% !important;
    width: 72% !important;
    min-width: 0 !important;
  }
  .elementor-element-ltwvify .elementor-element-nfopzmb{
    flex: 0 0 28% !important;
    width: 28% !important;
  }

  /* 2) Kompaktno da ne lomi */
  .elementor-element-ltwvify .topbar-premium{
    font-size: 13px !important;
    gap: 8px !important;
    white-space: nowrap !important;
    line-height: 1.25 !important;
  }

  .elementor-element-ltwvify .topbar-premium .tb-item{
    padding: 3px 6px !important;
    gap: 6px !important;
  }

  .elementor-element-ltwvify .topbar-premium .tb-ico{
    font-size: 14px !important;
  }

  .elementor-element-ltwvify .topbar-premium .tb-sep{
    height: 14px !important;
    opacity: .9 !important;
  }

  .elementor-element-ltwvify .topbar-premium .tb-mail-txt{
    max-width: 34vw !important;
  }
}

/* ===== MOBILE TOP BAR (phones only) ===== */
@media (max-width: 767px){

  /* sakrij postojeći Elementor topbar samo na telefonu */
  .elementor-element-ltwvify{ display:none !important; }

  body.tbm-on{ padding-top: 44px; }

  #tb-mobile{
    position: fixed;
    top: 0; left: 0; right: 0;
    height: 44px;
    z-index: 99999;
    background: #5b4686;
    color: #fff;
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(255,255,255,.18);
    transform: translateY(0);
    transition: transform .18s ease;
  }
  #tb-mobile.tbm-hide{ transform: translateY(-110%); }

  #tb-mobile .tbm-btn{
    flex: 1;
    height: 44px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    color: #fff !important;
    text-decoration: none !important;
  }
  #tb-mobile .tbm-ico{ font-size: 18px; line-height: 1; }
  #tb-mobile .tbm-txt{ font-size: 11px; font-weight: 700; letter-spacing: .1px; }

  /* spreči da ti globalni hover oboji u žuto/zeleno */
  #tb-mobile a:hover,
  #tb-mobile a:focus,
  #tb-mobile a:active{ color:#fff !important; }

  /* popup */
  #tbm-pop{
    position: fixed;
    left: 12px; right: 12px;
    top: 56px;
    z-index: 100000;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 18px 40px rgba(0,0,0,.25);
    padding: 12px 14px;
    display: none;
  }
  #tbm-pop.open{ display:block; }
  #tbm-pop .tbm-pop-title{ font-weight: 600; color:#111827; margin-bottom: 6px; }
  #tbm-pop .tbm-pop-body{ font-weight: 600; color:#111827; margin-bottom: 6px; }

  #tbm-pop .tbm-social{ display:flex; gap:10px; margin-top:10px; }
  #tbm-pop .tbm-social a{
    width: 38px; height: 38px;
    border-radius: 12px;
    display:flex; align-items:center; justify-content:center;
    border: 1px solid rgba(91,70,134,.25);
    color:#5b4686 !important;
    text-decoration:none !important;
  }
}

/* =========================================================
   ZAMENA NARANDŽASTE AKCENT BOJE → #1F9D74
   (stavi na SAM KRAJ Custom CSS)
   - NE DIRAMO hover na ikonama (compare/wishlist/account/cart)
   ========================================================= */

/* 1) Dugme "Pretraži" (posSearch) */
.pos-search.search-classic .pos-search__submit{
  background: #146148 !important;
  border-color: #1F9D74 !important;
  color: #fff !important;
}
.pos-search.search-classic .pos-search__submit:hover,
.pos-search.search-classic .pos-search__submit:focus{
  background: #178A65 !important;   /* hover */
  border-color: #178A65 !important;
  color:#fff !important;
}
.pos-search.search-classic .pos-search__submit:active{
  background: #136F52 !important;   /* active/pressed */
  border-color: #136F52 !important;
  color:#fff !important;
}

/* 2) Brojači (compare / wishlist / korpa / quickmenu) */
.compare-top .compare-top-count,
.compare-top .compare-top-count * ,
.wishlist-top .wishlist-top-count,
.wishlist-top .wishlist-top-count *,
#_desktop_cart_block .cart-products-count,
.quickmenu-mobile .qm-count{
  background: #1F9D74 !important;
  border-color: #1F9D74 !important;
  color: #fff !important;
}

/* TABLET (768–1024): matbpgc copyright da ide 100% širine */
@media (min-width: 768px) and (max-width: 1024px){

  /* sekcija + unutrašnji wrapperi 100% */
  section.elementor-element.elementor-element-matbpgc{
    width: 100% !important;
    max-width: 100% !important;
    left: 0 !important;
    margin: 0 !important;
    transform: none !important;
    box-sizing: border-box !important;
  }

  section.elementor-element.elementor-element-matbpgc > .elementor-container{
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  section.elementor-element.elementor-element-matbpgc .elementor-row{
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    box-sizing: border-box !important;
  }

  /* kolona 100% */
  section.elementor-element.elementor-element-matbpgc .elementor-element-iqvnsaq,
  section.elementor-element.elementor-element-matbpgc .elementor-col-100{
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    box-sizing: border-box !important;
  }

  /* widgeti unutra 100% */
  section.elementor-element.elementor-element-matbpgc .elementor-column-wrap,
  section.elementor-element.elementor-element-matbpgc .elementor-widget-wrap,
  section.elementor-element.elementor-element-matbpgc .elementor-widget,
  section.elementor-element.elementor-element-matbpgc .elementor-widget-container,
  section.elementor-element.elementor-element-matbpgc .elementor-text-editor{
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* KLJUČ: ako je boja/pozadina na strong ili p, nateraj da bude full width */
  section.elementor-element.elementor-element-matbpgc .elementor-text-editor p,
  section.elementor-element.elementor-element-matbpgc .elementor-text-editor p strong{
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
  }
}

/* Arome CMS – responsive tabela u bojama sajta */
.cms-arome {
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  color: #2b2b2b;
}

/* Osnovno ponašanje tabela */
.cms-arome table {
  float: none !important;
  width: 100% !important;
  max-width: 100%;
  border-collapse: collapse !important;
  margin-bottom: 18px !important;
  background: #ffffff;
  box-shadow: 0 6px 18px rgba(91, 70, 134, 0.08);
}

/* Desktop: zadrži 3 kolone */
@media (min-width: 992px) {
  .cms-arome table {
    float: left !important;
    width: 33.333% !important;
  }
}

/* Mobilni/tablet: jedna ispod druge + scroll ako zatreba */
@media (max-width: 991px) {
  .cms-arome {
    overflow-x: hidden;
  }

  .cms-arome table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 16px !important;
  }
}

/* Opšti izgled ćelija */
.cms-arome table td {
  font-family: Arial, sans-serif !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
  color: #222222 !important;
  vertical-align: middle !important;
}

/* Pregazi span stilove iz starog Excel HTML-a */
.cms-arome table td span {
  font-family: inherit !important;
  font-size: inherit !important;
  color: inherit !important;
}

/* Gornji naslov svake tabele */
.cms-arome table td[bgcolor="#204559"],
.cms-arome table td[bgcolor="#204559"] span {
  background: #5B4686 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
}

/* Header red: Br, Naziv proizvoda, Cena */
.cms-arome table td[bgcolor="#306786"],
.cms-arome table td[bgcolor="#306786"] span {
  background: #4F6F7D !important;
  color: #ffffff !important;
  font-weight: 700 !important;
}

/* Svetli redovi */
.cms-arome table td[bgcolor="#DBF0F3"],
.cms-arome table td[bgcolor="#DBF0F3"] span {
  background: #EEF8FA !important;
}

/* Beli redovi */
.cms-arome table td[bgcolor="#FFFFFF"],
.cms-arome table td[bgcolor="#FFFFFF"] span {
  background: #ffffff !important;
}

/* Mekše ivice */
.cms-arome table td[style*="border"] {
  border-color: #D8D3E6 !important;
}

/* Profesionalni hover */
@media (hover: hover) {
  .cms-arome table tbody tr:hover td {
    background: #F3EFF8 !important;
    color: #222222 !important;
    transition: background-color 0.18s ease, color 0.18s ease;
  }

  /* Ne menjaj glavni naslov na hover */
  .cms-arome table tbody tr:first-child:hover td[bgcolor="#204559"],
  .cms-arome table tbody tr:first-child:hover td[bgcolor="#204559"] span {
    background: #5B4686 !important;
    color: #ffffff !important;
  }

  /* Ne menjaj header kolone na hover */
  .cms-arome table tbody tr:nth-child(2):hover td[bgcolor="#306786"],
  .cms-arome table tbody tr:nth-child(2):hover td[bgcolor="#306786"] span {
    background: #4F6F7D !important;
    color: #ffffff !important;
  }
}

/* Tekst ispod tabela */
.cms-arome > p {
  clear: both;
  margin: 10px 0;
  font-size: 15px;
  line-height: 1.6;
  color: #333333;
}

.cms-arome > p:empty {
  display: none;
}

.cms-arome > p a {
  color: #5B4686 !important;
  font-weight: 700;
  text-decoration: none;
}

.cms-arome > p a:hover {
  color: #4F6F7D !important;
  text-decoration: underline;
}

/* Malo bolji prikaz na baš malim ekranima */
@media (max-width: 600px) {
  .cms-arome table td {
    font-size: 12px !important;
    padding: 6px !important;
  }

  .cms-arome > p {
    font-size: 14px;
  }
}

/* =========================================================
   PRODUCT CARD: "ADD TO CART" ikonica = korpa + plus (premium)
   radi za  (na stanju) i  (nema na stanju)
   ========================================================= */

:root{
  --atcIcon: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M6 6h15l-1.5 7H7.5L6 4H3%27/%3E%3Ccircle cx=%279%27 cy=%2720%27 r=%271%27/%3E%3Ccircle cx=%2718%27 cy=%2720%27 r=%271%27/%3E%3Cpath d=%27M12 9v4%27/%3E%3Cpath d=%27M10 11h4%27/%3E%3C/svg%3E");
}

/* da se ne seče */
.product-miniature ul.add-to-links,
.product-miniature ul.add-to-links li,
.product-miniature ul.add-to-links li.cart{
  overflow: visible !important;
}

/* stil dugmeta (a ili span) */
.product-miniature ul.add-to-links li.cart a.ajax_add_to_cart_button{
  width: 40px !important;
  height: 40px !important;
  border-radius: 12px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border: 1px solid rgba(91,42,93,.25) !important;
  background: #fff !important;

  position: relative !important;
  overflow: visible !important;

  /* sakrij tekst vizuelno, ali ostavi ga u DOM-u */
  text-indent: -9999px !important;
  white-space: nowrap !important;

  transition: background .15s ease, border-color .15s ease, transform .15s ease !important;
}

/* ugasi eventualnu temu koja već crta ikonu preko ::before */
.product-miniature ul.add-to-links li.cart a.ajax_add_to_cart_button::before,
.product-miniature ul.add-to-links li.cart span.ajax_add_to_cart_button::before{
  content: none !important;
}

/* naša nova ikonica (korpa +) */
.product-miniature ul.add-to-links li.cart a.ajax_add_to_cart_button::after{
  content: "" !important;
  width: 22px !important;
  height: 22px !important;

  background-color: #5B2A5D !important; /* default ljubičasta */

  -webkit-mask-image: var(--atcIcon) !important;
  mask-image: var(--atcIcon) !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
}

/* hover/tap akcija (na klikabilnom ) */
.product-miniature ul.add-to-links li.cart a.ajax_add_to_cart_button:hover,
.product-miniature ul.add-to-links li.cart a.ajax_add_to_cart_button:active,
.product-miniature ul.add-to-links li.cart a.ajax_add_to_cart_button:focus{
  background: #1F9D74 !important;
  border-color: #1F9D74 !important;
  transform: translateY(-1px) !important;
}
.product-miniature ul.add-to-links li.cart a.ajax_add_to_cart_button:hover::after,
.product-miniature ul.add-to-links li.cart a.ajax_add_to_cart_button:active::after,
.product-miniature ul.add-to-links li.cart a.ajax_add_to_cart_button:focus::after{
  background-color: #fff !important; /* bela ikonica na zelenom */
}

/* OUT OF STOCK: sakrij korpu (disabled ATC) svuda */
.product-miniature ul.add-to-links li.cart .ajax_add_to_cart_button.disabled,
.product-miniature ul.add-to-links li.cart .ajax_add_to_cart_button[disabled],
.product-miniature ul.add-to-links li.cart .ajax_add_to_cart_button[aria-disabled="true"],
.product-miniature ul.add-to-links li.cart.disabled .ajax_add_to_cart_button{
  display:none!important;
}





/* ===========================
   PDP (desktop only) — kartice
   =========================== */
@media (min-width: 1025px) {

  /* 1) DESNA STRANA (cena/varijante/dugme) kao kartica */
  body#product #main #right-column,
  body#product #main .product-information,
  body#product #main .product-info,
  body#product #main .product-actions {
    background: #fff !important;
    border: 1px solid rgba(0,0,0,.06);
    border-radius: 14px;
    padding: 18px 18px;
    box-shadow: 0 10px 30px rgba(0,0,0,.08);
  }

  /* 2) OPIS / DETALJI PROIZVODA (tabs) kao kartica */
  body#product #main .product-tabs,
  body#product #main .tabs:not(.nav-tabs) {
    background: #fff !important;
    border: 1px solid rgba(0,0,0,.06);
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(0,0,0,.08);
    overflow: hidden; /* da radius lepo “seče” unutra */
  }

  /* Malo “air”-a unutra (sadržaj taba) */
  body#product #main .product-tabs .tab-content,
  body#product #main .tabs:not(.nav-tabs) .tab-content {
    padding: 18px;
  }

  /* Da i header tabova legne lepo u karticu (ne mora, ali izgleda urednije) */
  body#product #main .product-tabs .nav-tabs,
  body#product #main .tabs:not(.nav-tabs) .nav-tabs {
    margin: 0;
    padding: 0 18px;
    border-bottom: 1px solid rgba(0,0,0,.06);
  }
}

@media (max-width: 767px){
  body.tbm-menu-open #tb-mobile,
  body.tbm-menu-open #tbm-pop{
    display:none !important;
  }

  /* da ne ostane "rupa" kad topbar nestane */
  body.tbm-on.tbm-menu-open{
    padding-top:0 !important;
  }

  /* da "Zatvori" uvek bude gore vidljivo */
  #mobile_menu_wrapper .menu-close{
    position: sticky !important;
    top: 0 !important;
    z-index: 5 !important;
  }
}

/* Account dropdown: desktop hover koji može da se "uhvati" mišem */
/* =========================================
   PREMIUM account dropdown — desktop
   uža varijanta, odmah ispod ikonice
   ========================================= */
@media (hover: hover) and (pointer: fine) {
  .pos-account.pos-header-element {
    position: relative;
    z-index: 1001;
  }

  /* mali nevidljivi most ispod account ikonice */
  .pos-account.pos-header-element::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    width: 110px;
    height: 10px;
    transform: translateX(-50%);
    z-index: 1002;
  }

  .pos-account.pos-header-element .dropdown-menu.pos-dropdown-menu {
    display: block !important;
    position: absolute;
    top: calc(100% + 8px);
    left: 50%;
    right: auto;
    width: 180px;
    min-width: 180px;
    max-width: 180px;
    margin: 0;
    padding: 8px 0;
    list-style: none;

    background: #fff;
    border: 1px solid rgba(0,0,0,.08);
    border-radius: 14px;
    box-shadow: 0 16px 38px rgba(0,0,0,.12);

    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateX(-50%) translateY(6px);
    transition: opacity .18s ease, transform .18s ease, visibility .18s ease;

    z-index: 1003;
  }

  .pos-account.pos-header-element:hover .dropdown-menu.pos-dropdown-menu,
  .pos-account.pos-header-element .dropdown-menu.pos-dropdown-menu:hover {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(-50%) translateY(0);
  }

  .pos-account.pos-header-element .dropdown-menu.pos-dropdown-menu a {
    display: block;
    padding: 10px 14px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    color: #253237 !important;
    text-decoration: none !important;
    transition: background .15s ease, color .15s ease, padding-left .15s ease;
  }

  .pos-account.pos-header-element .dropdown-menu.pos-dropdown-menu a:hover,
  .pos-account.pos-header-element .dropdown-menu.pos-dropdown-menu a:focus {
    background: rgba(91,70,134,.08);
    color: #5B4686 !important;
    padding-left: 18px;
    outline: none;
  }

  .pos-account.pos-header-element > a.account-login {
    position: relative;
    z-index: 1004;
  }
}




/* DESKTOP: pokaži strelicu za podkategorije koje imaju submenu */
@media (min-width: 1025px){

  /* da ima mesta desno za strelicu */
  #_desktop_vegamenu .menu-dropdown.cat-drop-menu li{
    position: relative;
  }

  #_desktop_vegamenu .menu-dropdown.cat-drop-menu li > a{
    padding-right: 28px !important;
  }

  /* ključ: trenutno ti je display:none -> ovo ga vraća */
  #_desktop_vegamenu .menu-dropdown.cat-drop-menu li > .icon-drop-mobile{
    display: block !important;
    position: absolute !important;
    right: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important; /* samo indikator */
  }

#_desktop_vegamenu .menu-dropdown.cat-drop-menu li > .icon-drop-mobile::before{
  content: "\e92d" !important;              /* ako ti je to desna strelica */
  font-family: "roadthemes-icon" !important;
  font-size: 10px !important;              /* ili 12px ako želiš veće */
  line-height: 1 !important;
}

  /* sakrij mobile +/− ikonice samo na desktopu */
  #_desktop_vegamenu .menu-dropdown.cat-drop-menu li > .icon-drop-mobile i{
    display: none !important;
  }
}

/* MOJ NALOG — vrati raspored i napravi bele kartice */
body#my-account #content .links{
  display: flex !important;
  flex-wrap: wrap !important;
  margin: 0 -10px !important;
}

body#my-account #content .links > a{
  float: none !important;
  display: block !important;
  padding: 10px !important;
  text-decoration: none !important;
}

/* desktop */
@media (min-width: 992px){
  body#my-account #content .links > a{
    flex: 0 0 33.333% !important;
    max-width: 33.333% !important;
    width: 33.333% !important;
  }
}

/* tablet */
@media (min-width: 768px) and (max-width: 991px){
  body#my-account #content .links > a{
    flex: 0 0 50% !important;
    max-width: 50% !important;
    width: 50% !important;
  }
}

/* mobilni */
@media (max-width: 767px){
  body#my-account #content .links > a{
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}

body#my-account #content .links > a .link-item{
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 78px !important;
  padding: 18px 20px !important;

  background: #fff !important;
  border: 1px solid rgba(0,0,0,.06) !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.08) !important;

  color: #253237 !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;

  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}

body#my-account #content .links > a:hover .link-item{
  transform: translateY(-2px) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.10) !important;
  border-color: rgba(91,70,134,.18) !important;
}

body#my-account #content .links > a .link-item i.material-icons{
  flex: 0 0 42px !important;
  width: 42px !important;
  height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;

  border-radius: 12px !important;
  background: rgba(91,70,134,.08) !important;
  color: #5B4686 !important;

  font-size: 22px !important;
  line-height: 1 !important;
}

/* ISTORIJA PORUDŽBINA — bela kartica tabela */
body#history #content .table{
  background:#fff !important;
  border:1px solid rgba(0,0,0,.06) !important;
  border-radius:14px !important;
  box-shadow:0 10px 30px rgba(0,0,0,.08) !important;
  overflow:hidden !important;
}
body#history #content .table thead th{
  background:#fbfafc !important;
  color:#253237 !important;
  font-weight:700 !important;
}
body#history #content .table th,
body#history #content .table td{
  border-color:#eceff3 !important;
  vertical-align:middle !important;
}
body#history #content .label.label-pill{
  border-radius:999px !important;
  padding:6px 10px !important;
  font-weight:700 !important;
}
body#history #content .order-actions a{
  display:inline-flex !important;
  align-items:center !important;
  margin:2px 6px 2px 0 !important;
  padding:6px 10px !important;
  border-radius:999px !important;
  background:rgba(91,70,134,.08) !important;
  color:#5B4686 !important;
  text-decoration:none !important;
}

/* LOGIN dugme */
#submit-login.btn.btn-primary{
  background:#5B4686 !important;
  border-color:#5B4686 !important;
  color:#fff !important;
  border-radius:12px !important;
  box-shadow:0 10px 24px rgba(91,70,134,.18) !important;
}
#submit-login.btn.btn-primary:hover,
#submit-login.btn.btn-primary:focus{
  background:#4b396f !important;
  border-color:#4b396f !important;
  color:#fff !important;
}


/* =========================================
   ORDER DETAIL — elegantne bele kartice
   ========================================= */
body#order-detail #order-infos .box,
body#order-detail #order-history.box,
body#order-detail .addresses .box,
body#order-detail .box.hidden-sm-down,
body#order-detail .order-items.box,
body#order-detail .order-totals.box,
body#order-detail .order-message-form.box,
body#order-detail #content > .box{
  background:#fff !important;
  border:1px solid rgba(0,0,0,.06) !important;
  border-radius:14px !important;
  box-shadow:0 10px 30px rgba(0,0,0,.08) !important;
  padding:18px !important;
  margin-bottom:18px !important;
}

/* naslovi */
body#order-detail h3,
body#order-detail h4{
  color:#253237 !important;
  font-weight:700 !important;
  margin-bottom:14px !important;
}

/* top info red */
body#order-detail #order-infos .box strong{
  color:#253237 !important;
}

/* dugmad */
body#order-detail .button-primary,
body#order-detail .btn.btn-primary,
body#order-detail .form-control-submit{
  background:#5B2A5D !important;
  border-color:#5B2A5D !important;
  color:#fff !important;
  border-radius:10px !important;
  box-shadow:none !important;
}

body#order-detail .button-primary:hover,
body#order-detail .btn.btn-primary:hover,
body#order-detail .form-control-submit:hover{
  background:#1F9D74 !important;
  border-color:#1F9D74 !important;
  color:#fff !important;
}

/* tabele */
body#order-detail .table{
  background:#fff !important;
  margin-bottom:0 !important;
}

body#order-detail .table thead th{
  background:#F8F8FB !important;
  color:#253237 !important;
  border-color:#ECECF3 !important;
  font-weight:700 !important;
}

body#order-detail .table td,
body#order-detail .table th{
  border-color:#ECECF3 !important;
  vertical-align:middle !important;
}

/* status badge */
body#order-detail .label.label-pill{
  border-radius:999px !important;
  padding:6px 10px !important;
  font-weight:700 !important;
  color:#fff !important;
}

/* linkovi u akcijama */
body#order-detail .order-actions a,
body#order-detail a[data-link-action="view-order-details"]{
  color:#5B2A5D !important;
  font-weight:600 !important;
}

body#order-detail .order-actions a:hover,
body#order-detail a[data-link-action="view-order-details"]:hover{
  color:#1F9D74 !important;
  text-decoration:none !important;
}

/* mobilne linije */
body#order-detail .history-lines .history-line,
body#order-detail .shipping-lines .shipping-line,
body#order-detail .order-item{
  background:#fff !important;
  border:1px solid #ECECF3 !important;
  border-radius:12px !important;
  padding:12px !important;
  margin-bottom:12px !important;
}

/* inputi */
body#order-detail .form-control,
body#order-detail .form-control-select,
body#order-detail textarea{
  border-radius:10px !important;
  border:1px solid #DADDE5 !important;
  box-shadow:none !important;
}

body#order-detail .form-control:focus,
body#order-detail .form-control-select:focus,
body#order-detail textarea:focus{
  border-color:#5B2A5D !important;
  box-shadow:0 0 0 2px rgba(91,42,93,.08) !important;
}

/* ORDER DETAIL: dugme "Ponovi narudžbinu" da ne guta tekst */
body#order-detail #order-infos .button-primary{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 170px !important;
  min-height: 40px !important;
  padding: 10px 16px !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  border-radius: 999px !important;
  text-align: center !important;
}

/* HISTORY (telefon + tablet): Detalji i Ponovi narudžbinu kao lepa dugmad u istom redu */
@media (max-width: 991px){
  body#history .orders .order .row{
    display:flex !important;
    flex-wrap:wrap !important;
  }

  /* gornji info blok neka ide punom širinom */
  body#history .orders .order .col-xs-10{
    flex:0 0 100% !important;
    max-width:100% !important;
  }

  /* akcije ispod, ali u jednom redu */
  body#history .orders .order .col-xs-2{
    flex:0 0 100% !important;
    max-width:100% !important;
    margin-top:10px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:8px !important;
    text-align:left !important;
  }

  body#history .orders .order .col-xs-2 > div{
    margin:0 !important;
  }

  body#history .orders .order .col-xs-2 a{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:36px !important;
    padding:8px 12px !important;
    border-radius:10px !important;
    background:#5B2A5D !important;
    color:#fff !important;
    text-decoration:none !important;
    font-size:13px !important;
    font-weight:600 !important;
    line-height:1.2 !important;
  }

  /* sakrij ikonice */
  body#history .orders .order .col-xs-2 a i{
    display:none !important;
  }

  /* ubaci tekst */
  body#history .orders .order .col-xs-2 a[data-link-action="view-order-details"]::after{
    content:"Detalji";
  }

  body#history .orders .order .col-xs-2 a[title="Ponovi narudžbinu"]::after{
    content:"Ponovi narudžbinu";
  }
}




/* ORDER CONFIRMATION – lep desktop prikaz */
#order-items .order-line .image img{
  max-width:100% !important;
  height:auto !important;
  display:block !important;
}

@media (min-width: 1025px){

  #content-hook_order_confirmation.card,
  #content.page-order-confirmation.card,
  #registration-form.card{
    background:#fff !important;
    border:1px solid rgba(0,0,0,.06) !important;
    border-radius:14px !important;
    box-shadow:0 10px 30px rgba(0,0,0,.08) !important;
    overflow:hidden !important;
  }

  #content-hook_order_confirmation .card-block,
  #content.page-order-confirmation .card-block,
  #registration-form .card-block{
    padding:22px !important;
  }

  /* naručene stavke kao lepa bela kartica */
  #order-items{
    width:100% !important;
    max-width:100% !important;
    flex:0 0 100% !important;
  }

  #order-items .order-confirmation-table{
    background:#fff !important;
    border:1px solid rgba(0,0,0,.06) !important;
    border-radius:14px !important;
    padding:16px 18px !important;
    box-shadow:0 10px 30px rgba(0,0,0,.06) !important;
  }

  #order-items .order-line{
    margin:0 !important;
    padding:14px 0 !important;
    border-bottom:1px solid #eceff3 !important;
    display:flex !important;
    align-items:center !important;
  }

  #order-items .order-line:last-of-type{
    border-bottom:none !important;
  }

  /* slika proizvoda */
  #order-items .order-line .image{
    width:96px !important;
    height:96px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:#fff !important;
    border:1px solid #ececf3 !important;
    border-radius:12px !important;
    padding:8px !important;
    overflow:hidden !important;
  }

  #order-items .order-line .image img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
  }

  #order-items .order-line .details span{
    font-size:16px !important;
    font-weight:600 !important;
    line-height:1.4 !important;
    color:#1f2937 !important;
  }

  #order-items .order-confirmation-table table{
    width:100% !important;
    margin-top:14px !important;
  }

  #order-items .order-confirmation-table table td{
    padding:10px 0 !important;
    border-top:1px solid #eceff3 !important;
  }

  /* detalji porudžbine kao posebna kartica ispod */
  #order-details{
    width:100% !important;
    max-width:100% !important;
    flex:0 0 100% !important;
    margin-top:18px !important;
    background:#fff !important;
    border:1px solid rgba(0,0,0,.06) !important;
    border-radius:14px !important;
    padding:18px 20px !important;
    box-shadow:0 10px 30px rgba(0,0,0,.06) !important;
  }
}




/* REGISTRACIJA kao guest checkout */
.register-form .reg-checkout-form{
  margin-top: 12px;
}

.register-form .reg-card{
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  border-radius:14px;
  padding:18px;
  box-shadow:0 10px 30px rgba(0,0,0,.08);
  margin-bottom:16px;
}

.register-form .reg-title{
  font-size:18px;
  font-weight:700;
  margin-bottom:14px;
  color:#253237;
}

.register-form .reg-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}

.register-form .reg-span-2{
  grid-column:1 / -1;
}

.register-form .reg-field label{
  display:block;
  font-weight:600;
  margin-bottom:6px;
  color:#253237;
}

.register-form .reg-check{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:600;
  margin:0;
}

.register-form .reg-note{
  margin-top:6px;
  color:#6b7280;
  font-size:13px;
}

.register-form .reg-footer{
  margin-top:8px;
}

@media (max-width: 767px){
  .register-form .reg-grid{
    grid-template-columns:1fr;
  }

  .register-form .reg-span-2{
    grid-column:auto;
  }

  .register-form .form-footer .btn{
    width:100%;
    float:none !important;
  }
}



@media (max-width: 767px) {

  /* 1) Slick strelice */
  button.slick-prev.slick-arrow,
  button.slick-next.slick-arrow {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
    z-index: 10 !important;
    top: 42% !important;
    transform: translateY(-50%) !important;
  }

  button.slick-prev.slick-arrow::before,
  button.slick-next.slick-arrow::before {
    font-size: 18px !important;
  }

  .slider-arrows-top button.slick-prev.slick-arrow {
    margin-right: 10px !important;
  }

  /* 2) Dodatni razmak između kartica u slideru */
  .products .slick-slide,
  .product_list .slick-slide,
  .product-carousel .slick-slide {
    padding: 0 6px !important;
    box-sizing: border-box !important;
  }

  /* 3) Cela kartica da ima više "vazduha" */
  .product-miniature,
  .js-product-miniature {
    padding: 8px !important;
    box-sizing: border-box !important;
  }

  .product-miniature .thumbnail-container,
  .js-product-miniature .thumbnail-container {
    padding: 8px !important;
    box-sizing: border-box !important;
  }

  /* 4) Thumbnail link - veći i pun blok */
  .product-miniature a.thumbnail.product-thumbnail,
  .js-product-miniature a.thumbnail.product-thumbnail {
    display: block !important;
    width: 100% !important;
    min-width: 64px !important;
    min-height: 64px !important;
    padding: 8px !important;
    margin: 0 0 12px 0 !important;
    box-sizing: border-box !important;
  }

  .product-miniature a.thumbnail.product-thumbnail img,
  .js-product-miniature a.thumbnail.product-thumbnail img {
    display: block !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
  }

  /* 5) Naziv proizvoda - veća klik zona i više redova */
  .product-miniature a.product_name.one_line,
  .js-product-miniature a.product_name.one_line {
    display: block !important;
    min-height: 48px !important;
    padding: 10px 0 !important;
    margin: 0 0 12px 0 !important;
    line-height: 1.3 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    box-sizing: border-box !important;
  }

  /* 6) Opis / donji deo kartice da ne bude zbijen */
  .product-miniature .product-description,
  .js-product-miniature .product-description {
    padding-top: 8px !important;
  }

  /* 7) Add to cart dugme */
  body#index .js-product-miniature.style_product_default .add-to-links li.cart button.ajax_add_to_cart_button.add-to-cart.btn-default {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    font-size: 0 !important;
    box-sizing: border-box !important;
  }

  body#index .js-product-miniature.style_product_default .add-to-links li.cart button.ajax_add_to_cart_button.add-to-cart.btn-default::before {
    font-size: 20px !important;
  }

  body#index .js-product-miniature.style_product_default .add-to-links li.cart {
    min-width: 48px !important;
    min-height: 48px !important;
  }
}


@media (max-width: 767px) {
  .categories-container.slick-slider-block > button.slick-prev.slick-arrow,
  .categories-container.slick-slider-block > button.slick-next.slick-arrow {
    top: 50% !important;
    transform: translateY(-50%) !important;
  }
}

@media (max-width: 991px) {
  body#authentication input#field-email.form-control,
  body#authentication input#field-password.form-control {
    background: #ffffff !important;
    color: #111827 !important;
    border: 1px solid #cbd5e1 !important;
  }

  body#authentication input#field-email.form-control::placeholder,
  body#authentication input#field-password.form-control::placeholder {
    color: #6b7280 !important;
    opacity: 1 !important;
  }

  body#authentication label {
    color: #374151 !important;
  }

  /* dugme PRIKAŽI da ne bude bledo */
  body#authentication .input-group-btn .btn,
  body#authentication .btn[data-action="show-password"] {
    background: #4b5563 !important;
    color: #ffffff !important;
    border-color: #4b5563 !important;
  }
}



@media (max-width: 767px) {
  .product-cover-container .easyzoom > a {
    pointer-events: none !important;
    cursor: default !important;
  }
}



/* CLS fix: rezerviši prostor za default product placeholder sliku */
img[src*="sr-default-home_default.jpg"]{
  width: 216px;
  height: 216px;
  aspect-ratio: 1 / 1;
  display: block;
}

/* CLS fix: mega contact ikonica - ne razvlači sliku */
img[src*="mega4_contact.png"]{
  width: 26px !important;
  height: 26px !important;
  aspect-ratio: 1 / 1;
  display: inline-block;
  max-width: 26px !important;
  max-height: 26px !important;
}




/* CLS fix: ujednači visinu product kartica na homepage sliderima */
body#index .thumbnail-container.style_product_default.product-miniature,
body#index .thumbnail-container.style_product_default.product-miniature.js-product-miniature {
  min-height: 360px !important;
}



/* CLS fix: rezerviši prostor za product slidere pre pune slick inicijalizacije */
body#index .slick-slider-block.column-desktop-5.column-tablet-4.column-mobile-2 {
  min-height: 366px !important;
}

/* CLS fix: rezerviši prostor za gornji categories slider */
body#index .categories-container.slick-slider-block {
  min-height: 257px !important;
}


@media (min-width: 992px){

  /* Sticky KILLER: main overflow hidden */
  body#product main{
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    transform: none !important;
    filter: none !important;
    contain: none !important;
  }

  /* Bitno: kolone moraju da budu iste visine (stretch), da sticky ima “duži” parent */
  body#product .product-container.product-layout3 .row-showcase{
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important; /* <-- STRETCH, ne flex-start */
  }

  body#product .product-container.product-layout3 .row-showcase > .col-md-6{
    float: none !important;
  }

  body#product .product-container.product-layout3 .product-left-sticky{
    position: sticky !important;
    top: 110px !important;
    z-index: 5;
  }
}




/* PDP - full profi: jedan red, 2 ista CTA dugmeta */
@media (min-width: 992px){

  /* sakrij "Količina" label da ne ruži red */
  body#product .product-add-to-cart .control-label{
    display:none !important;
  }

  /* cela linija */
  body#product .product-add-to-cart .product-quantity{
    display:flex !important;
    align-items:stretch !important;
    gap:12px !important;
    flex-wrap:nowrap !important;
  }

  /* qty kompaktno i uredno */
  body#product .product-add-to-cart .product-quantity .qty{
    flex:0 0 130px !important;
    margin:0 !important;
    display:flex !important;
    align-items:stretch !important;
  }

  /* ujednači visinu input-a i touchspin dugmića */
  body#product .product-add-to-cart .product-quantity .qty .bootstrap-touchspin,
  body#product .product-add-to-cart .product-quantity .qty .bootstrap-touchspin .form-control,
  body#product .product-add-to-cart .product-quantity .qty .bootstrap-touchspin .input-group-btn-vertical .btn{
    height:46px !important;
  }
  body#product .product-add-to-cart .product-quantity .qty .bootstrap-touchspin .form-control{
    padding:10px 12px !important;
    border-radius:10px !important;
  }
  body#product .product-add-to-cart .product-quantity .qty .bootstrap-touchspin .input-group-btn-vertical .btn{
    border-radius:10px !important;
  }

  /* DVA CTA dugmeta ISTE širine */
  body#product .product-add-to-cart .product-quantity .add,
  body#product .product-add-to-cart .product-quantity .buy{
    flex:1 1 0 !important;     /* <-- ovo ih pravi identičnim */
    margin:0 !important;
    display:flex !important;
  }

  /* zajednički stil za oba dugmeta */
  body#product .product-add-to-cart .product-quantity .add .add-to-cart,
  body#product .product-add-to-cart .product-quantity .buy .buy-now{
    width:100% !important;
    height:46px !important;
    padding:10px 14px !important;
    border-radius:12px !important;
    white-space:nowrap !important;
    font-weight:600 !important;
    letter-spacing:0.2px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
  }

  /* “premium” hover/focus bez menjanja boja teme */
  body#product .product-add-to-cart .product-quantity .add .add-to-cart:hover,
  body#product .product-add-to-cart .product-quantity .buy .buy-now:hover{
    filter:brightness(1.03) !important;
    transform:translateY(-1px) !important;
  }
  body#product .product-add-to-cart .product-quantity .add .add-to-cart:focus,
  body#product .product-add-to-cart .product-quantity .buy .buy-now:focus{
    outline:none !important;
  }
  body#product .product-add-to-cart .product-quantity .add .add-to-cart:focus-visible,
  body#product .product-add-to-cart .product-quantity .buy .buy-now:focus-visible{
    box-shadow:0 0 0 3px rgba(0,0,0,.12) !important;
  }

  /* compare kao mala ikonca (ne širi layout) */
  body#product .product-add-to-cart .product-quantity .cart_button{
    flex:0 0 46px !important;
    margin:0 !important;
    display:flex !important;
  }
  body#product .product-add-to-cart .product-quantity .cart_button .compare-button{
    width:46px !important;
    height:46px !important;
    padding:0 !important;
    border-radius:12px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:0 !important; /* sakrij tekst */
  }
  body#product .product-add-to-cart .product-quantity .cart_button .compare-button i{
    font-size:18px !important;
  }

  /* da se "Poslednji komad..." ne lepi uz dugmad */
  body#product .product-add-to-cart #product-availability{
    display:block !important;
    margin-top:10px !important;
  }
}





/* PDP CTA – MOBILE: qty + Dodaj u korpu + Compare u istom redu, "Kupite" ispod */
@media (max-width: 991.98px){

  /* sakrij "Količina" label */
  body#product .product-add-to-cart .control-label{
    display:none !important;
  }

  /* 1. red (qty + add + compare), 2. red (buy) */
  body#product .product-add-to-cart .product-quantity{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    gap:10px !important;
  }

  /* qty kompaktno */
  body#product .product-add-to-cart .product-quantity .qty{
    flex:0 0 120px !important;
    margin:0 !important;
  }

  /* "Dodaj u korpu" neka se sabija (da compare ne beži u novi red) */
  body#product .product-add-to-cart .product-quantity .add{
    flex:1 1 0 !important;
    min-width:0 !important; /* bitno da može da se sabije */
    margin:0 !important;
  }
  body#product .product-add-to-cart .product-quantity .add .add-to-cart{
    width:100% !important;
    height:44px !important;
    padding:10px 12px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  /* Compare kao ikonica desno u istom redu */
  body#product .product-add-to-cart .product-quantity .cart_button{
    flex:0 0 44px !important;
    margin:0 !important;
  }
  body#product .product-add-to-cart .product-quantity .cart_button .compare-button{
    width:44px !important;
    height:44px !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:0 !important; /* sakrij tekst */
  }
  body#product .product-add-to-cart .product-quantity .cart_button .compare-button i{
    font-size:18px !important;
    margin:0 !important;
  }

  /* "Kupite" uvek ceo red ispod */
  body#product .product-add-to-cart .product-quantity .buy{
    flex:1 0 100% !important;
    margin:0 !important;
  }
  body#product .product-add-to-cart .product-quantity .buy .buy-now{
    width:100% !important;
    height:44px !important;
    padding:10px 12px !important;
  }
}


/* =========================================================
   PDP — FINAL STABILNO (rakija.app)
   - Levo: beli okvir kao desno (na .product-left-sticky)
   - Thumbnails LEVO (vertikalno) — bez overlay, bez dodatne visine
   - Fix “beži sa leve strane” (overflow-x)
   - Slick vertical thumbnails fix (Firefox OK)
   ========================================================= */

/* PDP svuda belo (samo product) */
body#product,
body#product #wrapper,
body#product #page,
body#product #main,
body#product #content-wrapper,
body#product #content{
  background:#fff !important;
}

@media (min-width: 1025px){

  /* -------------------------
     1) LEVA STRANA: okvir kao desno
     ------------------------- */
  body#product #main section.page-content.product-left-sticky{
    background:#fff !important;
    border:1px solid rgba(0,0,0,.06) !important;
    border-radius:14px !important;
    padding:14px !important;
    box-shadow:0 10px 30px rgba(0,0,0,.08) !important;

    /* KLJUČ: da ništa ne “beži” levo i ne pravi horizontal scroll */
    overflow-x: hidden !important;
    overflow-y: visible !important;

    box-sizing: border-box !important;
  }

/* -------------------------
   2) Layout galerije: thumbs (levo) + cover (desno)
   (NE dodajemo visinu, samo stabilan raspored)
   ------------------------- */
body#product #main section.page-content.product-left-sticky .images-container.left-vertical{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;

  display: grid !important;
  grid-template-columns: var(--pdp-thumb) minmax(0, 1fr) !important;
  column-gap: 14px !important;
  align-items: start !important;

  box-sizing: border-box !important;
}

/* Podešavanja thumbova */
body#product #main{
  --pdp-thumb: 110px;     /* 96 / 110 / 120 */
  --pdp-thumb-gap: 12px;
  --pdp-thumb-pad: 8px;
  --pdp-thumb-visible: 4; /* data-item="4" */
}

/* -------------------------
   3) Thumbnails — vrati u normalan tok (bez absolute/overlay)
   ------------------------- */
body#product #main section.page-content.product-left-sticky .product-images{
  grid-column: 1 !important;

  position: relative !important;   /* poništi absolute iz teme */
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;

  margin: 0 !important;
  padding: 0 !important;

  width: var(--pdp-thumb) !important;
  max-width: 100% !important;

  background: transparent !important;
  box-sizing: border-box !important;
}

/* Slick vertical: visina liste za 4 thumb-a */
body#product #main section.page-content.product-left-sticky .product-images.slick-vertical .slick-list{
  height: calc(
    (var(--pdp-thumb-visible) * var(--pdp-thumb)) +
    ((var(--pdp-thumb-visible) - 1) * var(--pdp-thumb-gap))
  ) !important;

  overflow: hidden !important;
  background: transparent !important;
}

/* Svaki slide: pregazi inline width */
body#product #main section.page-content.product-left-sticky
.product-images.slick-vertical .slick-slide{
  width: var(--pdp-thumb) !important;
  height: var(--pdp-thumb) !important;
  margin-bottom: var(--pdp-thumb-gap) !important;
}

body#product #main section.page-content.product-left-sticky
.product-images.slick-vertical .slick-slide:last-child{
  margin-bottom: 0 !important;
}

body#product #main section.page-content.product-left-sticky
.product-images.slick-vertical .slick-slide > div{
  height: 100% !important;
}

/* Thumb “kutija” */
body#product #main section.page-content.product-left-sticky
.product-images.slick-vertical .image-item{
  width: 100% !important;
  height: 100% !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  background: #fff !important;
  border: 1px solid rgba(0,0,0,.10) !important;
  border-radius: 12px !important;
  padding: var(--pdp-thumb-pad) !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

/* Thumb slika */
body#product #main section.page-content.product-left-sticky
.product-images.slick-vertical img.thumb{
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: 100% !important;
  object-fit: contain !important;

  border: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

/* Aktivni thumb */
body#product #main section.page-content.product-left-sticky
.product-images.slick-vertical .slick-current .image-item{
  border-color: rgba(0,0,0,.25) !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.10) !important;
}

/* -------------------------
   4) Cover (velika slika) — u drugoj koloni grida
   ------------------------- */
body#product #main section.page-content.product-left-sticky .product-cover-container{
  grid-column: 2 !important;
  min-width: 0 !important; /* da se ne širi preko */
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

body#product #main section.page-content.product-left-sticky .product-cover{
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
}

body#product #main section.page-content.product-left-sticky .product-cover img{
  display: block !important;
  width: 100% !important;
  height: auto !important;
  border-radius: 12px !important;
}
}


/* =========================================
   Listing strane (HOME + CATEGORY) — ugasi lupu / Quick View
   ========================================= */

/* Home (index) */
body#index .quick-view,
body#index a.quick_view[data-link-action="quickview"]{
  display:none !important;
}

/* Kategorije (category) */
body#category .quick-view,
body#category a.quick_view[data-link-action="quickview"]{
  display:none !important;
}



/* =========================================================
   MOBILE listing kartice — uvek prikaži korpu + compare
   i NE sakrivaj cenu (Ecolife / PS9)
   ========================================================= */
@media (max-width: 767px){

  /* strane gde ima listing (dodaj/izbaci po želji) */
  body#index,
  body#category,
  body#search,
  body#manufacturer,
  body#prices-drop,
  body#new-products,
  body#best-sales{
  }

  /* 1) Cena uvek vidljiva (tema je često skriva na hover/tap) */
  body#index .js-product-miniature .product-price-and-shipping,
  body#category .js-product-miniature .product-price-and-shipping,
  body#search .js-product-miniature .product-price-and-shipping,
  body#manufacturer .js-product-miniature .product-price-and-shipping,
  body#prices-drop .js-product-miniature .product-price-and-shipping,
  body#new-products .js-product-miniature .product-price-and-shipping,
  body#best-sales .js-product-miniature .product-price-and-shipping{
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  /* 2) Korpa + compare uvek vidljivi — stavi ih ISPOD cene (da ne “zamene” cenu) */
  body#index .js-product-miniature ul.add-to-links,
  body#category .js-product-miniature ul.add-to-links,
  body#search .js-product-miniature ul.add-to-links,
  body#manufacturer .js-product-miniature ul.add-to-links,
  body#prices-drop .js-product-miniature ul.add-to-links,
  body#new-products .js-product-miniature ul.add-to-links,
  body#best-sales .js-product-miniature ul.add-to-links{
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;

    position: static !important;      /* bitno: da ne sedi preko cene */
    pointer-events: auto !important;

    margin: 8px 0 0 !important;
    padding: 0 !important;
    gap: 12px !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }

  /* 3) Ako tema skriva pojedinačne elemente dok ne “hoveruje” */
  body#index .js-product-miniature ul.add-to-links .ajax_add_to_cart_button,
  body#category .js-product-miniature ul.add-to-links .ajax_add_to_cart_button,
  body#search .js-product-miniature ul.add-to-links .ajax_add_to_cart_button,
  body#manufacturer .js-product-miniature ul.add-to-links .ajax_add_to_cart_button,
  body#prices-drop .js-product-miniature ul.add-to-links .ajax_add_to_cart_button,
  body#new-products .js-product-miniature ul.add-to-links .ajax_add_to_cart_button,
  body#best-sales .js-product-miniature ul.add-to-links .ajax_add_to_cart_button,
  body#index .js-product-miniature ul.add-to-links .compare-button,
  body#category .js-product-miniature ul.add-to-links .compare-button,
  body#search .js-product-miniature ul.add-to-links .compare-button,
  body#manufacturer .js-product-miniature ul.add-to-links .compare-button,
  body#prices-drop .js-product-miniature ul.add-to-links .compare-button,
  body#new-products .js-product-miniature ul.add-to-links .compare-button,
  body#best-sales .js-product-miniature ul.add-to-links .compare-button{
    display: inline-flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  /* 4) “Tap-hover” state (hover/active/focus) — ne sme da sakrije cenu */
  body#index .js-product-miniature:hover .product-price-and-shipping,
  body#category .js-product-miniature:hover .product-price-and-shipping,
  body#search .js-product-miniature:hover .product-price-and-shipping,
  body#index .js-product-miniature:active .product-price-and-shipping,
  body#category .js-product-miniature:active .product-price-and-shipping,
  body#search .js-product-miniature:active .product-price-and-shipping{
    opacity: 1 !important;
    visibility: visible !important;
  }
}




/* 1) globalno uklanjanje outline-a na focus za input/button/select/textarea (ne diramo) */
input:focus,
button:focus {
  text-decoration: none !important;
  outline: 0 !important;
}

/* 2) .btn opšta pravila (pogađa i ova 2 dugmeta, jer imaju class="btn ...") */
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active,
.btn:hover,
.btn:focus,
.btn:active,
.btn.active {
  outline: 0 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

/* 3) .btn-primary specijalna "active/open dropdown" pravila (ovo pogađa samo primary iz HTML-a) */
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open > .btn-primary.dropdown-toggle.focus,
.open > .btn-primary.dropdown-toggle:focus,
.open > .btn-primary.dropdown-toggle:hover {
  background: var(--hovercolor);
  color: #ffffff;
  border-color: var(--hovercolor);
}

/* 4) Default stilovi – samo .btn-secondary i .btn-primary */
.btn-primary,
.btn-secondary {
  text-transform: none;
  font-weight: 400;
  box-shadow: none;
  padding: 10px 30px;
  border-radius: 3px;
  display: inline-block;
  font-size: 0.875rem;
  line-height: 1.5;
}

/* PRIMARY: ljubičasto + beli tekst */
.btn-primary {
  background: #5B2A5D;
  border: 2px solid #5B2A5D;
  color: #fff;
}

/* SECONDARY: bela pozadina + ljubičast tekst */
.btn-secondary {
  background: #fff;
  border: 2px solid #5B2A5D;
  color: #5B2A5D;
}


/* 5a) Hover/Focus/Active – samo .btn-secondary (žuto + crn tekst) */
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary:active:focus {
  background: var(--hovercolor);      /* #fed700 */
  color: #000000;
  border: 2px solid #5B2A5D;
}

/* 5b) Hover/Focus/Active – samo .btn-primary (zeleno + beo tekst) */
a.btn.btn-primary:hover,
a.btn.btn-primary:focus,
a.btn.btn-primary:active,
a.btn.btn-primary:active:focus {
  background: #1D7256;
  color: #ffffff !important;
  border: 2px solid #1D7256;
}



/* 1) .btn-primary + compare dugmad - active/open dropdown (OSTATAK) */
.poscompare-product .product_desc div.cart button.active.focus.ajax_add_to_cart_button,
.poscompare-product .product_desc div.cart span.active.focus.ajax_add_to_cart_button,
.poscompare-product .product_desc div.cart button.active.ajax_add_to_cart_button:focus,
.poscompare-product .product_desc div.cart span.active.ajax_add_to_cart_button:focus,
.poscompare-product .product_desc div.cart button.active.ajax_add_to_cart_button:hover,
.poscompare-product .product_desc div.cart span.active.ajax_add_to_cart_button:hover,
.poscompare-product .product_desc div.cart button.ajax_add_to_cart_button:active.focus,
.poscompare-product .product_desc div.cart span.ajax_add_to_cart_button:active.focus,
.poscompare-product .product_desc div.cart button.ajax_add_to_cart_button:active:focus,
.poscompare-product .product_desc div.cart span.ajax_add_to_cart_button:active:focus,
.poscompare-product .product_desc div.cart button.ajax_add_to_cart_button:active:hover,
.poscompare-product .product_desc div.cart span.ajax_add_to_cart_button:active:hover,
.poscompare-product .product_desc div.cart .open > button.dropdown-toggle.focus.ajax_add_to_cart_button,
.poscompare-product .product_desc div.cart .open > span.dropdown-toggle.focus.ajax_add_to_cart_button,
.poscompare-product .product_desc div.cart .open > button.dropdown-toggle.ajax_add_to_cart_button:focus,
.poscompare-product .product_desc div.cart .open > span.dropdown-toggle.ajax_add_to_cart_button:focus,
.poscompare-product .product_desc div.cart .open > button.dropdown-toggle.ajax_add_to_cart_button:hover,
.poscompare-product .product_desc div.cart .open > span.dropdown-toggle.ajax_add_to_cart_button:hover {
  background: var(--hovercolor);
  color: #ffffff;
  border-color: var(--hovercolor);
}

/* 2) Default stilovi – .btn-tertiary + compare dugmad (OSTATAK) */

.poscompare-product .product_desc div.cart button.ajax_add_to_cart_button,
.poscompare-product .product_desc div.cart span.ajax_add_to_cart_button {
  text-transform: none;
  font-weight: 400;
  border: 2px solid #5B2A5D;
  box-shadow: none;
  padding: 10px 30px;
  border-radius: 3px;
  display: inline-block;
  background: #5B2A5D;
  color: #ffffff;
  font-size: 0.875rem;
  line-height: 1.5;
}

/* 3) Hover/Focus/Active – .btn-tertiary + compare dugmad (OSTATAK) */

.poscompare-product .product_desc div.cart button.ajax_add_to_cart_button:hover,
.poscompare-product .product_desc div.cart span.ajax_add_to_cart_button:hover,
.poscompare-product .product_desc div.cart button.ajax_add_to_cart_button:focus,
.poscompare-product .product_desc div.cart span.ajax_add_to_cart_button:focus,
.poscompare-product .product_desc div.cart button.ajax_add_to_cart_button:active,
.poscompare-product .product_desc div.cart span.ajax_add_to_cart_button:active,
.poscompare-product .product_desc div.cart button.ajax_add_to_cart_button:active:focus,
.poscompare-product .product_desc div.cart span.ajax_add_to_cart_button:active:focus {
  background: var(--hovercolor);
  color: #ffffff;
  border: 2px solid var(--hovercolor);
}



/* BACK TO TOP — zeleno normal, žuto hover, ljubičast focus */
.back-top{
  display:block;
  position:fixed;
  right:1.875rem;
  bottom:4rem;
  z-index:9999;
}

.back-top a{
  background:#1D7256 !important;   /* normal: zeleno */
  color:#ffffff !important;        /* normal: strelica bela */

  width:2.75rem;
  height:2.75rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;

  box-shadow:0 10px 22px rgba(0,0,0,.18);
  transition: background .15s ease, color .15s ease, transform .05s ease, box-shadow .15s ease;
}

/* KLJUČ: nateraj ikonicu da prati boju linka */
.back-top a i,
.back-top a i:before,
.back-top a svg{
  color: inherit !important;
  fill: currentColor !important;
}


.back-top a:hover{
  background:#5B2A5D !important;
  color:#ffffff !important;  
  box-shadow:0 14px 28px rgba(0,0 ,0,.22);
}

.back-top a:active{
  background:#178A65 !important;
  color:#ffffff !important;
  transform: translateY(1px);
}


.back-top a:focus-visible{
  outline:2px solid rgba(91,70,134,.75);
  outline-offset:3px;
}



/* HOME desktop - placeholder "no image" da ostane kvadrat i da se ne razvlači */
@media (min-width: 992px){
  body#index img[src*="sr-default-home_default.jpg"]{
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 216px !important;
    max-height: 216px !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: contain !important;
    margin: 0 auto !important;
  }

  body#index .product-miniature a.thumbnail.product-thumbnail,
  body#index .js-product-miniature a.thumbnail.product-thumbnail{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}




@media (max-width: 991px){
  body#product .images-container.left-vertical .product-images,
  body#product .images-container.right-vertical .product-images,
  body#product .images-container.default .product-images,
  body#product .images-container.left-vertical > .product-images.hidden-md-down{
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
  }

  body#product .images-container.left-vertical,
  body#product .images-container.right-vertical,
  body#product .images-container.default{
    display: block !important;
  }

  body#product .images-container.left-vertical .product-cover-container,
  body#product .images-container.right-vertical .product-cover-container,
  body#product .images-container.default .product-cover-container,
  body#product .images-container.left-vertical > .product-cover-container{
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body#product .product-cover.slick-slider,
  body#product .product-cover.slick-slider .slick-list,
  body#product .product-cover.slick-slider .slick-track,
  body#product .product-cover.slick-slider .slick-slide,
  body#product .product-cover .cover-item{
    box-sizing: border-box !important;
  }

  body#product .product-cover .cover-item img{
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }
}

/* Komentari proizvoda - dugmad Otkazi / Pošalji */
#new_comment_form_footer .button_comment .btn.btn-secondary:hover,
#new_comment_form_footer .button_comment .btn.btn-secondary:focus,
#new_comment_form_footer .button_comment .btn.btn-secondary:active,
#new_comment_form_footer .button_comment .btn.btn-secondary:active:focus,
#new_comment_form_footer .button_comment .btn.btn-secondary:focus-visible{
  background: #5B2A5D !important;
  color: #ffffff !important;
  border-color: #5B2A5D !important;
  box-shadow: none !important;
}


/* Add-to-cart modal: poravnaj X dugme sa naslovom */
#blockcart-modal .modal-header{
  position: relative !important;
  padding: 18px 52px 18px 20px !important;
}

#blockcart-modal .modal-header .modal-title{
  margin: 0 !important;
  line-height: 1.35 !important;
  text-align: center !important;
}

#blockcart-modal .modal-header .close{
  position: absolute !important;
  top: 50% !important;
  right: 16px !important;
  transform: translateY(-50%) !important;

  margin: 0 !important;
  padding: 0 !important;

  width: 28px !important;
  height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  line-height: 1 !important;
}

#blockcart-modal .modal-header .close span{
  display: block !important;
  line-height: 1 !important;
}


#blockcart-modal .modal-header .close{
  color: #fff !important;
  opacity: 1 !important;
}

#blockcart-modal .modal-header .close:hover{
  opacity: .85 !important;
}

/* =========================================
   QUICK VIEW - kompletan styling
   ========================================= */

/* osnovni layout */
.quickview .images-container{
  display: block !important;
  min-height: auto !important;
}

.quickview .modal-dialog{
  max-width: 980px !important;
}

.quickview .modal-content{
  border-radius: 16px !important;
  overflow: hidden !important;
}

.quickview .modal-body{
  padding: 22px !important;
}

/* leva kolona - velika slika */
.quickview .images-quickviews .quickviews-for{
  margin: 0 !important;
}

.quickview .images-quickviews .quickviews-for .thumb-item{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  border-radius: 14px !important;
  padding: 12px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.quickview .images-quickviews .quickviews-for .thumb-item img{
  display: block !important;
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  margin: 0 auto !important;
  border-radius: 10px !important;
}

/* QUICK VIEW thumbnails - kao PDP galerija */
.quickview .images-quickviews .quickviews-nav{
  margin: 18px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.quickview .images-quickviews .quickviews-nav .slick-list{
  margin: 0 -6px !important;
}

.quickview .images-quickviews .quickviews-nav .slick-slide{
  padding: 0 6px !important;
  box-sizing: border-box !important;
}

.quickview .images-quickviews .quickviews-nav .thumb-container{
  padding: 0 !important;
  list-style: none !important;
}

.quickview .images-quickviews .quickviews-nav .thumb-container > div{
  width: 100% !important;
  height: 100px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.10) !important;
  border-radius: 12px !important;
  padding: 8px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  transition: border-color .18s ease, box-shadow .18s ease !important;
}

.quickview .images-quickviews .quickviews-nav img.thumb{
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  margin: 0 auto !important;
  border: 0 !important;
  background: transparent !important;
}

.quickview .images-quickviews .quickviews-nav .slick-current .thumb-container > div{
  border-color: rgba(91,42,93,.35) !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.10) !important;
}

/* strelice u quickview thumb slideru */
.quickview .images-quickviews .quickviews-nav .slick-prev,
.quickview .images-quickviews .quickviews-nav .slick-next{
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.10) !important;
  z-index: 3 !important;
}

.quickview .images-quickviews .quickviews-nav .slick-prev{
  left: -10px !important;
}

.quickview .images-quickviews .quickviews-nav .slick-next{
  right: -10px !important;
}

/* desna kolona */
.quickview .namne_details{
  margin-bottom: 10px !important;
}

.quickview .product-information{
  min-height: 0 !important;
}

/* opis ispod dugmadi, sa scroll-om ako je dugačak */
.quickview .product-description-quickview{
  display: block !important;
  margin-top: 18px !important;
  padding-top: 16px !important;
  border-top: 1px solid #eceff3 !important;
  color: #374151 !important;
  font-size: 14px !important;
  line-height: 1.7 !important;

  max-height: 360px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch !important;
}

/* lepši sadržaj opisa */
.quickview .product-description-quickview p{
  margin: 0 0 14px 0 !important;
}

.quickview .product-description-quickview p:last-child{
  margin-bottom: 0 !important;
}

.quickview .product-description-quickview ul,
.quickview .product-description-quickview ol{
  margin: 0 0 14px 0 !important;
  padding-left: 22px !important;
}

.quickview .product-description-quickview li{
  margin-bottom: 6px !important;
}

.quickview .product-description-quickview strong,
.quickview .product-description-quickview b{
  color: #253237 !important;
  font-weight: 700 !important;
}

.quickview .product-description-quickview h1,
.quickview .product-description-quickview h2,
.quickview .product-description-quickview h3,
.quickview .product-description-quickview h4{
  margin: 0 0 12px 0 !important;
  color: #253237 !important;
  line-height: 1.35 !important;
}

.quickview .product-description-quickview h1{ font-size: 22px !important; }
.quickview .product-description-quickview h2{ font-size: 20px !important; }
.quickview .product-description-quickview h3{ font-size: 18px !important; }
.quickview .product-description-quickview h4{ font-size: 16px !important; }

.quickview .product-description-quickview a{
  text-decoration: underline !important;
}

/* additional info ispod opisa */
.quickview .product-additional-info{
  margin-top: 14px !important;
  padding-top: 14px !important;
  border-top: 1px solid #eceff3 !important;
}

/* mobilni quickview */
@media (max-width: 767px){
  .quickview .modal-body{
    padding: 16px !important;
  }

  .quickview .images-quickviews .quickviews-nav .thumb-container > div{
    height: 82px !important;
  }

  .quickview .product-description-quickview{
    max-height: 240px !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
  }

  .quickview .images-quickviews .quickviews-nav .slick-prev{
    left: -4px !important;
  }

  .quickview .images-quickviews .quickviews-nav .slick-next{
    right: -4px !important;
  }
}

/* =========================================
   PDP TABOVI NA MOBILNOM - tačno za .tabs > .nav.nav-tabs
   ========================================= */
@media (max-width: 767px){

  /* ceo blok tabova */
  body#product .tabs{
    margin-top: 8px !important;
  }

  /* lista tabova */
  body#product .tabs > ul.nav.nav-tabs{
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 7px !important;

    margin: 0 0 16px 0 !important;
    padding: 2px 0 8px 0 !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;
    white-space: nowrap !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;

    border: 0 !important;
    background: transparent !important;
  }

  body#product .tabs > ul.nav.nav-tabs::-webkit-scrollbar{
    display: none !important;
  }

  /* svaki li */
  body#product .tabs > ul.nav.nav-tabs > li.nav-item{
    float: none !important;
    display: block !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }

  /* link taba */
  body#product .tabs > ul.nav.nav-tabs > li.nav-item > a.nav-link{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    min-width: 0 !important;
 

    margin: 0 !important;
    padding: 3px 8px !important;

    border: 1px solid rgba(0,0,0,.08) !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    color: #253237 !important;

    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: none !important;
    text-align: center !important;
    white-space: nowrap !important;

    box-shadow: 0 6px 18px rgba(0,0,0,.06) !important;
    transition: all .18s ease !important;
  }

  /* hover/focus */
  body#product .tabs > ul.nav.nav-tabs > li.nav-item > a.nav-link:hover,
  body#product .tabs > ul.nav.nav-tabs > li.nav-item > a.nav-link:focus{
    text-decoration: none !important;
    border-color: rgba(91,70,134,.22) !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.08) !important;
  }

  /* aktivni tab */
  body#product .tabs > ul.nav.nav-tabs > li.nav-item > a.nav-link.active,
  body#product .tabs > ul.nav.nav-tabs > li.nav-item > a.nav-link[aria-selected="true"]{
    background: #5B4686 !important;
    color: #ffffff !important;
    border-color: #5B4686 !important;
    box-shadow: 0 10px 24px rgba(91,70,134,.20) !important;
  }

  /* skini ono staro podvlačenje/linije iz teme */
  body#product .tabs > ul.nav.nav-tabs > li.nav-item > a.nav-link::before,
  body#product .tabs > ul.nav.nav-tabs > li.nav-item > a.nav-link::after,
  body#product .tabs > ul.nav.nav-tabs > li.nav-item::before,
  body#product .tabs > ul.nav.nav-tabs > li.nav-item::after{
    display: none !important;
    content: none !important;
  }

  /* sadržaj taba */
  body#product .tabs > .tab-content{
    margin-top: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  body#product .tabs > .tab-content > .tab-pane{
    padding: 6px !important;
    border: 1px solid rgba(0,0,0,.06) !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    box-shadow: 0 10px 30px rgba(0,0,0,.06) !important;
  }

  /* opis i sadržaj da dišu lepše */
  body#product .tabs > .tab-content .product-description,
  body#product .tabs > .tab-content .rk-faq,
  body#product .tabs > .tab-content .product-attachments,
  body#product .tabs > .tab-content #product_comments_block_tab{
    margin-top: 0 !important;
  }
}


@media (max-width: 991px){
  body#product .product-cover .easyzoom > a{
    cursor: default !important;
  }
}



/* Block cart modal - secondary dugme bez zelenog hovera */
#blockcart-modal .cart-content-btn .btn.btn-secondary,
#blockcart-modal .cart-content-btn .btn.btn-secondary:focus{
  background: #fff !important;
  border: 2px solid #5B2A5D !important;
  color: #5B2A5D !important;
  box-shadow: none !important;
}

#blockcart-modal .cart-content-btn .btn.btn-secondary:hover,
#blockcart-modal .cart-content-btn .btn.btn-secondary:active,
#blockcart-modal .cart-content-btn .btn.btn-secondary:active:focus{
  background: #5B2A5D !important;
  border-color: #5B2A5D !important;
  color: #fff !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

/* HISTORY - status badge tekst beli, jači override */
body#history .label,
body#history .label.label-pill{
  color: #ffffff !important;
}


/* Ukloni plavu samo sa #ml-submit dugmeta */
#ml-submit.btn.btn-primary:focus,
#ml-submit.btn.btn-primary.focus,
#ml-submit.btn.btn-primary:active,
#ml-submit.btn.btn-primary.active,
#ml-submit.btn.btn-primary:focus-visible,
#ml-submit.btn.btn-primary:active:focus,
#ml-submit.btn.btn-primary.active:focus,
.open > #ml-submit.btn.btn-primary.dropdown-toggle {
  background-color: var(--hovercolor) !important;
  border-color: transparent !important;
  color: #fff !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Ako je dugme i dalje pod mišem dok je aktivno, zadrži hover zelenu */
#ml-submit.btn.btn-primary:active:hover,
#ml-submit.btn.btn-primary.active:hover {
  background-color: #1D7256 !important;
  border-color: transparent !important;
  color: #fff !important;
}

#compareModal .modal-body .btn-secondary{
  display:inline-block;
  width:100%;
  max-width:360px;
  margin:18px auto 0;
  padding:12px 18px;
  border:2px solid #6f3a7f;
  background:#fff;
  color:#6f3a7f !important;
  text-align:center;
  border-radius:4px;
  text-decoration:none;
  transition:all .2s ease;
}

#compareModal .modal-body .btn-secondary:hover,
#compareModal .modal-body .btn-secondary:focus,
#compareModal .modal-body .btn-secondary:active{
  background:#6f3a7f !important;
  border-color:#6f3a7f !important;
  color:#fff !important;
  text-decoration:none;
  box-shadow:none;
}



/* =========================================================
   RK - Karakteristike proizvoda: čist premium balans
   ========================================================= */

body#product .product-features {
  margin-top: 14px;
}

body#product .product-features > dl.data-sheet {
  display: grid !important;
  grid-template-columns: minmax(135px, 1fr) minmax(150px, 1fr);
  gap: 8px 16px;
  max-width: 860px;
  margin: 10px 0 0;
  padding: 0;
}

body#product .product-features > dl.data-sheet dt.name,
body#product .product-features > dl.data-sheet dd.value {
  float: none !important;
  width: auto !important;
  min-height: 42px;
  margin: 0 !important;
  padding: 9px 12px !important;
  display: flex;
  align-items: center;
  line-height: 1.3;
  border: 1px solid #f0eaf7;
  border-radius: 4px;
  transition: background-color .18s ease, color .18s ease, border-color .18s ease;
}

body#product .product-features > dl.data-sheet dt.name {
  background: #f3eff9 !important;
  color: #2f2441;
  font-weight: 600;
}

body#product .product-features > dl.data-sheet dd.value {
  background: #f8f5fc !important;
  color: #3f364f;
  font-weight: 500;
}

/* Poništava par-nepar boje iz theme.css */
body#product .product-features > dl.data-sheet dd.value:nth-of-type(even),
body#product .product-features > dl.data-sheet dt.name:nth-of-type(even) {
  background: inherit;
}

body#product .product-features > dl.data-sheet dt.name:nth-of-type(even) {
  background: #f3eff9 !important;
}

body#product .product-features > dl.data-sheet dd.value:nth-of-type(even) {
  background: #f8f5fc !important;
}

/* Diskretan hover efekat */
body#product .product-features > dl.data-sheet dt.name:hover,
body#product .product-features > dl.data-sheet dt.name:hover + dd.value,
body#product .product-features > dl.data-sheet dd.value:hover,
body#product .product-features > dl.data-sheet dt.name:has(+ dd.value:hover) {
  background: #eee7f7 !important;
  border-color: #ddd3ef;
  color: #251b35;
}


/* =========================================================
   RK product comments: ukloni zeleni hover sa dugmeta komentara
   ========================================================= */

body#product #product_comments_block_tab .btn.btn-secondary,
body#product #product_comments_block_tab a.btn.btn-secondary,
body#product #product_comments_block_tab button.btn.btn-secondary,
body#product #product_comments_block_tab #new_comment_tab_btn.btn.btn-secondary {
  background: #ffffff !important;
  border: 2px solid #5B2A5D !important;
  color: #5B2A5D !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

body#product #product_comments_block_tab .btn.btn-secondary:hover,
body#product #product_comments_block_tab .btn.btn-secondary:focus,
body#product #product_comments_block_tab .btn.btn-secondary:active,
body#product #product_comments_block_tab .btn.btn-secondary:active:focus,
body#product #product_comments_block_tab .btn.btn-secondary:focus-visible,
body#product #product_comments_block_tab a.btn.btn-secondary:hover,
body#product #product_comments_block_tab a.btn.btn-secondary:focus,
body#product #product_comments_block_tab button.btn.btn-secondary:hover,
body#product #product_comments_block_tab button.btn.btn-secondary:focus,
body#product #product_comments_block_tab #new_comment_tab_btn.btn.btn-secondary:hover,
body#product #product_comments_block_tab #new_comment_tab_btn.btn.btn-secondary:focus {
  background: #5B2A5D !important;
  border-color: #5B2A5D !important;
  color: #ffffff !important;
  box-shadow: none !important;
  text-decoration: none !important;
}