/* v187 HARD FIX: unified tags / filters loaded after main style.css.
   Adds synchronized active state for sidebar tag cloud and All/Všetko reset. */
:root{--v187-tag-green:#138200;--v187-tag-bg:#eef7ec;--v187-tag-border:#d7ead2;--v187-tag-hover-border:#0f6f00;--v187-orange:#c25700;}

/* Shared container spacing */
.blog-tags,
.product-filter-row,
.blog-card .tags,
.article-main .tags,
.article-main-pro .tags,
#dynamic-article-root .tags,
.blog-tag-cloud,
.blog-sidebar .blog-tag-cloud{
  gap:10px !important;
}

/* Inactive/default pills everywhere
   (.blog-tags a: filter Aktualít sú od 23. 9. 2026 odkazy zo servera, nie tlačidlá zo skriptu) */
.blog-tags a,
.blog-tags button,
.product-filter-row a,
.product-filter-row button,
.blog-card .tags .tag,
.blog-card .tags a.tag,
.article-main .tags .tag,
.article-main .tags a.tag,
.article-main-pro .tags .tag,
.article-main-pro .tags a.tag,
#dynamic-article-root .tags .tag,
#dynamic-article-root .tags a.tag,
.blog-tag-cloud .tag,
.blog-tag-cloud a,
.blog-sidebar .blog-tag-cloud .tag,
.blog-sidebar .blog-tag-cloud a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:36px !important;
  padding:8px 14px !important;
  border-radius:var(--r-pill) !important;
  border:1px solid var(--v187-tag-border) !important;
  background:var(--v187-tag-bg) !important;
  color:var(--green) !important;
  font-weight:var(--fw-heavy) !important;
  font-size:var(--fs-sm) !important;
  line-height:1.1 !important;
  text-decoration:none !important;
  cursor:pointer !important;
  box-shadow:none !important;
  transform:none !important;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease !important;
}

/* Hover/focus: darker green outline and subtle lift, no orange except active filters */
.blog-tags a:not(.active):hover,
.blog-tags a:not(.active):focus,
.blog-tags button:not(.active):hover,
.blog-tags button:not(.active):focus,
.product-filter-row a:not(.active):hover,
.product-filter-row a:not(.active):focus,
.product-filter-row button:not(.active):hover,
.product-filter-row button:not(.active):focus,
.blog-card .tags .tag:hover,
.blog-card .tags .tag:focus,
.blog-card .tags a.tag:hover,
.blog-card .tags a.tag:focus,
.article-main .tags .tag:hover,
.article-main .tags a.tag:hover,
.article-main-pro .tags .tag:hover,
.article-main-pro .tags a.tag:hover,
#dynamic-article-root .tags .tag:hover,
#dynamic-article-root .tags a.tag:hover,
.blog-tag-cloud .tag:hover,
.blog-tag-cloud a:hover,
.blog-sidebar .blog-tag-cloud .tag:hover,
.blog-sidebar .blog-tag-cloud a:hover{
  background:var(--v187-tag-bg) !important;
  color:var(--green) !important;
  border-color:var(--v187-tag-hover-border) !important;
  box-shadow:0 8px 20px rgba(33,123,20,.12) !important;
  transform:translateY(-1px) !important;
  text-decoration:none !important;
}

/* Active filters remain orange */
.blog-tags a.active,
.blog-tags a.active:hover,
.blog-tags a.active:focus,
.blog-tags button.active,
.blog-tags button.active:hover,
.blog-tags button.active:focus,
.blog-tag-cloud .tag-link.active,
.blog-tag-cloud .tag-link.active:hover,
.blog-tag-cloud .tag-link.active:focus,
.blog-sidebar .blog-tag-cloud .tag-link.active,
.blog-sidebar .blog-tag-cloud .tag-link.active:hover,
.blog-sidebar .blog-tag-cloud .tag-link.active:focus,
.product-filter-row a.active,
.product-filter-row a.active:hover,
.product-filter-row button.active,
.product-filter-row button.active:hover,
.product-filter-row button.active:focus{
  background:var(--v187-orange) !important;
  border-color:var(--v187-orange) !important;
  color:#fff !important;
  box-shadow:none !important;
  transform:none !important;
}

/* Keep All/Všetko at the beginning of tag clouds and remove generic article-link arrows/underlines from tag links */
.blog-tag-cloud .tag-link[data-tag=""]{order:-1 !important;}

/* Remove generic article-link arrows/underlines from tag links */
.blog-tag-cloud a::after,
.blog-tag-cloud a:hover::after,
.blog-card .tags a::after,
.article-main .tags a::after,
.article-main-pro .tags a::after,
#dynamic-article-root .tags a::after{
  content:none !important;
  display:none !important;
  opacity:0 !important;
}