/* =========================================================
   FINÁL – LEVÉ MENU KATEGORIÍ
   pro všechny návštěvníky
   ========================================================= */

body {
  --vo-left-red: #d9685f;
  --vo-left-red-soft: #fff5f3;
  --vo-left-red-border: rgba(217, 104, 95, 0.45);

  --vo-left-bg: #ffffff;
  --vo-left-bg-hover: #fffdfa;
  --vo-left-border: #e8e3db;
  --vo-left-text: #1d1d1d;
  --vo-left-muted: #7a7a7a;

  --vo-left-shadow: 0 1px 6px rgba(0, 0, 0, 0.04);
}

/* =========================================================
   ZÁKLAD BOXU
   ========================================================= */

.box.box-categories,
.box-categories {
  overflow: visible !important;
}

.box.box-categories .box-content,
.box-categories .box-content,
.box.box-categories #categories,
.box-categories #categories {
  overflow: visible !important;
  margin-top: 8px !important;
}

/* vynulování původního seznamu */
.box.box-categories ul,
.box-categories ul,
.box.box-categories li,
.box-categories li,
.box.box-categories .categories,
.box-categories .categories,
.box.box-categories .topic,
.box-categories .topic {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  background: transparent !important;
  border: 0 !important;
}

/* schování původních šipek / triggerů Shoptetu */
.box.box-categories .cat-trigger,
.box-categories .cat-trigger,
.box.box-categories .children-trigger,
.box-categories .children-trigger,
.box.box-categories .submenu-trigger,
.box-categories .submenu-trigger,
.box.box-categories .category-trigger,
.box-categories .category-trigger,
.box.box-categories .category-expand,
.box-categories .category-expand,
.box.box-categories .toggle,
.box-categories .toggle,
.box.box-categories [class*="trigger"],
.box-categories [class*="trigger"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  pointer-events: none !important;
}

/* =========================================================
   JEDNOTLIVÉ POLOŽKY MENU
   ========================================================= */

.box.box-categories .topic > a,
.box-categories .topic > a,
.box.box-categories .categories > a,
.box-categories .categories > a,
.box.box-categories li > a,
.box-categories li > a {
  position: relative !important;

  display: flex !important;
  align-items: center !important;

  min-height: 42px !important;
  margin: 6px 0 !important;
  padding: 0 38px 0 40px !important;

  background-color: var(--vo-left-bg) !important;
  background-repeat: no-repeat !important;
  background-position: 14px center !important;
  background-size: 17px 17px !important;

  border: 1px solid var(--vo-left-border) !important;
  border-radius: 8px !important;
  box-shadow: var(--vo-left-shadow) !important;

  color: var(--vo-left-text) !important;
  font-family: inherit !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.22 !important;
  text-decoration: none !important;

  transition:
    background-color 0.18s ease,
    border-color 0.18s ease,
    box-shadow 0.18s ease,
    color 0.18s ease !important;
}

/* Výchozí ikonka – použije se i pro budoucí nové kategorie */
.box.box-categories .topic > a,
.box-categories .topic > a,
.box.box-categories .categories > a,
.box-categories .categories > a,
.box.box-categories li > a,
.box-categories li > a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Ccircle cx='10' cy='10' r='5.8' stroke='%23787878' stroke-width='1.5'/%3E%3Ccircle cx='7.6' cy='10' r='0.8' fill='%23787878'/%3E%3Ccircle cx='10' cy='10' r='0.8' fill='%23787878'/%3E%3Ccircle cx='12.4' cy='10' r='0.8' fill='%23787878'/%3E%3C/svg%3E") !important;
}

/* hover */
.box.box-categories .topic > a:hover,
.box-categories .topic > a:hover,
.box.box-categories .categories > a:hover,
.box-categories .categories > a:hover,
.box.box-categories li > a:hover,
.box-categories li > a:hover,
.box.box-categories .topic > a:focus,
.box-categories .topic > a:focus,
.box.box-categories .categories > a:focus,
.box-categories .categories > a:focus,
.box.box-categories li > a:focus,
.box-categories li > a:focus {
  background-color: var(--vo-left-bg-hover) !important;
  border-color: #ddd6cc !important;
  color: var(--vo-left-text) !important;
  text-decoration: none !important;
}

/* =========================================================
   IKONY PODLE KATEGORIE
   ========================================================= */

