/**
 * Menu: vždy bílý text/ikony.
 * Podklad: default průhledný, při body.menu-bar--solid poloprůhledná černá.
 * Přepnutí: celý bar vyjede mimo viewport, podklad se přepne mimo viewport a bar plynule najede zpět.
 */

.menu-bar-slide-layer {
  position: relative;
  z-index: 1;
}

.menu-bar-slide-layer::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.52);
  opacity: 0;
  pointer-events: none;
  z-index: 0;
  transition: none;
}

body.menu-bar--solid .menu-bar-slide-layer::after {
  opacity: 1;
}

.menu-bar-slide-layer > .container {
  position: relative;
  z-index: 1;
}

body.menu-bar--animating #top,
body.menu-bar--animating #mobile-header-2 {
  overflow: hidden;
}

#top,
#mobile-header-2 {
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
}

#top.menu-bar--swap-out,
#mobile-header-2.menu-bar--swap-out {
  transform: translate3d(0, -120%, 0);
}

#top.menu-bar--swap-in,
#mobile-header-2.menu-bar--swap-in {
  transform: translate3d(0, 120%, 0);
}

/* Bílý text – desktop */
header .slider-header #top .pattern .desktop-menu ul.megamenu > li > a,
header .slider-header #top .pattern .desktop-menu ul.megamenu > li > a strong,
header #top .top-center .desktop-menu ul.megamenu > li > a,
header #top .top-center .desktop-menu ul.megamenu > li > a strong {
  color: #ffffff !important;
}

header .slider-header #top svg path,
header .slider-header #top svg g,
header #top .top-center .right #cart_block .cart-heading .open-cart svg path,
header #top .top-center .right #cart_block .cart-heading .open-cart svg g {
  stroke: #ffffff !important;
  fill: none !important;
}

/* Počet v košíku: bez černého pozadí (skin), barva jako zbytek menu */
header #top .top-center .right #cart_block .cart-heading .cart-count,
header #top .top-center .right #cart_block .cart-heading .cart-count #total_count_ajax {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  color: #ffffff !important;
}

body:not(.common-home):not(.menu-bar--solid) header #top .top-center .right #cart_block .cart-heading .cart-count,
body:not(.common-home):not(.menu-bar--solid) header #top .top-center .right #cart_block .cart-heading .cart-count #total_count_ajax {
  color: #111111 !important;
}

header #top .top-center .right #cart_block .cart-heading .cart-price,
header #top .top-center .right #cart_block .cart-price {
  color: #ffffff !important;
}

/* Bílý text – mobil */
#mobile-header-2 .top-center .open-menu2 a svg path,
#mobile-header-2 .top-center .open-menu2 a svg g {
  fill: #ffffff !important;
  stroke: none !important;
}

#mobile-header-2 .top-center .open-cart2 a svg path,
#mobile-header-2 .top-center .open-cart2 a svg g {
  stroke: #ffffff !important;
}

header #top .desktop-menu ul.megamenu > li > a:hover,
header #top .desktop-menu ul.megamenu > li:hover > a,
header #top .desktop-menu ul.megamenu > li.active > a {
  color: #ff5f13 !important;
}

/* Mimo HP: v průhledném stavu černý text/ikony */
body:not(.common-home):not(.menu-bar--solid) header .slider-header #top .pattern .desktop-menu ul.megamenu > li > a,
body:not(.common-home):not(.menu-bar--solid) header .slider-header #top .pattern .desktop-menu ul.megamenu > li > a strong,
body:not(.common-home):not(.menu-bar--solid) header #top .top-center .desktop-menu ul.megamenu > li > a,
body:not(.common-home):not(.menu-bar--solid) header #top .top-center .desktop-menu ul.megamenu > li > a strong {
  color: #111 !important;
}

body:not(.common-home):not(.menu-bar--solid) header .slider-header #top svg path,
body:not(.common-home):not(.menu-bar--solid) header .slider-header #top svg g,
body:not(.common-home):not(.menu-bar--solid) header #top .top-center .right #cart_block .cart-heading .open-cart svg path,
body:not(.common-home):not(.menu-bar--solid) header #top .top-center .right #cart_block .cart-heading .open-cart svg g {
  stroke: #111 !important;
}

body:not(.common-home):not(.menu-bar--solid) header #top .top-center .right #cart_block .cart-heading .cart-price,
body:not(.common-home):not(.menu-bar--solid) header #top .top-center .right #cart_block .cart-price {
  color: #111 !important;
}

body:not(.common-home):not(.menu-bar--solid) #mobile-header-2 .top-center .open-menu2 a svg path,
body:not(.common-home):not(.menu-bar--solid) #mobile-header-2 .top-center .open-menu2 a svg g {
  fill: #111 !important;
}

body:not(.common-home):not(.menu-bar--solid) #mobile-header-2 .top-center .open-cart2 a svg path,
body:not(.common-home):not(.menu-bar--solid) #mobile-header-2 .top-center .open-cart2 a svg g {
  stroke: #111 !important;
}

/* Bez bílého pozadí při hoveru (slider-align-top) */
.slider-align-top.common-home header .slider-header:hover {
  background: none !important;
}

header .slider-header #top .pattern .megamenu > li > a,
header .slider-header #top .pattern .megamenu > li > a strong,
header .slider-header #top svg path,
header .slider-header #top svg g,
#mobile-header-2 .top-center .open-menu2 a svg path,
#mobile-header-2 .top-center .open-menu2 a svg g {
  transition:
    color 0.35s ease,
    stroke 0.35s ease,
    fill 0.35s ease;
}