/* ks-ui-fixes.css — site-wide UI corrections (2026-07-29)
 * Kept separate from ks-mobile-tablet-fixes.css, which had grown seven appended
 * blocks and was silently nesting rules inside an open @media block.
 */

/* Breadcrumb: the current (last) item rendered as #F1F5F9 — near-white text on a
 * white page, so the page you are actually on was invisible. */
.breadcrumb li:last-child span,
nav.breadcrumb li:last-child span,
#js-product-breadcrumb li:last-child span,
.breadcrumb li[aria-current] span,
.breadcrumb .breadcrumb-item.active span{
  color:#475569 !important;
}

/* Empty-label product specs used to render a bare ":" bullet. The template now
 * omits the label entirely; make sure no stray gap is left behind. */
.ks-v3-card__spec-label:empty{display:none !important;}
.ks-v3-card__spec-label + .ks-v3-card__spec-value{margin-left:0;}

/* KS-W5-GUTTER-20260729
 * `*{max-width:100%!important}` was clamping .row to its parent's width, so the
 * row's -15px right margin could not extend and every page rendered with a 15px
 * asymmetric gutter (content-wrapper -3 -> 363 instead of -3 -> 393). That
 * universal rule is gone; only media elements keep max-width:100%.
 * #content-wrapper had its Bootstrap column padding stripped to 0, so its
 * content sat on the row's negative margin instead of being brought back inside.
 */
#content-wrapper,
#content-wrapper.js-content-wrapper{
  padding-left:15px !important;
  padding-right:15px !important;
}

/* KS-SEARCH-20260729 — search results page
 * 1) The active tab (a.ajax_tab.active) was color:#fff — white text on a white
 *    page, so the tab you were on was invisible. Same failure as the breadcrumb.
 * 2) .view_number_show ("Znaleziono N wyników") sits inside the 3-column product
 *    grid with grid-column:auto, so the results count consumed a whole product
 *    cell (359x529px) and left an empty column beside the first product.
 */
.ajax_tab.active,
a.ajax_tab.active,
li.active > a.ajax_tab{
  color:#0f172a !important;
  font-weight:600 !important;
}
.ajax_tab{color:#475569 !important;}

.content_tab_product.products > .view_number_show,
.products > .view_number_show{
  grid-column:1 / -1 !important;
  width:100% !important;
  height:auto !important;
  margin:0 0 12px !important;
  padding:0 !important;
}

/* KS-SEARCHTAB-20260729
 * `.wrap_header_tap ul li.active a{color:#fff!important}` (inline <style>) beat
 * the earlier .ajax_tab.active rule on specificity, so the active search tab
 * stayed white-on-white. Match that selector shape and give it a visible colour
 * plus the orange underline the design already draws.
 */
.wrap_header_tap ul li.active a,
.wrap_header_tap ul li.active a.ajax_tab{
  color:#0f172a !important;
  font-weight:600 !important;
}
.wrap_header_tap ul li a{color:#475569 !important;}