/* Dárky pro včelaře */
.box-categories a[href*="/darky"],
.box.box-categories a[href*="/darky"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Crect x='3.2' y='7.2' width='13.6' height='9.1' rx='1.6' stroke='%23787878' stroke-width='1.5'/%3E%3Cpath d='M10 7.2v9.1M3.2 10.2h13.6' stroke='%23787878' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M7.3 7.2c-.8-.9-.7-2.2.2-2.6.9-.4 1.8.5 2.5 2.6M12.7 7.2c.8-.9.7-2.2-.2-2.6-.9-.4-1.8.5-2.5 2.6' stroke='%23787878' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

/* Chov matek */
.box-categories a[href*="/matky"],
.box.box-categories a[href*="/matky"],
.box-categories a[href*="/chov-matek"],
.box.box-categories a[href*="/chov-matek"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10 3.2l5.5 3.2v6.4L10 16l-5.5-3.2V6.4L10 3.2z' stroke='%23787878' stroke-width='1.5' stroke-linejoin='round'/%3E%3Ccircle cx='10' cy='9.7' r='1.5' stroke='%23787878' stroke-width='1.5'/%3E%3Cpath d='M10 11.3v2.1M7.9 8.3l-1.7-1M12.1 8.3l1.7-1' stroke='%23787878' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

/* Létáčky a špunty do oček */
.box-categories a[href*="/letacky"],
.box.box-categories a[href*="/letacky"],
.box-categories a[href*="/spunty"],
.box.box-categories a[href*="/spunty"],
.box-categories a[href*="/ocek"],
.box.box-categories a[href*="/ocek"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Crect x='4.2' y='4' width='11.6' height='12' rx='1.8' stroke='%23787878' stroke-width='1.5'/%3E%3Cpath d='M7 7.4h6M7 10h6M7 12.6h3.7' stroke='%23787878' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

/* Napáječky a krmítka */
.box-categories a[href*="/napajecky"],
.box.box-categories a[href*="/napajecky"],
.box-categories a[href*="/krmitka"],
.box.box-categories a[href*="/krmitka"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10 3.2c2.5 3.1 4.1 5.2 4.1 7.3a4.1 4.1 0 1 1-8.2 0c0-2.1 1.6-4.2 4.1-7.3z' stroke='%23787878' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M8.2 11.3c.6.9 1.8 1.2 2.8.6' stroke='%23787878' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

/* Ostatní */
.box-categories a[href*="/ostatni"],
.box.box-categories a[href*="/ostatni"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Ccircle cx='10' cy='10' r='5.8' stroke='%23787878' stroke-width='1.5'/%3E%3Ccircle cx='7.6' cy='10' r='0.8' fill='%23787878'/%3E%3Ccircle cx='10' cy='10' r='0.8' fill='%23787878'/%3E%3Ccircle cx='12.4' cy='10' r='0.8' fill='%23787878'/%3E%3C/svg%3E") !important;
}

/* Vše */
.box-categories a[href*="/vse"],
.box.box-categories a[href*="/vse"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Crect x='4' y='4' width='4.4' height='4.4' rx='1' stroke='%23787878' stroke-width='1.4'/%3E%3Crect x='11.6' y='4' width='4.4' height='4.4' rx='1' stroke='%23787878' stroke-width='1.4'/%3E%3Crect x='4' y='11.6' width='4.4' height='4.4' rx='1' stroke='%23787878' stroke-width='1.4'/%3E%3Crect x='11.6' y='11.6' width='4.4' height='4.4' rx='1' stroke='%23787878' stroke-width='1.4'/%3E%3C/svg%3E") !important;
}

/* Články pro včelaře */
.box-categories a.vo-added-articles-link,
.box.box-categories a.vo-added-articles-link {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Crect x='4' y='3.5' width='12' height='13' rx='1.8' stroke='%23787878' stroke-width='1.5'/%3E%3Cpath d='M7 7h6M7 9.8h6M7 12.6h3.8' stroke='%23787878' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M13.5 3.5v3h3' stroke='%23787878' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

/* =========================================================
   PRAVÁ ŠIPKA
   ========================================================= */

.box.box-categories .topic > a::after,
.box-categories .topic > a::after,
.box.box-categories .categories > a::after,
.box-categories .categories > a::after,
.box.box-categories li > a::after,
.box-categories li > a::after {
  content: "" !important;

  position: absolute !important;
  right: 15px !important;
  top: 50% !important;

  width: 7px !important;
  height: 7px !important;

  border-top: 1.6px solid var(--vo-left-muted) !important;
  border-right: 1.6px solid var(--vo-left-muted) !important;

  transform: translateY(-50%) rotate(45deg) !important;
  transition: border-color 0.18s ease !important;
}

/* =========================================================
   AKTIVNÍ KATEGORIE
   ========================================================= */

.box.box-categories .categories.active > .topic > a,
.box-categories .categories.active > .topic > a,
.box.box-categories .categories.active > a,
.box-categories .categories.active > a,
.box.box-categories .topic.active > a,
.box-categories .topic.active > a,
.box.box-categories li.active > a,
.box-categories li.active > a,
.box.box-categories li.current > a,
.box-categories li.current > a,
.box.box-categories a.active,
.box-categories a.active {
  background-color: var(--vo-left-red-soft) !important;
  border-color: var(--vo-left-red-border) !important;
  color: var(--vo-left-red) !important;
  font-weight: 700 !important;
  box-shadow: 0 2px 9px rgba(217, 104, 95, 0.08) !important;
}

/* aktivní šipka */
.box.box-categories .categories.active > .topic > a::after,
.box-categories .categories.active > .topic > a::after,
.box.box-categories .categories.active > a::after,
.box-categories .categories.active > a::after,
.box.box-categories .topic.active > a::after,
.box-categories .topic.active > a::after,
.box.box-categories li.active > a::after,
.box-categories li.active > a::after,
.box.box-categories li.current > a::after,
.box-categories li.current > a::after,
.box.box-categories a.active::after,
.box-categories a.active::after {
  border-top-color: var(--vo-left-red) !important;
  border-right-color: var(--vo-left-red) !important;
}

/* vnitřní prvky dědí barvu odkazu */
.box.box-categories a *,
.box-categories a * {
  color: inherit !important;
  text-decoration: none !important;
}

/* =========================================================
   MOBIL / TABLET
   ========================================================= */

@media (max-width: 991px) {
  .box.box-categories .topic > a,
  .box-categories .topic > a,
  .box.box-categories .categories > a,
  .box-categories .categories > a,
  .box.box-categories li > a,
  .box-categories li > a {
    min-height: 40px !important;
    font-size: 14px !important;
    padding-left: 38px !important;
    padding-right: 34px !important;
  }
}