/* KupKov branding v14 candidate: výraznější orientační popisky jakostí pro kategorie 774 a 780 */
:root { --kk-primary: #014663; --kk-primary-hover: #00384f; --kk-link: #006b80; --kk-focus: #2f8c9e; --kk-ink: #252c31; --kk-muted: #5c6670; --kk-surface: #f3f6f7; --kk-border: #d7dee1; --kk-input-border: #9aa7ad; --kk-white: #ffffff; }

#header, .header-top { color: var(--kk-ink) !important; background-color: var(--kk-white) !important; border-color: var(--kk-border) !important; }

.navigation-in { color: var(--kk-white) !important; background-color: var(--kk-primary) !important; border-color: var(--kk-primary) !important; }

.navigation-in .menu-level-1 > li > a { color: var(--kk-white) !important; }

.navigation-in .menu-level-1 > li:hover > a, .navigation-in .menu-level-1 > li:focus-within > a, .navigation-in .menu-level-1 > li.exp > a, .navigation-in .menu-level-1 > li.active > a { color: var(--kk-white) !important; background-color: var(--kk-primary-hover) !important; }

.navigation-in .menu-level-2, .navigation-in .menu-level-3 { background-color: var(--kk-white) !important; border-color: var(--kk-border) !important; }

.navigation-in .menu-level-2 a, .navigation-in .menu-level-3 a { color: var(--kk-ink) !important; }

.navigation-in .menu-level-2 a:hover, .navigation-in .menu-level-2 a:focus, .navigation-in .menu-level-3 a:hover, .navigation-in .menu-level-3 a:focus { color: var(--kk-primary) !important; background-color: var(--kk-surface) !important; }

#header .search .btn-default, .type-category .products .btn-primary, .type-category .toggle-filters, .type-category .unveil-button.btn-default { color: var(--kk-white) !important; background-color: var(--kk-primary) !important; border-color: var(--kk-primary) !important; }

#header .search .btn-default:hover, #header .search .btn-default:focus, .type-category .products .btn-primary:hover, .type-category .products .btn-primary:focus, .type-category .toggle-filters:hover, .type-category .toggle-filters:focus, .type-category .unveil-button.btn-default:hover, .type-category .unveil-button.btn-default:focus { color: var(--kk-white) !important; background-color: var(--kk-primary-hover) !important; border-color: var(--kk-primary-hover) !important; }

.type-category .products .p .name, .type-category .products .product .name, .type-category .pagination a { color: var(--kk-link); }

.type-category .products .p .name:hover, .type-category .products .p .name:focus, .type-category .products .product .name:hover, .type-category .products .product .name:focus, .type-category .pagination a:hover, .type-category .pagination a:focus { color: var(--kk-primary-hover); }

.type-category .sidebar { color: var(--kk-ink) !important; background-color: var(--kk-surface) !important; }

.type-category .sidebar a { color: var(--kk-ink); }

.type-category .sidebar a:hover, .type-category .sidebar a:focus, .type-category .sidebar .active > a, .type-category .sidebar .current > a, .type-category .sidebar .cat-trigger { color: var(--kk-primary) !important; }

.type-category .breadcrumbs, .type-category .breadcrumbs a { color: var(--kk-muted) !important; }

.type-category .breadcrumbs a:hover, .type-category .breadcrumbs a:focus { color: var(--kk-primary) !important; }

.type-category .listSorting__controls, .type-category .products .product, .type-category .sidebar { border-color: var(--kk-border) !important; }

.type-category .listSorting__controls { background-color: var(--kk-surface) !important; }

.type-category .listSorting__control { color: var(--kk-ink) !important; }

.type-category .listSorting__control:hover, .type-category .listSorting__control:focus, .type-category .listSorting__control--current { color: var(--kk-primary) !important; }

#header .search input, #header .search select, #header .search textarea, #header .search .form-control, .type-category .sidebar input, .type-category .sidebar select, .type-category .sidebar textarea, .type-category .sidebar .form-control, .type-category .listSorting select { color: var(--kk-ink) !important; background-color: var(--kk-white) !important; border-color: var(--kk-input-border) !important; }

#header :focus-visible, #navigation :focus-visible, .type-category .content-wrapper :focus-visible { outline: 2px solid var(--kk-focus) !important; outline-offset: 2px !important; }

.type-category .sidebar input[type="checkbox"], .type-category .sidebar input[type="radio"] { accent-color: var(--kk-primary); }

#header [data-testid="linkCart"], #header [data-testid="linkCart"]::before, #header .cart-count, #header .cart-count::before, #header a[aria-label="Hledat"], #header a[aria-label="Hledat"]::before { color: var(--kk-primary) !important; }

#header a[aria-label="Menu"], #header a[aria-label="Menu"]::before { color: var(--kk-white) !important; background-color: var(--kk-ink) !important; border-color: var(--kk-ink) !important; }

@media (max-width: 767px) {
  .navigation-in, .navigation-in .menu-level-1, .navigation-in .menu-level-1 > li, .navigation-in .menu-level-1 > li > a { background-color: var(--kk-white) !important; }
  .navigation-in .menu-level-1 > li > a { color: var(--kk-ink) !important; border-color: var(--kk-border) !important; }
  .navigation-in .menu-level-1 > li > a:hover, .navigation-in .menu-level-1 > li > a:focus { color: var(--kk-primary) !important; background-color: var(--kk-surface) !important; }
}

body.type-category.id-708 .category-content-wrapper > .category-perex.empty-content.empty-content-category, body.type-category.id-822 .category-content-wrapper > .category-perex.empty-content.empty-content-category, body.type-category.id-819 .category-content-wrapper > .category-perex.empty-content.empty-content-category, body.type-category.id-795 .category-content-wrapper > .category-perex.empty-content.empty-content-category, body.type-category.id-711 .category-content-wrapper > .category-perex.empty-content.empty-content-category, body.type-category.id-825 .category-content-wrapper > .category-perex.empty-content.empty-content-category, body.type-category.id-714 .category-content-wrapper > .category-perex.empty-content.empty-content-category, body.type-category.id-828 .category-content-wrapper > .category-perex.empty-content.empty-content-category, body.type-category.id-717 .category-content-wrapper > .category-perex.empty-content.empty-content-category, body.type-category.id-831 .category-content-wrapper > .category-perex.empty-content.empty-content-category, body.type-category.id-729 .category-content-wrapper > .category-perex.empty-content.empty-content-category { display: none !important; }

body.type-detail .p-image-wrapper:has(.p-main-image img):not(:has(.p-main-image[href*="technicky-nakres" i], .p-main-image[data-href*="technicky-nakres" i], .p-main-image img[alt^="Technický nákres" i], .p-main-image img[src*="technicky-nakres" i], .p-thumbnail.highlighted[href*="technicky-nakres" i], .p-thumbnail.highlighted img[alt^="Technický nákres" i], .p-thumbnail.highlighted img[src*="technicky-nakres" i])) .p-image::after { content: "Obrázek je ilustrační."; display: block; margin-top: 6px; color: var(--kk-muted); font-size: 13px; line-height: 1.35; }

@media (min-width: 768px) {
  body.type-category .products-block .p-bottom > [data-micro="offer"] > .prices, body.type-index .products-block .p-bottom > [data-micro="offer"] > .prices, body.type-search .products-block .p-bottom > [data-micro="offer"] > .prices { flex-basis: 100%; }
}

body.type-detail #product-detail-form .social-buttons-wrapper .link-icon.print, body.type-detail #product-detail-form .social-buttons-wrapper .link-icon.share, body.type-detail #product-detail-form .social-buttons-wrapper .social-buttons { display: none !important; }

@media (min-width: 992px) {
  body.type-category .sidebar .categories a { font-size: 15px; line-height: 1.2; }
  body.type-category .sidebar .categories > .topic > a { font-size: 16px; font-weight: 600; }
  body.type-category .sidebar .categories > ul > li > a { font-weight: 600; }
  body.type-category .sidebar .categories > .topic.child-active > a, body.type-category .sidebar .categories li:has(> ul.active) > a { color: var(--kk-primary) !important; }
  body.type-category .sidebar .categories a:hover, body.type-category .sidebar .categories a:focus-visible { color: var(--kk-primary) !important; background-color: rgba(1, 70, 99, 0.08) !important; }
  body.type-category .sidebar .categories > .topic.active > a, body.type-category .sidebar .categories li.active > a { font-weight: 700; color: var(--kk-white) !important; background-color: var(--kk-primary) !important; }
  body.type-category .sidebar .categories > .topic.active > a:hover, body.type-category .sidebar .categories > .topic.active > a:focus-visible, body.type-category .sidebar .categories li.active > a:hover, body.type-category .sidebar .categories li.active > a:focus-visible { color: var(--kk-white) !important; background-color: var(--kk-primary-hover) !important; }
  body.type-category .sidebar .categories .active > a .cat-trigger { color: var(--kk-white) !important; }
}

@media (min-width: 992px) {
  body.type-category #category-header > .listSorting { display: none !important; }
  body.type-category.kk-grade-toolbar-mounted #category-header { min-height: 84px; display: flex; align-items: stretch; column-gap: 0px; }
  body.type-category .kk-grade-toolbar { flex: 1 1 auto; min-width: 0px; order: 1; padding: 10px 16px 10px 20px; }
  body.type-category.kk-grade-toolbar-mounted #category-header > .listItemsTotal { flex: 0 0 154px; margin-left: auto; order: 2; display: flex; align-items: center; justify-content: center; border-left: 1px solid var(--kk-border); width: auto !important; }
  body.type-category .kk-grade-toolbar .filter-section { width: 100%; margin: 0px; padding: 0px; display: grid; grid-template-columns: 58px minmax(0px, 1fr); column-gap: 10px; align-items: start; }
  body.type-category .kk-grade-toolbar .filter-section > h4 { grid-column: 1; color: var(--kk-ink); font-size: 15px; line-height: 19px; font-weight: 700; margin: 0px !important; padding: 5px 0px 0px !important; border: 0px !important; }
  body.type-category .kk-grade-toolbar .filter-section > form { grid-column: 2; width: 100%; min-width: 0px; margin: 0px; }
  body.type-category .kk-grade-toolbar fieldset { width: 100%; min-width: 0px; margin: 0px; padding: 0px; border: 0px; display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 7px 8px; }
  body.type-category .kk-grade-toolbar .advanced-filters-wrapper:empty { display: none !important; }
  body.type-category .kk-grade-toolbar .advanced-filters-wrapper:not(:empty) { grid-column: 1 / -1; }
  body.type-category #content .kk-grade-toolbar fieldset > div:not(.advanced-filters-wrapper) { float: none; clear: none; width: 100%; min-width: 0px; margin: 0px; }
  body.type-category .kk-grade-toolbar .filter-label { box-sizing: border-box; width: 100%; min-height: 27px; height: 100%; position: relative; overflow: hidden; color: var(--kk-ink); background: var(--kk-white); border: 1px solid var(--kk-border); font-size: 13px; line-height: 1.25; font-weight: 700; hyphens: none; overflow-wrap: normal; white-space: normal; cursor: pointer; margin: 0px !important; padding: 4px 24px 4px 28px !important; display: block !important; }
  body.type-category .kk-grade-toolbar .filter-label::before { left: 8px !important; }
  body.type-category .kk-grade-toolbar .filter-label::after { left: 10px !important; }
  body.type-category .kk-grade-toolbar .filter-count { position: absolute; top: 4px; right: 7px; padding-inline: 4px; color: var(--kk-muted); font-size: 11px; font-weight: 400; }
  body.type-category .kk-grade-toolbar input:not(:disabled) + .filter-label:hover { color: var(--kk-primary); background: rgba(1, 70, 99, 0.04); border-color: var(--kk-focus); }
  body.type-category .kk-grade-toolbar input:checked + .filter-label { color: var(--kk-primary); background: rgba(1, 70, 99, 0.08); border-color: var(--kk-primary); }
  body.type-category .kk-grade-toolbar input:checked + .filter-label::before { border-color: var(--kk-primary); }
  body.type-category .kk-grade-toolbar input:checked + .filter-label::after { background-color: var(--kk-primary); }
  body.type-category .kk-grade-toolbar input:focus-visible + .filter-label { outline: 2px solid var(--kk-focus); outline-offset: 2px; }
  body.type-category .kk-grade-toolbar input:disabled + .filter-label { opacity: 0.45; cursor: not-allowed; }
}

@media (min-width: 1200px) {
  body.type-category .kk-grade-toolbar fieldset { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
}

/* Orientační popisky jakostí: pouze hliníkové kulatiny (774) a čtyřhrany (780). */
body.type-category.id-774 .filter-section-parametric-id-15 .filter-label,
body.type-category.id-780 .filter-section-parametric-id-15 .filter-label { white-space: normal; }

body.type-category.id-774 .filter-section-parametric-id-15 .kk-grade-hint,
body.type-category.id-780 .filter-section-parametric-id-15 .kk-grade-hint {
  display: block;
  margin-top: 1px;
  color: var(--kk-primary);
  font-size: 13px;
  line-height: 1.05;
  font-weight: 700;
  overflow-wrap: normal;
  hyphens: none;
  pointer-events: none;
}

@media (min-width: 992px) {
  body.type-category.id-774 .kk-grade-toolbar .filter-label,
  body.type-category.id-780 .kk-grade-toolbar .filter-label { min-height: 40px; }

  body.type-category.id-774 .kk-grade-toolbar .kk-grade-hint,
  body.type-category.id-780 .kk-grade-toolbar .kk-grade-hint {
    margin-right: -20px;
    padding-right: 4px;
  }
}

/* Čitelnost textů pouze v hlavních materiálových kategoriích: Al, Ms, Br, Cu. */
body.type-category:is(.id-708, .id-711, .id-714, .id-717) .category-top > .category-perex,
body.type-category:is(.id-708, .id-711, .id-714, .id-717) .category-top > .category-perex > p,
body.type-category:is(.id-708, .id-711, .id-714, .id-717) .category-content-wrapper > .category__secondDescription,
body.type-category:is(.id-708, .id-711, .id-714, .id-717) .category-content-wrapper > .category__secondDescription > p {
  font-size: 15px;
  line-height: 1.55;
}

body.type-category:is(.id-708, .id-711, .id-714, .id-717) .category-content-wrapper > .category__secondDescription > h2 {
  font-size: 21px;
  line-height: 1.25;
  font-weight: 600;
  margin-bottom: 12px;
}

body.type-category:is(.id-708, .id-711, .id-714, .id-717) .category-content-wrapper > .category__secondDescription > h3 {
  font-size: 16px;
  line-height: 1.35;
  font-weight: 700;
  margin-top: 18px;
  margin-bottom: 6px;
}

@media (max-width: 767px) {
  body.type-category:is(.id-708, .id-711, .id-714, .id-717) .category-content-wrapper > .category__secondDescription > h2 {
    font-size: 20px;
  }
}

/* KupKov layout bridge v16: fluidní mezistupeň 1280–1439 px. */
@media (min-width: 1280px) and (max-width: 1439.98px) {
  body:not(.ordering-process) .top-navigation-bar > .container,
  body:not(.ordering-process) #header > .container.navigation-wrapper,
  body:not(.ordering-process) .overall-wrapper > .breadcrumbs-wrapper.container,
  body:not(.ordering-process) #content-wrapper.container,
  body:not(.ordering-process) #footer > .container {
    width: clamp(1178px, calc(180% - 1126px), calc(100% - 48px));
  }
}