.ks-footer-links a:hover{ text-decoration:underline; }

/* Sakrij Woo UI na sajtu (korpa u headeru + donji mobilni bar) */
#site-header-cart,
.site-header-cart{
  display:none !important;
}

/* Donji (mobilni) Storefront bar: Moj nalog / Pretraga / Korpa */
.storefront-handheld-footer-bar{
  display:none !important;
}

/* Woo pretrage/sekcije koje umeju da “isplivaju” */
.storefront-product-search,
.storefront-product-section.storefront-woocommerce-brands,
section.storefront-woocommerce-brands{
  display:none !important;
}

/* Desktop – meni u jednom redu bez prelamanja */
@media (min-width: 768px){
  .storefront-primary-navigation .col-full{
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
    justify-content:flex-start;
  }
  .storefront-primary-navigation .main-navigation{
    flex:1 1 auto;
    width:100%;
  }
}

/* MOBILNO: skoro puna širina (5px levo/desno) */
@media (max-width: 680px){
  .kb-wrap{
    max-width:none !important;
    width:100% !important;
    padding-left:5px !important;
    padding-right:5px !important;
  }
}

#ks-backtotop{ bottom: 18px; } /* desktop */

@media (max-width: 768px){
  #ks-backtotop{ bottom: 71px !important; }
}

#ks-backtotop{
  position: fixed;
  right: 16px;
  z-index: 999999;
  width: 54px;
  height: 54px;
  border-radius: 999px;
  border: 0;
  padding: 0;
  cursor: pointer;

  background: #fb1942;   /* boja dugmeta */
  color: #fff;           /* boja strelice */

  display: none;         /* sakriveno dok ne skroluješ */
  align-items: center;   /* centar vertikalno */
  justify-content: center;/* centar horizontalno */

  font-size: 24px;
  line-height: 1;        /* bitno za centriranje */
  font-weight: 700;

  box-shadow: 0 10px 24px rgba(0,0,0,.20);
  -webkit-tap-highlight-color: transparent;
}

/* ako hoćeš da strelica bude MALO niže (vizuelno centar) */
#ks-backtotop{ padding-top: 1px; }

.woocommerce-breadcrumb{display:none!important;}

.main-navigation .menu-item-2956 {
    margin-left: 10px;
}

.main-navigation .menu-item-2956 > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    color: #fb1942 !important;
    border: 1px solid #fb1942 !important;
    border-radius: 10px !important;
    padding: 10px 16px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    transition: all 0.2s ease !important;
}

.main-navigation .menu-item-2956 > a:hover,
.main-navigation .menu-item-2956 > a:focus,
.main-navigation .menu-item-2956 > a:active {
    background: #fb1942 !important;
    color: #fff !important;
    border-color: #fb1942 !important;
}

.main-navigation .menu-item-2956 > a:hover *,
.main-navigation .menu-item-2956 > a:focus *,
.main-navigation .menu-item-2956 > a:active * {
    color: #fff !important;
}
@media (min-width: 992px) {
    .main-navigation .menu-item-2956 {
        margin-left: 10px !important;
        display: flex !important;
        align-items: center !important;
    }

    .main-navigation .menu-item-2956 > a {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: transparent !important;
        color: #fb1942 !important;
        border: 1px solid #fb1942 !important;
        border-radius: 10px !important;
        padding: 10px 16px !important;
        font-weight: 700 !important;
        line-height: 1.2 !important;
        transition: all 0.2s ease !important;
        white-space: nowrap !important;
    }

    .main-navigation .menu-item-2956 > a:hover,
    .main-navigation .menu-item-2956 > a:focus,
    .main-navigation .menu-item-2956 > a:active {
        background: #fb1942 !important;
        color: #fff !important;
        border-color: #fb1942 !important;
    }

    .main-navigation .menu-item-2956 > a:hover *,
    .main-navigation .menu-item-2956 > a:focus *,
    .main-navigation .menu-item-2956 > a:active * {
        color: #fff !important;
    }
}

/* =========================================================
   GLOBAL — Logo/šlem pored naziva sajta bez JS-a
   Bez dupliranja
   ========================================================= */

/* Ako je naslov link */
.site-branding .site-title a,
.site-header .site-title a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
}

/* Šlem dodaj samo na link */
.site-branding .site-title a::before,
.site-header .site-title a::before {
    content: "";
    display: inline-block;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    background-image: url("https://majstoriubeogradu.rs/wp-content/uploads/2026/02/logopng-192.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* Ako naslov NIJE link, koristi ovu varijantu */
.site-branding .site-title:not(:has(a)),
.site-header .site-title:not(:has(a)) {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
}

.site-branding .site-title:not(:has(a))::before,
.site-header .site-title:not(:has(a))::before {
    content: "";
    display: inline-block;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    background-image: url("https://majstoriubeogradu.rs/wp-content/uploads/2026/02/logopng-192.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* Mobile */
@media (max-width: 767px) {
    .site-branding .site-title a,
    .site-header .site-title a,
    .site-branding .site-title:not(:has(a)),
    .site-header .site-title:not(:has(a)) {
        gap: 8px !important;
        font-size: 24px !important;
        line-height: 1.1 !important;
        font-weight: 700 !important;
        margin: 0 !important;
    }

    .site-branding .site-title a::before,
    .site-header .site-title a::before,
    .site-branding .site-title:not(:has(a))::before,
    .site-header .site-title:not(:has(a))::before {
        width: 26px;
        height: 26px;
        flex-basis: 26px;
    }
}