/***  __ MEDIKAEXPERT.SK___CUSTOM DESING STYLE__****/

/** HEADER **/

/* LOGO */

#header .header-top .header-top-wrapper .site-name,
#header .header-top .header-top-wrapper h1.site-name {
  max-width: 20%;
}

/* LOGO _MOBIL */

@media (max-width: 768px) {
  #header .header-top .header-top-wrapper .site-name,
  #header .header-top .header-top-wrapper h1.site-name {
    max-width: 50%;
  }
}

/* Zarovnanie loga v ľavo na celú plochu headeru__DESKTOP */

/* Zarovnanie loga doľava – iba desktop */
/* Logo vľavo – iba desktop */
/* Logo vľavo a vyššia hlavička – iba desktop */
@media screen and (min-width: 992px) {
  .navigation-wrapper.header-top-wrapper {
    position: relative !important;
    min-height: 140px !important;
    height: 140px !important;
    overflow: visible !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    box-sizing: border-box !important;
  }

  .navigation-wrapper.header-top-wrapper .site-name {
    position: absolute !important;
    left: 15px !important;
    right: auto !important;
    top: 50% !important;
    width: auto !important;
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: normal !important;
    overflow: visible !important;
    text-align: left !important;
    transform: translateY(-50%) !important;
  }

  .navigation-wrapper.header-top-wrapper .site-name a {
    display: block !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  .navigation-wrapper.header-top-wrapper .site-name img {
    display: block !important;
    width: 220px !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: none !important;
    margin: 0 !important;
    object-fit: contain !important;
  }

  .navigation-wrapper.header-top-wrapper .navigation-buttons {
    margin-left: auto !important;
  }
}

/* SEARCH, ADMIN, KOSIK */
.navigation-buttons a[data-target="search"],
.navigation-buttons a[data-target="search"]:hover {
  color: #d4af37;
}

.top-nav-button-login {
  background-color: transparent;
  color: #d4af37;
}

.navigation-buttons a:hover {
  color: #d4af37;
}

.navigation-buttons a[data-target="cart"]:hover {
  color: #d4af37;
}

.top-nav-button-login:hover {
  color: #d4af37;
}

/* NAVIGATION */

.navigation-in > ul > li > a {
  color: #d4af37;
}

.navigation-in > ul > li > a:hover {
  color: #d4af37;
}

.navigation-buttons a[data-target="search"],
.navigation-buttons a[data-target="search"]:hover {
  background-color: transparent;
}
.top-nav-button-login:focus-visible,
.top-nav-button-login:hover {
  background-color: #ffffff00;
  color: #d4af37;
}

.top-nav-button-login:focus-visible,
.top-nav-button-login {
  background-color: #ffffff00;
  color: #d4af37;
}

.navigation-buttons a,
.navigation-buttons a[data-target="cart"] {
  color: #d4af37;
}

/* HEADER */

.header-top {
  background-color: #3a2618;
}

ul.menu-level-1 {
  background-color: #3a2618;
}

.navigation-in > ul > li > a:hover {
  background-color: #3a2618;
}

.navigation-in > ul > li > a:focus-visible {
  background-color: #3a2618;
  color: #d4af37;
}

@media (max-width: 768px) {
  .navigation-in {
    background-color: #3a2618;
  }

  #header .header-top .header-top-wrapper .site-name a img,
  #header .header-top .header-top-wrapper h1.site-name a img {
    max-height: 180%;
  }
}

.navigation-in ul li a b {
  font-weight: 400;
  font-size: 18px;
}
.navigation-in ul li a b:hover {
  color: #3a2618;
  font-weight: 400;
}

@media (min-width: 768px) {
  .navigation-in > ul > li.ext > ul > li > div > a {
    font-size: 18px;
    padding-bottom: 8px;
    font-weight: 500;
  }
}

@media (min-width: 768px) {
  .navigation-in > ul > li a {
    border-radius: 8px 8px 0px 0px;
  }

  .navigation-in > ul > li > a:hover {
    background-color: #d4af37;
    color: #3a2618;
  }
}

@media screen and (min-width: 992px) {
  #header .header-top-wrapper {
    display: flex !important;
    align-items: flex-end !important;
    gap: 30px;
  }

  /* Logo bude určovať spodnú hranu zarovnania */
  #header .header-top-wrapper .site-name {
    position: static !important;
    transform: none !important;
    flex: 0 0 220px;
    align-self: center;
  }

  #header .header-top-wrapper .navigation-tools {
    display: none;
  }

  /* Menu vedľa loga */
  #header .header-top-wrapper > #navigation {
    position: static !important;
    display: block !important;
    flex: 1 1 auto;
    min-width: 0;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    transform: none !important;
    align-self: center;
  }

  #header .header-top-wrapper > #navigation .navigation-in {
    height: auto !important;
    overflow: visible !important;
  }

  #header .header-top-wrapper > #navigation .menu-level-1 {
    display: flex !important;
    justify-content: center;
    margin: 0 !important;
    padding: 0 !important;
  }

  #header .header-top-wrapper > #navigation .menu-level-1 > li > a {
    display: flex;
    align-items: flex-end;
    min-height: 0 !important;
    padding: 12px 18px 0 !important;
    line-height: 1.2 !important;
  }

  #header .header-top-wrapper .navigation-buttons {
    flex: 0 0 auto;
    align-self: center;
    margin-left: auto !important;
  }

  #header.menu-in-header .header-bottom {
    display: none !important;
  }

  #header .header-top .header-top-wrapper .site-name a img,
  #header .header-top .header-top-wrapper h1.site-name a img {
    max-height: 100%;
    z-index: 99999 !important;
    position: relative;
  }
}

@media (min-width: 768px) {
  .navigation-in > ul > li.ext > ul > li > a.menu-image {
    width: auto;
  }

  .navigation-in > ul > li.ext > ul > li {
    align-items: center;
  }
}

/* CART - číslo - počet produktov */
.navigation-buttons a[data-target="cart"] i {
  background-color: #d4af37;
  color: #3a2618;
  font-weight: bold;
}

/* MESSAGE NOTICE */

.msg.msg-notice,
.msg.msg-success {
  background-color: #d4af37;
  border-color: #d4af37;
  color: #3a2618;
}

/* CATEGORY HEADER */
.category-header {
  background-color: #ffffff;
}

.listSorting__control {
  border: none;
  border-radius: 8px;
  border: 1px solid #f5ede2;
}