/* celý box s jazykmi */
.languagesMenu__box {
  background-color: #0d0d0d !important; /* tmavé pozadie */
  border: none !important;              /* žiadne orámovanie */
}

/* hlavička „aktuálny jazyk“ */
.languagesMenu__header.languagesMenu__header--actual {
  background-color: #0d0d0d !important;
  color: #767676 !important; /* biely text */
  border: none !important;
}

/* zoznam jazykov */
.languagesMenu__list {
  background-color: #0d0d0d !important;
  border: none !important;
}

.languagesMenu__header {
    font-size: 13px;
}
/* linky v zozname */
.languagesMenu__list__link,
.languagesMenu__list__name {
  color: #fbc81c !important;
}
.languagesMenu__header.languagesMenu__header--actual:hover,
.languagesMenu__header.languagesMenu__header--actual:hover * {
    color: #fbc81c !important;
}
		
.navigation-buttons a[data-target=cart], .navigation-buttons a[data-target=cart]:hover {
    background-color: transparent;
    color: #fbc81c;
}
.top-navigation-contacts, .top-navigation-menu {
    background-color: #0d0d0d;
}
.top-navigation-bar .dropdown button, .top-navigation-bar a {
    color: #666;
}
.top-navigation-bar .dropdown button:hover, .top-navigation-bar a:hover {
    color: #fbc81c;
}
.top-navigation-menu-trigger:hover:before {
    color: #fbc81c !important;
}

.top-navigation-bar {
    background-color:  #0d0d0d;
    border-bottom-color:  #0d0d0d;
    border-top-color:  #0d0d0d;
}
.top-navigation-menu-trigger:hover:before {
    color: var(--color-primary);
}

#header {
    background-color: #0d0d0d;
    background-image: none;
    border-color: var(--colors-foregrounds-borders-secondary);
}
/*FOOTER */ 
.custom-footer>div {
    flex: 0 0 auto;
    padding: 0px;
    width: 100% !important;
	background-color: #0d0d0d;
}
.custom-footer, .footer-bottom, .footer-links-icons {
    border-color: #0d0d0d;
    background-color: #0d0d0d;
}

.custom-footer {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

.custom-footer__banner6831 {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

.custom-footer__banner6831 .banner-wrapper {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

/* celý footer */
#footer {
    background-color: #0d0d0d;
    color: #ffffff; /* text biely */
}

/* odkazy v patičke */
#footer a {
    color: #ffffff; /* odkazy biele */
}

#footer a:hover {
    color: #fbc81c; /* pri hover žlté */
}

/* spodná časť footeru */
#footer .footer-bottom {
    background-color: #0d0d0d; /* rovnaká čierna ako footer */
    color: #ffffff;
}

/* logo Shoptet */
#footer .footer-bottom #signature img {
    filter: brightness(0) invert(1); /* obrázok bude biely */
}
#footer .brand-name {
    color: #fbc81c !important;
}


.widget-a99b9efa-9732-4f49-a9dd-935991de28ae a {
    text-decoration: none; /* odstráni podčiarknutie */
    color: #ffffff; /* základná farba textu */
    transition: color 0.3s; /* jemný prechod pri hover */
}

.widget-a99b9efa-9732-4f49-a9dd-935991de28ae a:hover {
    color: #fbc81c; /* žltá pri hover */
}

/*ZLAVA*/
.flag.flag-discount {
    background-color: #d3231e;
}
.products-block.products .p .price span, .products-block.products .p .price strong {
    font-size: 27px;
}

.flag.flag-new {
    color: #f9c81f ;
}

/* aktívna kategória */
body .categories .topic.active > a {
  background-color: #0d0d0d !important;
  color: #fbc81c !important;
}

/* hover a child-active */
body .categories .topic.active > a:hover,
body .categories .topic.child-active > a,
body .categories .topic.child-active > a:hover {
  background-color: inherit;
  color: #0d0d0d !important;
}
#categories a:hover {
    text-decoration: none;
    background-color: #fbc81c;
    color: #0d0d0d;
}


body .categories .topic.active > a:hover, body .categories .topic.child-active > a, body .categories .topic.child-active > a:hover {
    background-color: #fbc81c;
    color: var(--color-primary) !important;
}

body .categories .topic.active > a:hover, body .categories .topic.child-active > a, body .categories .topic.child-active > a:hover {
    background-color: #fbc81c;
    color: #ffffff !important;
}

.sidebar h4 {
    font-size: 19px;
    font-weight: 600;
    text-transform: uppercase;
}
.h4.homepage-group-title, h4.homepage-group-title {
    display: block;              /* teraz element zaberá celý riadok */
    width: fit-content;          /* ale veľkosť podľa obsahu */
    font-size: 32px;
    margin: 57px auto 30px auto; /* top, auto = horizontálne centrovanie, bottom */
    background-color: #fbc81d;
    color: #0d0d0d;
    padding: 15px 30px;
    border-radius: 30px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    font-weight: bold;
    transition: transform 0.2s, box-shadow 0.2s;
    text-align: center;           /* text vo vnútri */
}




/* Jemný hover efekt */
.h4.homepage-group-title:hover, h4.homepage-group-title:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 15px rgba(0,0,0,0.25);
    cursor: default;
}
.box-bg-variant .categories a {
    border-bottom-color: inherit;
    color: var(--colors-foregrounds-content-secondary);
    text-align: left;
}
.p .name {
    color: #0d0d0d  ;
    text-align: left;
}