/* Custom CSS by cioch.net */

/* ==================================================
   Nagłówki menu
   ================================================== */

.anmm-dropdown-content-title {
  margin-bottom: -10px;
  font-weight: 500 !important;
  text-transform: none;
}


/* ==================================================
   Wyszukiwarka
   ================================================== */

.search-widget form button[type="submit"],
.mobile-cart-item-count {
  box-shadow: 3px 3px 5px rgb(0 0 0 / 50%);
}

.header-top .search-widget form input[type="text"] {
  box-shadow: 3px 3px 5px rgb(0 0 0 / 50%);
}


/* ==================================================
   Nagłówek strony
   ================================================== */

#header {
  background-image: linear-gradient(to bottom, #73b001, #d9e3c7);
}

#header .logo {
  filter: invert(100%) grayscale(100%);
}

.nav-contact-item svg {
  filter: grayscale(100%);
}

#header #_desktop_cart {
  background-color: rgb(37 37 37 / 59%);
  box-shadow: 3px 3px 5px rgb(0 0 0 / 50%);
}


/* ==================================================
   Newsletter
   ================================================== */

.block_newsletter form input[type="text"] {
  background-color: #fff !important;
  color: #000 !important;
}


/* ==================================================
   Przyciski
   ================================================== */

.btn-comment,
.btn-primary {
  background-color: #85b032;
  box-shadow: 3px 3px 5px rgb(0 0 0 / 50%);
}

.cart-grid-body a.btn-primary:hover,
.btn-comment:hover,
.btn-primary:hover {
  background-color: #6f9428;
  color: #fff;
}

.btn-comment:focus-visible,
.btn-primary:focus-visible {
  outline: 3px solid #252525;
  outline-offset: 2px;
}


/* ==================================================
   Formularz kontaktowy
   ================================================== */

#contactform-message {
  min-height: 230px;
  resize: vertical;
}


/* ==================================================
   Menu i submenu
   ================================================== */

.anmm-menu {
  --menu-link-font-size: 18px;
}

.anmm-category-item {
  position: relative;
  float: none;
  clear: both;
  max-width: 100%;
}

/*
 * Wyświetlanie submenu:
 * - po najechaniu kursorem,
 * - po ustawieniu fokusu klawiaturą.
 */

.anmm-category-item.anmm-has-sub:hover > .anmm-category-list,
.anmm-category-item.anmm-has-sub:focus-within > .anmm-category-list {
  display: block;
  visibility: visible;
  width: auto;
  height: auto;
  max-height: none;
  opacity: 1;
  overflow: visible;
  pointer-events: auto;
}

/* Elementy drugiego poziomu menu */

.anmm-category-item.clearfix.level-2 {
  margin-bottom: 10px;
  padding-left: 86px;
  font-size: 16px;
}


/* ==================================================
   Strzałki menu
   ================================================== */

.anmm-link-arrow-desktop,
.anmm-link-arrow-mobile {
  display: none;
}

/* Strzałka menu widoczna na komputerach */

@media (min-width: 992px) {
  .anmm-link-arrow-desktop {
    display: block;
  }
}

.anmm-link-arrow-desktop:hover {
  filter: invert(80%);
}


/* ==================================================
   Kontakty mobilne
   ================================================== */

#_mobile_contactslink {
  display: none !important;
}


/* ==================================================
   Kategorie boczne
   ================================================== */

.block-categories .category-sub-menu li[data-depth="1"] {
  margin-left: 20px;
}


/* ==================================================
   Podkategorie produktów
   ================================================== */

/* Podkategorie są widoczne */

#subcategories {
  display: block;
}

#subcategories .subcategory-name::before {
  display: inline-block;
  padding: 3px;
  margin-right: 5px;
  border: solid #000;
  border-width: 0 3px 3px 0;
  content: "";
  transform: rotate(-45deg);
}


/* ==================================================
   Etykieta wyprzedaży
   ================================================== */

.wyprzedaz {
  background-color: #f00;
  font-style: italic;
  font-weight: 700;
  text-align: center;
}


/* ==================================================
   Slider
   ================================================== */

.slider1 {
  background-color: #f0f0f0;
  text-align: center;
}