/* =========================================================
   4RINGS — ARCHIVE/CATEGORY/TAG v13 AD AFTER DESCRIPTION
   Scope: category/tag archives only.
   Homepage/single/header/mobile menu untouched.
   TYPOGRAPHY LOCK: local archive styling only.
   ========================================================= */

body.fr-archive-active {
  overflow-x: hidden;
  background: #fff;
}

body.fr-archive-active #right-sidebar,
body.fr-archive-active #left-sidebar,
body.fr-archive-active .widget-area,
body.fr-archive-active .sidebar,
body.fr-archive-active aside[role="complementary"] {
  display: none !important;
}

body.fr-archive-active .site-content,
body.fr-archive-active .content-area,
body.fr-archive-active .site-main,
body.fr-archive-active .inside-article,
body.fr-archive-active .entry-content {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.fr-archive-screen,
.fr-archive-screen * {
  box-sizing: border-box;
}

.fr-archive-screen {
  width: 100%;
  background: #fff;
  color: #111;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  padding: clamp(34px, 4.2vw, 64px) 0 clamp(58px, 7vw, 96px);
}

.fr-archive-wrap {
  width: min(1240px, calc(100vw - 64px));
  margin: 0 auto;
}

/* Hide GenerateBlocks archive hero/page header on archives only. */
body.fr-archive-active .fr-archive-hero,
body.fr-archive-active .gb-element-8cd8b5f.fr-archive-hero,
body.archive .fr-archive-hero,
body.category .fr-archive-hero,
body.tag .fr-archive-hero,
body.fr-archive-active .page-header,
body.fr-archive-active .archive-header:not(.fr-archive-header),
body.fr-archive-active .entry-header:not(.fr-archive-header),
body.fr-archive-active header.page-header,
body.fr-archive-active .generate-page-header,
body.fr-archive-active .inside-page-header,
body.fr-archive-active .featured-image.page-header-image {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* Ads: after archive/tag description box on desktop and mobile. Empty placeholder by design. */
/* Ads: after archive/tag description box on desktop and mobile. Empty placeholder by design. */
.fr-archive-ad {
  background: #f6f6f6;
  border: 0;
}

.fr-archive-ad-after-header {
  width: min(970px, 100%);
  height: 300px;
  margin: 0 auto clamp(32px, 4vw, 54px);
  display: block;
}

/* Defensive lock: old ad positions must not render if cached markup/classes survive. */
.fr-archive-ad-desktop,
.fr-archive-ad-mobile {
  display: none !important;
}

/* Editorial archive header */
.fr-archive-header.fr-archive-header-editorial {
  width: 100%;
  margin: 0 0 clamp(34px, 4vw, 54px);
  padding: clamp(26px, 3.6vw, 46px) clamp(24px, 4vw, 56px);
  border-left: 5px solid var(--fr-archive-color, #E12626);
  border-top: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
  background: #fff;
}

.fr-archive-header-content {
  max-width: 1080px;
}

.fr-archive-breadcrumbs {
  margin: 0 0 14px;
  font-size: 12px;
  line-height: 1.35;
  font-weight: 500;
  color: #777;
}

.fr-archive-breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  list-style: none;
  margin: 0;
  padding: 0;
}

.fr-archive-breadcrumbs li {
  display: inline-flex;
  align-items: center;
  min-width: 0;
}

.fr-archive-breadcrumbs li:not(:last-child)::after {
  content: "/";
  margin: 0 8px;
  color: #b5b5b5;
  font-weight: 700;
}

.fr-archive-breadcrumbs a {
  color: #666;
  text-decoration: none;
}

.fr-archive-breadcrumbs a:hover {
  color: #111;
}

.fr-archive-eyebrow {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin: 0 0 13px;
  padding: 6px 9px;
  background: #111;
  color: #fff;
  font-size: 10px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: .025em;
  text-transform: uppercase;
}

.fr-archive-title {
  margin: 0 0 clamp(16px, 2vw, 24px);
  color: #111;
  font-size: clamp(40px, 5.4vw, 76px);
  line-height: .96;
  font-weight: 720;
  letter-spacing: -0.045em;
  text-transform: none;
}

.fr-archive-description {
  max-width: 960px;
  margin: 0;
  color: #3f3f46;
  font-size: clamp(16px, 1.2vw, 20px);
  line-height: 1.58;
  font-weight: 400;
  letter-spacing: -0.01em;
}

.fr-archive-description p {
  margin: 0;
}

/* Grid */
.fr-archive-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 34px 28px;
  align-items: start;
}

.fr-archive-card {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

.fr-archive-card-image {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #f2f2f2;
  margin: 0 0 10px;
  text-decoration: none;
}

.fr-archive-card-image img,
.fr-archive-card-image .fr-img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 16 / 9;
  object-fit: cover !important;
  transition: transform .18s ease;
}

.fr-archive-card-image:hover img,
.fr-archive-card-image:hover .fr-img {
  transform: scale(1.025);
}

.fr-img-empty {
  background: #efefef;
}

.fr-archive-card-copy {
  display: block;
  padding: 0;
}

.fr-archive-badge {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  margin: 0 0 8px;
  padding: 5px 8px;
  background: #111;
  color: #fff;
  font-size: 10px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: .025em;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 0;
  white-space: nowrap;
}

.fr-archive-card-title {
  margin: 0 0 8px;
  color: #111 !important;
  font-size: clamp(17px, 1.22vw, 19px);
  line-height: 1.23;
  font-weight: 680;
  letter-spacing: -0.012em;
}

.fr-archive-card-title a {
  color: #111 !important;
  text-decoration: none;
}

.fr-archive-card-title a:hover {
  color: #111 !important;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}

.fr-archive-meta {
  color: #6b7280;
  font-size: 12px;
  line-height: 1.35;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
}

.fr-archive-empty {
  max-width: 720px;
  margin: 0;
  color: #555;
  font-size: 16px;
  line-height: 1.55;
}

/* Pagination */
.fr-archive-pagination {
  margin-top: 52px;
  padding-top: 30px;
  border-top: 1px solid #e8e8e8;
}

.fr-archive-pagination .nav-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}

.fr-archive-pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  min-height: 40px;
  padding: 0 13px;
  border: 1px solid #dedede;
  background: #fff;
  color: #111;
  font-size: 13px;
  line-height: 1;
  font-weight: 700;
  text-decoration: none;
}

.fr-archive-pagination .page-numbers.current,
.fr-archive-pagination a.page-numbers:hover {
  background: #111;
  border-color: #111;
  color: #fff;
}

.fr-archive-pagination .dots {
  border: 0;
  padding: 0 6px;
}

@media (max-width: 1024px) {
  .fr-archive-wrap {
    width: min(100% - 40px, 860px);
  }

  .fr-archive-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px 22px;
  }
}

@media (max-width: 700px) {
  .fr-archive-screen {
    padding: 22px 0 58px;
  }

  .fr-archive-wrap {
    width: calc(100% - 32px);
  }

  .fr-archive-ad-after-header {
    width: 100%;
    height: 280px;
    margin: 0 auto 30px;
    background: #f6f6f6;
  }

  .fr-archive-header.fr-archive-header-editorial {
    margin-bottom: 22px;
    padding: 18px 0 18px 16px;
    border-top: 0;
    border-bottom: 0;
    border-left-width: 4px;
    background: #fff;
  }

  .fr-archive-breadcrumbs {
    font-size: 12px;
    margin-bottom: 12px;
  }

  .fr-archive-eyebrow {
    margin-bottom: 12px;
  }

  .fr-archive-title {
    font-size: clamp(34px, 10vw, 44px);
    line-height: 1;
    font-weight: 740;
    letter-spacing: -0.035em;
    margin-bottom: 14px;
  }

  .fr-archive-description {
    max-width: none;
    padding-right: 16px;
    font-size: 15px;
    line-height: 1.55;
    font-weight: 400;
  }

  .fr-archive-grid {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .fr-archive-card-title {
    font-size: 20px;
    line-height: 1.2;
    font-weight: 680;
    letter-spacing: -0.01em;
  }
}


/* =========================================================
   4RINGS — ARCHIVE/CATEGORY HEADER TYPOGRAPHY HOTFIX
   Wklej na sam koniec assets/css/archive.css.
   Zakres: boxy nagłówków kategorii/tagów/archiwów.
   Cel: czarne litery bez kolorowych przebarwień i delikatnie większy odstęp między znakami.
   ========================================================= */

.fr-archive-head h1,
.fr-archive-header h1,
.fr-archive-intro h1,
.fr-archive-title,
.fr-archive-head .fr-archive-title,
.fr-archive-header .fr-archive-title,
.fr-archive-intro .fr-archive-title {
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
  background: none !important;
  background-image: none !important;
  text-shadow: none !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-weight: 820 !important;
  line-height: 1.04 !important;
  letter-spacing: -0.012em !important;
  text-rendering: geometricPrecision !important;
  -webkit-font-smoothing: antialiased !important;
}

.fr-archive-head,
.fr-archive-header,
.fr-archive-intro {
  color: #111111 !important;
  text-shadow: none !important;
}

.fr-archive-head *,
.fr-archive-header *,
.fr-archive-intro * {
  text-shadow: none !important;
}

@media (max-width: 768px) {
  .fr-archive-head h1,
  .fr-archive-header h1,
  .fr-archive-intro h1,
  .fr-archive-title,
  .fr-archive-head .fr-archive-title,
  .fr-archive-header .fr-archive-title,
  .fr-archive-intro .fr-archive-title {
    font-weight: 820 !important;
    line-height: 1.06 !important;
    letter-spacing: -0.01em !important;
  }
}


/* =========================================================
   4RINGS — ARCHIVE SYSTEM FONT STACK FINAL
   Scope: category/tag archive headers and cards only.
   ========================================================= */
body.archive,
body.category,
body.tag,
body.archive *,
body.category *,
body.tag * {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  text-rendering: auto !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

body.archive .fr-archive-title,
body.category .fr-archive-title,
body.tag .fr-archive-title,
body.archive h1,
body.category h1,
body.tag h1 {
  color: #050505 !important;
  background: none !important;
  -webkit-text-fill-color: #050505 !important;
  text-shadow: none !important;
  font-weight: 800 !important;
  letter-spacing: -0.018em !important;
  line-height: 1.05 !important;
}

body.archive .fr-archive-description,
body.category .fr-archive-description,
body.tag .fr-archive-description {
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}

body.archive .fr-archive-card-title,
body.category .fr-archive-card-title,
body.tag .fr-archive-card-title,
body.archive .fr-card-title,
body.category .fr-card-title,
body.tag .fr-card-title {
  color: #111 !important;
  font-weight: 700 !important;
  letter-spacing: -0.004em !important;
  line-height: 1.22 !important;
}
/* =========================================================
   4RINGS — SOFT CATEGORY BADGES FINAL
   Cel: plakietki mają pomagać w orientacji, a nie odciągać wzroku od tytułu.
   Jasne tło + subtelny kolor kategorii jako lewa krawędź.
   ========================================================= */

body .fr-badge,
body .fr-card-cat,
body .fr-related-cat,
body .fr-sidebar-kicker,
body .fr-sidebar-cat,
body .fr-sidebar-category,
body .fr-article-kicker,
body .fr-article-related-kicker,
body .fr-archive-badge,
body .fr-archive-label,
body .fr-static-kicker,
body .fr-page-kicker {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  max-width: max-content !important;
  min-height: 22px !important;
  padding: 4px 8px 4px 7px !important;
  border: 1px solid #e3e5e8 !important;
  border-left: 3px solid #b8bcc3 !important;
  border-radius: 0 !important;
  background: #f4f5f6 !important;
  color: #202020 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: .035em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: auto !important;
}

/* Kolor kategorii zostaje tylko jako subtelny akcent lewej krawędzi */
body .fr-cat-aktualnosci,
body .fr-layout-latest .fr-badge,
body .fr-layout-news .fr-badge,
body .fr-layout-aktualnosci .fr-badge {
  border-left-color: #E12626 !important;
}

body .fr-cat-testy,
body .fr-layout-tests .fr-badge {
  border-left-color: #1565C0 !important;
}

body .fr-cat-rankingi,
body .fr-layout-ranking .fr-badge,
body .fr-layout-rankingi .fr-badge {
  border-left-color: #1E8E3E !important;
}

body .fr-cat-poradniki,
body .fr-layout-guides .fr-badge,
body .fr-layout-poradniki .fr-badge {
  border-left-color: #5B3CC4 !important;
}

body .fr-cat-napedy,
body .fr-layout-drives .fr-badge,
body .fr-layout-napedy .fr-badge {
  border-left-color: #FFC400 !important;
}

body .fr-cat-rynek,
body .fr-layout-market .fr-badge,
body .fr-layout-rynek .fr-badge {
  border-left-color: #F57C00 !important;
}

body .fr-cat-chinskie-marki,
body .fr-layout-chinese .fr-badge,
body .fr-layout-chinskie-marki .fr-badge {
  border-left-color: #8B1E3F !important;
}

/* Wersje na ciemnym tle — dalej spokojne, ale czytelne */
.fr-hero-copy .fr-badge,
.fr-hero-card .fr-badge,
.fr-hero-main .fr-badge {
  background: rgba(255, 255, 255, .92) !important;
  border-color: rgba(255, 255, 255, .7) !important;
  color: #151515 !important;
}

/* Małe listy w sidebarze — jeszcze spokojniejsze, żeby tytuły były ważniejsze */
body.single-post .fr-single-sidebar .fr-sidebar-kicker,
body.single-post .fr-single-sidebar .fr-sidebar-cat,
body.single-post .fr-single-sidebar .fr-sidebar-category {
  min-height: 21px !important;
  padding: 4px 7px 4px 6px !important;
  font-size: 9.5px !important;
  font-weight: 700 !important;
  letter-spacing: .032em !important;
}

/* Czytaj dalej / powiązane teksty */
body.single-post .fr-article-related .fr-article-related-kicker,
body.single-post .fr-article-related .fr-card-cat,
body.single-post .fr-article-related .fr-related-cat {
  margin: 10px 0 8px !important;
}

@media (max-width: 768px) {
  body .fr-badge,
  body .fr-card-cat,
  body .fr-related-cat,
  body .fr-sidebar-kicker,
  body .fr-sidebar-cat,
  body .fr-sidebar-category,
  body .fr-article-kicker,
  body .fr-article-related-kicker,
  body .fr-archive-badge,
  body .fr-archive-label,
  body .fr-static-kicker,
  body .fr-page-kicker {
    min-height: 21px !important;
    padding: 4px 7px 4px 6px !important;
    font-size: 9.5px !important;
    letter-spacing: .03em !important;
  }
}

/* =========================================================
   4RINGS — FINAL GLOBAL BADGES: LIGHT + CATEGORY LEFT ACCENT
   Cel: plakietka ma pomagać w orientacji, ale nie kraść wzroku tytułowi.
   ========================================================= */

:root {
  --fr-badge-light-bg: #f5f6f7;
  --fr-badge-light-border: #e1e4e8;
  --fr-badge-light-text: #151515;
  --fr-badge-light-muted: #6b7280;
  --fr-badge-accent-default: #C9CDD3;
  --fr-badge-accent-aktualnosci: #E12626;
  --fr-badge-accent-testy: #1565C0;
  --fr-badge-accent-rankingi: #1E8E3E;
  --fr-badge-accent-poradniki: #5B3CC4;
  --fr-badge-accent-napedy: #FFC400;
  --fr-badge-accent-rynek: #F57C00;
  --fr-badge-accent-chinskie: #8B1E3F;
}

/* Baza — homepage */
body.fr-home-active .fr-homepage .fr-badge,
body.fr-home-active .fr-homepage .fr-card-copy .fr-badge,
body.fr-home-active .fr-homepage .fr-news-copy .fr-badge,
body.fr-home-active .fr-homepage .fr-hero-copy .fr-badge,
body.fr-home-active .fr-homepage .fr-feature-card .fr-badge,
body.fr-home-active .fr-homepage article .fr-badge,
body.fr-home-active .fr-homepage span[class*="fr-cat-"],
body.fr-home-active .fr-homepage a[class*="fr-cat-"] {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  max-width: max-content !important;
  min-height: 24px !important;
  padding: 5px 8px 5px 9px !important;
  border: 1px solid var(--fr-badge-light-border) !important;
  border-left: 4px solid var(--fr-badge-accent, var(--fr-badge-accent-default)) !important;
  border-radius: 0 !important;
  background: var(--fr-badge-light-bg) !important;
  color: var(--fr-badge-light-text) !important;
  box-shadow: none !important;
  text-shadow: none !important;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 750 !important;
  letter-spacing: .035em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
}

/* Baza — single, sidebar, czytaj dalej */
body.single-post .fr-article-kicker,
body.single-post .fr-badge,
body.single-post .fr-sidebar-kicker,
body.single-post .fr-sidebar-cat,
body.single-post .fr-sidebar-category,
body.single-post .fr-card-cat,
body.single-post .fr-article-related-kicker,
body.single-post .fr-related-cat,
body.single-post .fr-single-sidebar span[class*="fr-cat-"],
body.single-post .fr-article-related span[class*="fr-cat-"] {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  max-width: max-content !important;
  min-height: 24px !important;
  padding: 5px 8px 5px 9px !important;
  border: 1px solid var(--fr-badge-light-border) !important;
  border-left: 4px solid var(--fr-badge-accent, var(--fr-badge-accent-default)) !important;
  border-radius: 0 !important;
  background: var(--fr-badge-light-bg) !important;
  color: var(--fr-badge-light-text) !important;
  box-shadow: none !important;
  text-shadow: none !important;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 750 !important;
  letter-spacing: .035em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
}

/* Baza — archiwa kategorii/tagów */
body.archive .fr-badge,
body.archive .fr-card-cat,
body.archive .fr-archive-badge,
body.archive .fr-archive-card .fr-badge,
body.archive .fr-archive-card span[class*="fr-cat-"],
body.category .fr-badge,
body.category .fr-card-cat,
body.category .fr-archive-badge,
body.tag .fr-badge,
body.tag .fr-card-cat,
body.tag .fr-archive-badge {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  max-width: max-content !important;
  min-height: 24px !important;
  padding: 5px 8px 5px 9px !important;
  border: 1px solid var(--fr-badge-light-border) !important;
  border-left: 4px solid var(--fr-badge-accent, var(--fr-badge-accent-default)) !important;
  border-radius: 0 !important;
  background: var(--fr-badge-light-bg) !important;
  color: var(--fr-badge-light-text) !important;
  box-shadow: none !important;
  text-shadow: none !important;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 750 !important;
  letter-spacing: .035em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
}

/* Baza — strony statyczne, np. 4RINGS.PL */
body.fr-static-page .fr-static-label,
body.fr-static-page .fr-static-badge,
body.fr-static-page .fr-badge,
body.page .fr-static-label,
body.page .fr-static-badge {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  max-width: max-content !important;
  min-height: 24px !important;
  padding: 5px 8px 5px 9px !important;
  border: 1px solid var(--fr-badge-light-border) !important;
  border-left: 4px solid var(--fr-badge-accent, var(--fr-badge-accent-aktualnosci)) !important;
  border-radius: 0 !important;
  background: var(--fr-badge-light-bg) !important;
  color: var(--fr-badge-light-text) !important;
  box-shadow: none !important;
  text-shadow: none !important;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 750 !important;
  letter-spacing: .035em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
}

/* Wnętrze plakietki bez własnych efektów */
.fr-badge *,
.fr-card-cat *,
.fr-sidebar-kicker *,
.fr-article-kicker *,
.fr-archive-badge *,
.fr-article-related-kicker * {
  color: inherit !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

/* Wyłączenie dekoracyjnych pseudo-elementów, które robiły ciężkie belki */
.fr-badge::before,
.fr-badge::after,
.fr-card-cat::before,
.fr-card-cat::after,
.fr-sidebar-kicker::before,
.fr-sidebar-kicker::after,
.fr-article-kicker::before,
.fr-article-kicker::after,
.fr-archive-badge::before,
.fr-archive-badge::after,
.fr-article-related-kicker::before,
.fr-article-related-kicker::after {
  display: none !important;
  content: none !important;
}

/* Akcent kategorii — klasy bezpośrednio na plakietce */
.fr-cat-aktualnosci,
.fr-cat-premiery-samochodow,
.fr-cat-zapowiedzi-modeli,
.fr-cat-faceliftingi,
.fr-cat-debiuty-producentow,
.fr-cat-przepisy-drogowe,
.fr-cat-mandaty,
.fr-cat-infrastruktura-drogowa,
.fr-cat-bezpieczenstwo,
.fr-cat-producenci-i-firmy,
.fr-cat-inwestycje,
.fr-cat-ceny-aut,
.fr-cat-rejestracje,
.fr-cat-formalnosci-urzedowe,
.fr-cat-nowe-technologie {
  --fr-badge-accent: var(--fr-badge-accent-aktualnosci) !important;
}

.fr-cat-testy,
.fr-cat-testy-samochodow,
.fr-cat-pierwsze-jazdy,
.fr-cat-test-tygodnia,
.fr-cat-testy-dlugodystansowe,
.fr-cat-wideo-testy,
.fr-cat-testy-porownawcze,
.fr-cat-pojedynki-modeli,
.fr-cat-plusy-i-minusy,
.fr-cat-werdykt-redakcji,
.fr-cat-premium,
.fr-cat-elektryczne {
  --fr-badge-accent: var(--fr-badge-accent-testy) !important;
}

.fr-cat-rankingi,
.fr-cat-rankingi-samochodow,
.fr-cat-do-30-tys,
.fr-cat-do-50-tys,
.fr-cat-do-100-tys,
.fr-cat-powyzej-150-tys,
.fr-cat-rodzinne,
.fr-cat-miejskie,
.fr-cat-suv-y,
.fr-cat-dla-firmy,
.fr-cat-uzywane-auta,
.fr-cat-najmniej-awaryjne,
.fr-cat-najtansze-w-utrzymaniu,
.fr-cat-najlepsze-ev {
  --fr-badge-accent: var(--fr-badge-accent-rankingi) !important;
}

.fr-cat-poradniki,
.fr-cat-poradniki-motoryzacyjne,
.fr-cat-jak-wybrac-auto,
.fr-cat-nowe-czy-uzywane,
.fr-cat-leasing-czy-kredyt,
.fr-cat-formalnosci,
.fr-cat-serwis-i-naprawy,
.fr-cat-opony,
.fr-cat-akumulator,
.fr-cat-jazda-zima,
.fr-cat-ubezpieczenia-oc-ac,
.fr-cat-jak-obnizyc-spalanie,
.fr-cat-koszty-uzytkowania,
.fr-cat-mandaty-i-punkty {
  --fr-badge-accent: var(--fr-badge-accent-poradniki) !important;
}

.fr-cat-napedy,
.fr-cat-napedy-samochodowe,
.fr-cat-samochody-elektryczne,
.fr-cat-plug-in-hybrid,
.fr-cat-hybrydy,
.fr-cat-ladowanie,
.fr-cat-benzyna,
.fr-cat-diesel,
.fr-cat-lpg,
.fr-cat-cng,
.fr-cat-wodor,
.fr-cat-e-fuels,
.fr-cat-infrastruktura {
  --fr-badge-accent: var(--fr-badge-accent-napedy) !important;
}

.fr-cat-rynek,
.fr-cat-rynek-motoryzacyjny,
.fr-cat-promocje,
.fr-cat-rabaty,
.fr-cat-wyprzedaze-rocznika,
.fr-cat-finansowanie,
.fr-cat-ceny,
.fr-cat-import,
.fr-cat-trendy,
.fr-cat-wartosc-rezydualna,
.fr-cat-porownaj-leasing,
.fr-cat-dealerzy,
.fr-cat-konfiguratory,
.fr-cat-kalkulatory {
  --fr-badge-accent: var(--fr-badge-accent-rynek) !important;
}

.fr-cat-chinskie-marki,
.fr-cat-chinskie,
.fr-cat-chinskie-marki-samochodow,
.fr-cat-byd,
.fr-cat-mg,
.fr-cat-omoda,
.fr-cat-jaecoo,
.fr-cat-omoda-jaecoo,
.fr-cat-nio,
.fr-cat-xpeng,
.fr-cat-gwm,
.fr-cat-geely,
.fr-cat-chery,
.fr-cat-ceny-chinskie,
.fr-cat-dostepnosc,
.fr-cat-opinie,
.fr-cat-serwis,
.fr-cat-vs-toyota,
.fr-cat-vs-hyundai,
.fr-cat-vs-tesla,
.fr-cat-czy-warto-kupic {
  --fr-badge-accent: var(--fr-badge-accent-chinskie) !important;
}

/* Akcent kategorii — jeśli plakietka jest w sekcji danej kategorii */
.fr-layout-latest .fr-badge,
.fr-layout-news .fr-badge {
  --fr-badge-accent: var(--fr-badge-accent-aktualnosci) !important;
}
.fr-layout-tests .fr-badge {
  --fr-badge-accent: var(--fr-badge-accent-testy) !important;
}
.fr-layout-ranking .fr-badge,
.fr-layout-rankings .fr-badge {
  --fr-badge-accent: var(--fr-badge-accent-rankingi) !important;
}
.fr-layout-guides .fr-badge {
  --fr-badge-accent: var(--fr-badge-accent-poradniki) !important;
}
.fr-layout-drives .fr-badge {
  --fr-badge-accent: var(--fr-badge-accent-napedy) !important;
}
.fr-layout-market .fr-badge {
  --fr-badge-accent: var(--fr-badge-accent-rynek) !important;
}
.fr-layout-chinese .fr-badge {
  --fr-badge-accent: var(--fr-badge-accent-chinskie) !important;
}

/* Lekki hover — bez powrotu do czarnej belki */
@media (hover: hover) and (pointer: fine) {
  .fr-badge:hover,
  .fr-card-cat:hover,
  .fr-sidebar-kicker:hover,
  .fr-article-kicker:hover,
  .fr-archive-badge:hover,
  .fr-article-related-kicker:hover,
  body.fr-home-active .fr-homepage span[class*="fr-cat-"]:hover {
    background: #fff !important;
    border-color: #d8dce2 !important;
    border-left-color: var(--fr-badge-accent, var(--fr-badge-accent-default)) !important;
    color: #111 !important;
  }
}

@media (max-width: 768px) {
  body.fr-home-active .fr-homepage .fr-badge,
  body.single-post .fr-article-kicker,
  body.single-post .fr-sidebar-kicker,
  body.archive .fr-badge,
  body.category .fr-badge,
  body.tag .fr-badge {
    min-height: 22px !important;
    padding: 4px 7px 4px 8px !important;
    border-left-width: 3px !important;
    font-size: 9.5px !important;
    letter-spacing: .03em !important;
  }
}


/* =========================================================
   4RINGS — BADGES FULL-HEIGHT LEFT ACCENT FINAL
   Cel: wszystkie plakietki mają jasne tło, ciemny tekst
   i pełny pionowy pasek kategorii od góry do dołu.
   NIE RUSZA: layoutu kart, zdjęć, reklam, menu ani mobile Rankingów.
   ========================================================= */

:root,
.fr-homepage,
body.single-post,
body.archive,
body.category,
body.tag,
body.page {
  --fr-badge-light-bg: #f5f6f7;
  --fr-badge-light-border: #e1e4e8;
  --fr-badge-light-text: #151515;
  --fr-badge-accent-default: #C9CDD3;
  --fr-badge-accent-aktualnosci: #E12626;
  --fr-badge-accent-testy: #1565C0;
  --fr-badge-accent-rankingi: #1E8E3E;
  --fr-badge-accent-poradniki: #5B3CC4;
  --fr-badge-accent-napedy: #FFC400;
  --fr-badge-accent-rynek: #F57C00;
  --fr-badge-accent-chinskie: #8B1E3F;
}

/* Bazowy wygląd wszystkich redakcyjnych plakietek */
.fr-badge,
.fr-card-cat,
.fr-cat-badge,
.fr-category-badge,
.fr-article-kicker,
.fr-article-category,
.fr-single-kicker,
.fr-single-category,
.fr-sidebar-kicker,
.fr-sidebar-cat,
.fr-sidebar-category,
.fr-related-cat,
.fr-related-label,
.fr-article-related-kicker,
.fr-archive-badge,
.fr-archive-eyebrow,
.fr-archive-label,
.fr-static-badge,
.fr-static-kicker,
.fr-static-label,
.fr-page-kicker,
.fr-page-label,
.fr-mobile-recommended-card-label,
.fr-rankings-fresh-badge,
.fr-rankings-fresh-main-badge,
.fr-rankings-fresh-side-badge,
.fr-day-label,
body.fr-home-active .fr-homepage span[class*="fr-cat-"] {
  position: relative !important;
  isolation: isolate !important;
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  max-width: 100% !important;
  min-height: 22px !important;
  margin-top: 0;
  padding: 5px 8px 5px 12px !important;
  border: 1px solid var(--fr-badge-light-border) !important;
  border-left: 0 !important;
  border-radius: 0 !important;
  background: var(--fr-badge-light-bg) !important;
  color: var(--fr-badge-light-text) !important;
  box-shadow: none !important;
  text-shadow: none !important;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 750 !important;
  letter-spacing: .035em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

/* Pełny pionowy pasek — od góry do dołu plakietki, bez przerw */
.fr-badge::before,
.fr-card-cat::before,
.fr-cat-badge::before,
.fr-category-badge::before,
.fr-article-kicker::before,
.fr-article-category::before,
.fr-single-kicker::before,
.fr-single-category::before,
.fr-sidebar-kicker::before,
.fr-sidebar-cat::before,
.fr-sidebar-category::before,
.fr-related-cat::before,
.fr-related-label::before,
.fr-article-related-kicker::before,
.fr-archive-badge::before,
.fr-archive-eyebrow::before,
.fr-archive-label::before,
.fr-static-badge::before,
.fr-static-kicker::before,
.fr-static-label::before,
.fr-page-kicker::before,
.fr-page-label::before,
.fr-mobile-recommended-card-label::before,
.fr-rankings-fresh-badge::before,
.fr-rankings-fresh-main-badge::before,
.fr-rankings-fresh-side-badge::before,
.fr-day-label::before,
body.fr-home-active .fr-homepage span[class*="fr-cat-"]::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 4px !important;
  height: auto !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--fr-badge-accent, var(--fr-badge-accent-default)) !important;
  box-shadow: none !important;
  opacity: 1 !important;
  transform: none !important;
  flex: 0 0 auto !important;
  z-index: 0 !important;
  display: block !important;
}

/* Wyłączenie drugiego pseudo-elementu, żeby nie wracały stare kropki/podkreślenia */
.fr-badge::after,
.fr-card-cat::after,
.fr-cat-badge::after,
.fr-category-badge::after,
.fr-article-kicker::after,
.fr-article-category::after,
.fr-single-kicker::after,
.fr-single-category::after,
.fr-sidebar-kicker::after,
.fr-sidebar-cat::after,
.fr-sidebar-category::after,
.fr-related-cat::after,
.fr-related-label::after,
.fr-article-related-kicker::after,
.fr-archive-badge::after,
.fr-archive-eyebrow::after,
.fr-archive-label::after,
.fr-static-badge::after,
.fr-static-kicker::after,
.fr-static-label::after,
.fr-page-kicker::after,
.fr-page-label::after,
.fr-mobile-recommended-card-label::after,
.fr-rankings-fresh-badge::after,
.fr-rankings-fresh-main-badge::after,
.fr-rankings-fresh-side-badge::after,
.fr-day-label::after,
body.fr-home-active .fr-homepage span[class*="fr-cat-"]::after {
  display: none !important;
  content: none !important;
}

/* Tekst w plakietce zawsze nad paskiem */
.fr-badge *,
.fr-card-cat *,
.fr-cat-badge *,
.fr-category-badge *,
.fr-article-kicker *,
.fr-article-category *,
.fr-single-kicker *,
.fr-single-category *,
.fr-sidebar-kicker *,
.fr-sidebar-cat *,
.fr-sidebar-category *,
.fr-related-cat *,
.fr-related-label *,
.fr-article-related-kicker *,
.fr-archive-badge *,
.fr-archive-eyebrow *,
.fr-archive-label *,
.fr-static-badge *,
.fr-static-kicker *,
.fr-static-label *,
.fr-page-kicker *,
.fr-page-label *,
.fr-mobile-recommended-card-label *,
.fr-rankings-fresh-badge *,
.fr-rankings-fresh-main-badge *,
.fr-rankings-fresh-side-badge *,
.fr-day-label * {
  position: relative !important;
  z-index: 1 !important;
  color: inherit !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

/* Ukrycie starej kropki w etykiecie dnia — pasek przejmuje funkcję akcentu */
.fr-day-label > span:first-child:empty,
.fr-day-label .fr-dot,
.fr-day-label .fr-label-dot {
  display: none !important;
}

/* Kolory akcentów po klasach kategorii */
.fr-cat-aktualnosci,
.fr-cat-aktualnosci-motoryzacyjne,
.fr-cat-premiery-samochodow,
.fr-cat-zapowiedzi-modeli,
.fr-cat-faceliftingi,
.fr-cat-debiuty-producentow,
.fr-cat-przepisy-drogowe,
.fr-cat-mandaty,
.fr-cat-infrastruktura-drogowa,
.fr-cat-bezpieczenstwo,
.fr-cat-producenci-i-firmy,
.fr-cat-inwestycje,
.fr-cat-ceny-aut,
.fr-cat-rejestracje,
.fr-cat-formalnosci-urzedowe,
.fr-cat-nowe-technologie {
  --fr-badge-accent: var(--fr-badge-accent-aktualnosci) !important;
}

.fr-cat-testy,
.fr-cat-testy-samochodow,
.fr-cat-pierwsze-jazdy,
.fr-cat-test-tygodnia,
.fr-cat-testy-dlugodystansowe,
.fr-cat-wideo-testy,
.fr-cat-testy-porownawcze,
.fr-cat-pojedynki-modeli,
.fr-cat-plusy-i-minusy,
.fr-cat-werdykt-redakcji,
.fr-cat-suv-y,
.fr-cat-auta-miejskie,
.fr-cat-premium,
.fr-cat-elektryczne {
  --fr-badge-accent: var(--fr-badge-accent-testy) !important;
}

.fr-cat-rankingi,
.fr-cat-rankingi-samochodow,
.fr-cat-do-30-tys,
.fr-cat-do-50-tys,
.fr-cat-do-100-tys,
.fr-cat-powyzej-150-tys,
.fr-cat-rodzinne,
.fr-cat-miejskie,
.fr-cat-dla-firmy,
.fr-cat-uzywane-auta,
.fr-cat-najmniej-awaryjne,
.fr-cat-najtansze-w-utrzymaniu,
.fr-cat-najlepsze-ev {
  --fr-badge-accent: var(--fr-badge-accent-rankingi) !important;
}

.fr-cat-poradniki,
.fr-cat-poradniki-motoryzacyjne,
.fr-cat-jak-wybrac-auto,
.fr-cat-nowe-czy-uzywane,
.fr-cat-leasing-czy-kredyt,
.fr-cat-formalnosci,
.fr-cat-serwis-i-naprawy,
.fr-cat-opony,
.fr-cat-akumulator,
.fr-cat-jazda-zima,
.fr-cat-ubezpieczenia-oc-ac,
.fr-cat-jak-obnizyc-spalanie,
.fr-cat-koszty-uzytkowania,
.fr-cat-mandaty-i-punkty {
  --fr-badge-accent: var(--fr-badge-accent-poradniki) !important;
}

.fr-cat-napedy,
.fr-cat-napedy-samochodowe,
.fr-cat-samochody-elektryczne,
.fr-cat-plug-in-hybrid,
.fr-cat-hybrydy,
.fr-cat-ladowanie,
.fr-cat-benzyna,
.fr-cat-diesel,
.fr-cat-lpg,
.fr-cat-cng,
.fr-cat-wodor,
.fr-cat-e-fuels,
.fr-cat-infrastruktura {
  --fr-badge-accent: var(--fr-badge-accent-napedy) !important;
}

.fr-cat-rynek,
.fr-cat-rynek-motoryzacyjny,
.fr-cat-promocje,
.fr-cat-rabaty,
.fr-cat-wyprzedaze-rocznika,
.fr-cat-finansowanie,
.fr-cat-ceny,
.fr-cat-import,
.fr-cat-trendy,
.fr-cat-wartosc-rezydualna,
.fr-cat-porownaj-leasing,
.fr-cat-dealerzy,
.fr-cat-konfiguratory,
.fr-cat-kalkulatory {
  --fr-badge-accent: var(--fr-badge-accent-rynek) !important;
}

.fr-cat-chinskie-marki,
.fr-cat-chinskie,
.fr-cat-chinskie-marki-samochodow,
.fr-cat-byd,
.fr-cat-mg,
.fr-cat-omoda,
.fr-cat-jaecoo,
.fr-cat-omoda-jaecoo,
.fr-cat-nio,
.fr-cat-xpeng,
.fr-cat-gwm,
.fr-cat-geely,
.fr-cat-chery,
.fr-cat-ceny-chinskie,
.fr-cat-dostepnosc,
.fr-cat-opinie,
.fr-cat-serwis,
.fr-cat-vs-toyota,
.fr-cat-vs-hyundai,
.fr-cat-vs-tesla,
.fr-cat-czy-warto-kupic {
  --fr-badge-accent: var(--fr-badge-accent-chinskie) !important;
}

/* Kolory po sekcjach homepage, gdy etykieta nie ma własnej klasy kategorii */
.fr-layout-latest .fr-badge,
.fr-layout-news .fr-badge,
.fr-layout-aktualnosci .fr-badge,
.fr-hero-copy .fr-badge,
.fr-hero-card .fr-badge,
.fr-hero-main .fr-badge {
  --fr-badge-accent: var(--fr-badge-accent-aktualnosci) !important;
}
.fr-layout-tests .fr-badge { --fr-badge-accent: var(--fr-badge-accent-testy) !important; }
.fr-layout-ranking .fr-badge,
.fr-layout-rankingi .fr-badge,
.fr-layout-rankings .fr-badge { --fr-badge-accent: var(--fr-badge-accent-rankingi) !important; }
.fr-layout-guides .fr-badge,
.fr-layout-poradniki .fr-badge { --fr-badge-accent: var(--fr-badge-accent-poradniki) !important; }
.fr-layout-drives .fr-badge,
.fr-layout-napedy .fr-badge { --fr-badge-accent: var(--fr-badge-accent-napedy) !important; }
.fr-layout-market .fr-badge,
.fr-layout-rynek .fr-badge { --fr-badge-accent: var(--fr-badge-accent-rynek) !important; }
.fr-layout-chinese .fr-badge,
.fr-layout-chinskie-marki .fr-badge { --fr-badge-accent: var(--fr-badge-accent-chinskie) !important; }

/* Hover bez powrotu czarnego tła */
@media (hover: hover) and (pointer: fine) {
  .fr-badge:hover,
  .fr-card-cat:hover,
  .fr-cat-badge:hover,
  .fr-category-badge:hover,
  .fr-article-kicker:hover,
  .fr-article-category:hover,
  .fr-single-kicker:hover,
  .fr-sidebar-kicker:hover,
  .fr-sidebar-cat:hover,
  .fr-sidebar-category:hover,
  .fr-related-cat:hover,
  .fr-article-related-kicker:hover,
  .fr-archive-badge:hover,
  .fr-archive-eyebrow:hover,
  .fr-static-badge:hover,
  .fr-static-kicker:hover,
  .fr-page-kicker:hover,
  body.fr-home-active .fr-homepage span[class*="fr-cat-"]:hover {
    background: #fff !important;
    color: #111 !important;
    border-color: #d8dce2 !important;
    border-left: 0 !important;
  }
}

@media (max-width: 768px) {
  .fr-badge,
  .fr-card-cat,
  .fr-cat-badge,
  .fr-category-badge,
  .fr-article-kicker,
  .fr-article-category,
  .fr-single-kicker,
  .fr-sidebar-kicker,
  .fr-sidebar-cat,
  .fr-sidebar-category,
  .fr-related-cat,
  .fr-article-related-kicker,
  .fr-archive-badge,
  .fr-archive-eyebrow,
  .fr-static-badge,
  .fr-static-kicker,
  .fr-page-kicker,
  .fr-mobile-recommended-card-label,
  body.fr-home-active .fr-homepage span[class*="fr-cat-"] {
    min-height: 22px !important;
    padding: 4px 7px 4px 11px !important;
    font-size: 9.5px !important;
    letter-spacing: .03em !important;
  }

  .fr-badge::before,
  .fr-card-cat::before,
  .fr-cat-badge::before,
  .fr-category-badge::before,
  .fr-article-kicker::before,
  .fr-article-category::before,
  .fr-single-kicker::before,
  .fr-sidebar-kicker::before,
  .fr-sidebar-cat::before,
  .fr-sidebar-category::before,
  .fr-related-cat::before,
  .fr-article-related-kicker::before,
  .fr-archive-badge::before,
  .fr-archive-eyebrow::before,
  .fr-static-badge::before,
  .fr-static-kicker::before,
  .fr-page-kicker::before,
  .fr-mobile-recommended-card-label::before,
  body.fr-home-active .fr-homepage span[class*="fr-cat-"]::before {
    width: 3px !important;
  }
}

/* =========================================================
   4RINGS — BADGES FINAL RECTANGLE LOCK
   Cel: jasnoszare prostokątne plakietki + cienki pełny pasek
   kategorii po lewej stronie. Bez czarnych teł i bez wystających
   pseudo-elementów. NIE RUSZA UKŁADÓW ANI RANKINGI MOBILE.
   ========================================================= */

:root,
.fr-homepage,
.fr-single,
.fr-archive,
.fr-static-page {
  --fr-badge-bg-final: #f4f5f6;
  --fr-badge-border-final: #dfe3e7;
  --fr-badge-text-final: #111111;
  --fr-badge-accent-final: #E12626;
  --fr-badge-accent-aktualnosci: #E12626;
  --fr-badge-accent-testy: #1565C0;
  --fr-badge-accent-rankingi: #1E8E3E;
  --fr-badge-accent-poradniki: #5B3CC4;
  --fr-badge-accent-napedy: #FFC400;
  --fr-badge-accent-rynek: #F57C00;
  --fr-badge-accent-chinskie: #8B1E3F;
}

/* Kolor kategorii — po rodzicu / sekcji / slugu / linku */
.fr-cat-aktualnosci,
.fr-layout-latest,
.fr-layout-news,
.category-aktualnosci-motoryzacyjne,
[class*="aktualnosci-motoryzacyjne"],
a[href*="aktualnosci-motoryzacyjne"] { --fr-badge-accent-final: var(--fr-badge-accent-aktualnosci); }

.fr-cat-testy,
.fr-layout-tests,
.category-testy-samochodow,
[class*="testy-samochodow"],
a[href*="testy-samochodow"] { --fr-badge-accent-final: var(--fr-badge-accent-testy); }

.fr-cat-rankingi,
.fr-layout-ranking,
.fr-layout-rankings,
.category-rankingi-samochodow,
[class*="rankingi-samochodow"],
a[href*="rankingi-samochodow"] { --fr-badge-accent-final: var(--fr-badge-accent-rankingi); }

.fr-cat-poradniki,
.fr-layout-guides,
.category-poradniki-motoryzacyjne,
[class*="poradniki-motoryzacyjne"],
a[href*="poradniki-motoryzacyjne"] { --fr-badge-accent-final: var(--fr-badge-accent-poradniki); }

.fr-cat-napedy,
.fr-layout-drives,
.category-napedy-samochodowe,
[class*="napedy-samochodowe"],
a[href*="napedy-samochodowe"] { --fr-badge-accent-final: var(--fr-badge-accent-napedy); }

.fr-cat-rynek,
.fr-layout-market,
.category-rynek-motoryzacyjny,
[class*="rynek-motoryzacyjny"],
a[href*="rynek-motoryzacyjny"] { --fr-badge-accent-final: var(--fr-badge-accent-rynek); }

.fr-cat-chinskie,
.fr-layout-chinese,
.category-chinskie-marki-samochodow,
[class*="chinskie-marki-samochodow"],
a[href*="chinskie-marki-samochodow"] { --fr-badge-accent-final: var(--fr-badge-accent-chinskie); }

/* Gdy plakietka jest linkiem do kategorii — kolor po href */
a.fr-badge[href*="aktualnosci-motoryzacyjne"],
a.fr-card-cat[href*="aktualnosci-motoryzacyjne"],
a.fr-category-badge[href*="aktualnosci-motoryzacyjne"],
a.fr-sidebar-cat[href*="aktualnosci-motoryzacyjne"],
a.fr-related-cat[href*="aktualnosci-motoryzacyjne"] { --fr-badge-accent-final: var(--fr-badge-accent-aktualnosci); }

a.fr-badge[href*="testy-samochodow"],
a.fr-card-cat[href*="testy-samochodow"],
a.fr-category-badge[href*="testy-samochodow"],
a.fr-sidebar-cat[href*="testy-samochodow"],
a.fr-related-cat[href*="testy-samochodow"] { --fr-badge-accent-final: var(--fr-badge-accent-testy); }

a.fr-badge[href*="rankingi-samochodow"],
a.fr-card-cat[href*="rankingi-samochodow"],
a.fr-category-badge[href*="rankingi-samochodow"],
a.fr-sidebar-cat[href*="rankingi-samochodow"],
a.fr-related-cat[href*="rankingi-samochodow"] { --fr-badge-accent-final: var(--fr-badge-accent-rankingi); }

a.fr-badge[href*="poradniki-motoryzacyjne"],
a.fr-card-cat[href*="poradniki-motoryzacyjne"],
a.fr-category-badge[href*="poradniki-motoryzacyjne"],
a.fr-sidebar-cat[href*="poradniki-motoryzacyjne"],
a.fr-related-cat[href*="poradniki-motoryzacyjne"] { --fr-badge-accent-final: var(--fr-badge-accent-poradniki); }

a.fr-badge[href*="napedy-samochodowe"],
a.fr-card-cat[href*="napedy-samochodowe"],
a.fr-category-badge[href*="napedy-samochodowe"],
a.fr-sidebar-cat[href*="napedy-samochodowe"],
a.fr-related-cat[href*="napedy-samochodowe"] { --fr-badge-accent-final: var(--fr-badge-accent-napedy); }

a.fr-badge[href*="rynek-motoryzacyjny"],
a.fr-card-cat[href*="rynek-motoryzacyjny"],
a.fr-category-badge[href*="rynek-motoryzacyjny"],
a.fr-sidebar-cat[href*="rynek-motoryzacyjny"],
a.fr-related-cat[href*="rynek-motoryzacyjny"] { --fr-badge-accent-final: var(--fr-badge-accent-rynek); }

a.fr-badge[href*="chinskie-marki-samochodow"],
a.fr-card-cat[href*="chinskie-marki-samochodow"],
a.fr-category-badge[href*="chinskie-marki-samochodow"],
a.fr-sidebar-cat[href*="chinskie-marki-samochodow"],
a.fr-related-cat[href*="chinskie-marki-samochodow"] { --fr-badge-accent-final: var(--fr-badge-accent-chinskie); }

/* Globalny wygląd plakietek — prostokąt, jasne tło, cienki pełny pasek z lewej */
.fr-badge,
a.fr-badge,
span.fr-badge,
.fr-card-cat,
.fr-cat-badge,
.fr-category-badge,
.fr-post-cat,
.fr-entry-cat,
.fr-entry-category,
.fr-article-kicker,
.fr-article-category,
.fr-single-kicker,
.fr-day-label,
.fr-sidebar-kicker,
.fr-sidebar-cat,
.fr-sidebar-category,
.fr-related-cat,
.fr-article-related-kicker,
.fr-archive-badge,
.fr-archive-eyebrow,
.fr-static-badge,
.fr-static-kicker,
.fr-page-kicker,
.fr-mobile-recommended-card-label,
.fr-homepage .fr-card-copy .fr-badge,
.fr-homepage .fr-news-copy .fr-badge,
.fr-homepage .fr-feature-card .fr-badge,
.fr-homepage article .fr-badge,
.fr-single-sidebar .fr-badge,
.fr-article-sidebar .fr-badge,
.fr-sidebar .fr-badge,
.fr-related-posts .fr-badge,
.fr-read-more .fr-badge,
.fr-more-posts .fr-badge,
body.fr-home-active .fr-homepage span[class*="fr-cat-"],
body.fr-home-active .fr-homepage a[class*="fr-cat-"] {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: fit-content !important;
  min-width: 0 !important;
  min-height: 22px !important;
  margin: 0 0 6px !important;
  padding: 4px 8px !important;
  box-sizing: border-box !important;
  border: 1px solid var(--fr-badge-border-final) !important;
  border-left: 3px solid var(--fr-badge-accent-final, var(--fr-color, #E12626)) !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: var(--fr-badge-bg-final) !important;
  background-color: var(--fr-badge-bg-final) !important;
  background-image: none !important;
  color: var(--fr-badge-text-final) !important;
  box-shadow: none !important;
  text-shadow: none !important;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-size: 10px !important;
  font-weight: 760 !important;
  line-height: 1.05 !important;
  letter-spacing: .035em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  transform: none !important;
}

/* Wyłącz wcześniejsze pseudo-paski/kropki, które robiły za szerokie znaczniki albo wystawały poza prostokąt. */
.fr-badge::before,
a.fr-badge::before,
span.fr-badge::before,
.fr-card-cat::before,
.fr-cat-badge::before,
.fr-category-badge::before,
.fr-post-cat::before,
.fr-entry-cat::before,
.fr-entry-category::before,
.fr-article-kicker::before,
.fr-article-category::before,
.fr-single-kicker::before,
.fr-day-label::before,
.fr-sidebar-kicker::before,
.fr-sidebar-cat::before,
.fr-sidebar-category::before,
.fr-related-cat::before,
.fr-article-related-kicker::before,
.fr-archive-badge::before,
.fr-archive-eyebrow::before,
.fr-static-badge::before,
.fr-static-kicker::before,
.fr-page-kicker::before,
.fr-mobile-recommended-card-label::before,
.fr-homepage .fr-card-copy .fr-badge::before,
.fr-homepage .fr-news-copy .fr-badge::before,
.fr-homepage .fr-feature-card .fr-badge::before,
.fr-homepage article .fr-badge::before,
.fr-single-sidebar .fr-badge::before,
.fr-article-sidebar .fr-badge::before,
.fr-sidebar .fr-badge::before,
.fr-related-posts .fr-badge::before,
.fr-read-more .fr-badge::before,
.fr-more-posts .fr-badge::before,
body.fr-home-active .fr-homepage span[class*="fr-cat-"]::before,
body.fr-home-active .fr-homepage a[class*="fr-cat-"]::before {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.fr-badge:hover,
a.fr-badge:hover,
.fr-card-cat:hover,
.fr-cat-badge:hover,
.fr-category-badge:hover,
.fr-post-cat:hover,
.fr-entry-cat:hover,
.fr-entry-category:hover,
.fr-article-kicker:hover,
.fr-article-category:hover,
.fr-single-kicker:hover,
.fr-day-label:hover,
.fr-sidebar-kicker:hover,
.fr-sidebar-cat:hover,
.fr-sidebar-category:hover,
.fr-related-cat:hover,
.fr-article-related-kicker:hover,
.fr-archive-badge:hover,
.fr-archive-eyebrow:hover,
.fr-static-badge:hover,
.fr-static-kicker:hover,
.fr-page-kicker:hover,
.fr-mobile-recommended-card-label:hover,
body.fr-home-active .fr-homepage span[class*="fr-cat-"]:hover,
body.fr-home-active .fr-homepage a[class*="fr-cat-"]:hover {
  border-left-color: var(--fr-badge-accent-final, var(--fr-color, #E12626)) !important;
  background: var(--fr-badge-bg-final) !important;
  background-color: var(--fr-badge-bg-final) !important;
  background-image: none !important;
  color: var(--fr-badge-text-final) !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

/* Drobne wyrównanie w ciasnych kartach homepage i sidebarze */
.fr-homepage .fr-card-copy .fr-badge,
.fr-homepage .fr-news-copy .fr-badge,
.fr-homepage .fr-feature-card .fr-badge,
.fr-sidebar .fr-badge,
.fr-article-sidebar .fr-badge,
.fr-single-sidebar .fr-badge {
  margin-bottom: 5px !important;
}

@media (max-width: 768px) {
  .fr-badge,
  a.fr-badge,
  span.fr-badge,
  .fr-card-cat,
  .fr-cat-badge,
  .fr-category-badge,
  .fr-post-cat,
  .fr-entry-cat,
  .fr-entry-category,
  .fr-article-kicker,
  .fr-article-category,
  .fr-single-kicker,
  .fr-day-label,
  .fr-sidebar-kicker,
  .fr-sidebar-cat,
  .fr-sidebar-category,
  .fr-related-cat,
  .fr-article-related-kicker,
  .fr-archive-badge,
  .fr-archive-eyebrow,
  .fr-static-badge,
  .fr-static-kicker,
  .fr-page-kicker,
  .fr-mobile-recommended-card-label,
  body.fr-home-active .fr-homepage span[class*="fr-cat-"],
  body.fr-home-active .fr-homepage a[class*="fr-cat-"] {
    min-height: 21px !important;
    padding: 4px 7px !important;
    border-left-width: 3px !important;
    font-size: 9.5px !important;
    letter-spacing: .03em !important;
  }
}
/* =========================================================
   4RINGS — BADGES FINAL LOCK V2
   Plakietki: jasny prostokąt + jeden cienki pionowy pasek po lewej.
   NIE ZMIENIAĆ bez osobnego zadania.
   ========================================================= */

:root {
  --fr-badge-bg-lock: #f3f5f7;
  --fr-badge-border-lock: #dfe3e7;
  --fr-badge-text-lock: #111111;
  --fr-badge-accent-lock: #E12626;
  --fr-badge-aktualnosci-lock: #E12626;
  --fr-badge-testy-lock: #1565C0;
  --fr-badge-rankingi-lock: #1E8E3E;
  --fr-badge-poradniki-lock: #5B3CC4;
  --fr-badge-napedy-lock: #FFC400;
  --fr-badge-rynek-lock: #F57C00;
  --fr-badge-chinskie-lock: #8B1E3F;
}

/* Kolor akcentu po kontekście strony/sekcji */
body.category-aktualnosci-motoryzacyjne,
body[class*="aktualnosci-motoryzacyjne"],
.fr-layout-latest,
.fr-layout-news,
.fr-cat-aktualnosci,
.fr-cat-aktualnosci-motoryzacyjne,
.fr-cat-premiery-samochodow,
.fr-cat-zapowiedzi-modeli,
.fr-cat-faceliftingi,
.fr-cat-debiuty-producentow,
.fr-cat-przepisy-drogowe,
.fr-cat-mandaty,
.fr-cat-infrastruktura-drogowa,
.fr-cat-bezpieczenstwo,
.fr-cat-producenci-i-firmy,
.fr-cat-inwestycje,
.fr-cat-ceny-aut,
.fr-cat-rejestracje,
.fr-cat-nowe-technologie,
.fr-cat-formalnosci-urzedowe {
  --fr-badge-accent-lock: var(--fr-badge-aktualnosci-lock);
}

body.category-testy-samochodow,
body[class*="testy-samochodow"],
.fr-layout-tests,
.fr-cat-testy,
.fr-cat-testy-samochodow,
.fr-cat-pierwsze-jazdy,
.fr-cat-test-tygodnia,
.fr-cat-testy-dlugodystansowe,
.fr-cat-wideo-testy,
.fr-cat-testy-porownawcze,
.fr-cat-pojedynki-modeli,
.fr-cat-plusy-i-minusy,
.fr-cat-werdykt-redakcji,
.fr-cat-suv-y,
.fr-cat-auta-miejskie,
.fr-cat-premium,
.fr-cat-elektryczne {
  --fr-badge-accent-lock: var(--fr-badge-testy-lock);
}

body.category-rankingi-samochodow,
body[class*="rankingi-samochodow"],
.fr-layout-ranking,
.fr-layout-rankings,
.fr-cat-rankingi,
.fr-cat-rankingi-samochodow,
.fr-cat-do-30-tys,
.fr-cat-do-50-tys,
.fr-cat-do-100-tys,
.fr-cat-powyzej-150-tys,
.fr-cat-rodzinne,
.fr-cat-miejskie,
.fr-cat-dla-firmy,
.fr-cat-uzywane-auta,
.fr-cat-najmniej-awaryjne,
.fr-cat-najtansze-w-utrzymaniu,
.fr-cat-najlepsze-ev {
  --fr-badge-accent-lock: var(--fr-badge-rankingi-lock);
}

body.category-poradniki-motoryzacyjne,
body[class*="poradniki-motoryzacyjne"],
.fr-layout-guides,
.fr-cat-poradniki,
.fr-cat-poradniki-motoryzacyjne,
.fr-cat-jak-wybrac-auto,
.fr-cat-nowe-czy-uzywane,
.fr-cat-leasing-czy-kredyt,
.fr-cat-formalnosci,
.fr-cat-serwis-i-naprawy,
.fr-cat-opony,
.fr-cat-akumulator,
.fr-cat-jazda-zima,
.fr-cat-ubezpieczenia-oc-ac,
.fr-cat-jak-obnizyc-spalanie,
.fr-cat-koszty-uzytkowania,
.fr-cat-mandaty-i-punkty {
  --fr-badge-accent-lock: var(--fr-badge-poradniki-lock);
}

body.category-napedy-samochodowe,
body[class*="napedy-samochodowe"],
.fr-layout-drives,
.fr-cat-napedy,
.fr-cat-napedy-samochodowe,
.fr-cat-samochody-elektryczne,
.fr-cat-plug-in-hybrid,
.fr-cat-hybrydy,
.fr-cat-ladowanie,
.fr-cat-benzyna,
.fr-cat-diesel,
.fr-cat-lpg,
.fr-cat-cng,
.fr-cat-wodor,
.fr-cat-e-fuels,
.fr-cat-infrastruktura {
  --fr-badge-accent-lock: var(--fr-badge-napedy-lock);
}

body.category-rynek-motoryzacyjny,
body[class*="rynek-motoryzacyjny"],
.fr-layout-market,
.fr-cat-rynek,
.fr-cat-rynek-motoryzacyjny,
.fr-cat-promocje,
.fr-cat-rabaty,
.fr-cat-wyprzedaze-rocznika,
.fr-cat-finansowanie,
.fr-cat-ceny,
.fr-cat-import,
.fr-cat-trendy,
.fr-cat-wartosc-rezydualna,
.fr-cat-porownaj-leasing,
.fr-cat-dealerzy,
.fr-cat-konfiguratory,
.fr-cat-kalkulatory {
  --fr-badge-accent-lock: var(--fr-badge-rynek-lock);
}

body.category-chinskie-marki-samochodow,
body[class*="chinskie-marki-samochodow"],
.fr-layout-chinese,
.fr-cat-chinskie,
.fr-cat-chinskie-marki,
.fr-cat-chinskie-marki-samochodow,
.fr-cat-byd,
.fr-cat-mg,
.fr-cat-omoda,
.fr-cat-jaecoo,
.fr-cat-omoda-jaecoo,
.fr-cat-nio,
.fr-cat-xpeng,
.fr-cat-ceny-chinskie,
.fr-cat-dostepnosc,
.fr-cat-opinie,
.fr-cat-serwis,
.fr-cat-vs-toyota,
.fr-cat-vs-hyundai,
.fr-cat-vs-tesla,
.fr-cat-czy-warto-kupic,
.fr-cat-chery,
.fr-cat-gwm,
.fr-cat-geely {
  --fr-badge-accent-lock: var(--fr-badge-chinskie-lock);
}

/* Kolor akcentu po linku/href, gdy plakietka prowadzi do kategorii */
a[href*="aktualnosci-motoryzacyjne"] { --fr-badge-accent-lock: var(--fr-badge-aktualnosci-lock); }
a[href*="testy-samochodow"] { --fr-badge-accent-lock: var(--fr-badge-testy-lock); }
a[href*="rankingi-samochodow"] { --fr-badge-accent-lock: var(--fr-badge-rankingi-lock); }
a[href*="poradniki-motoryzacyjne"] { --fr-badge-accent-lock: var(--fr-badge-poradniki-lock); }
a[href*="napedy-samochodowe"] { --fr-badge-accent-lock: var(--fr-badge-napedy-lock); }
a[href*="rynek-motoryzacyjny"] { --fr-badge-accent-lock: var(--fr-badge-rynek-lock); }
a[href*="chinskie-marki-samochodow"] { --fr-badge-accent-lock: var(--fr-badge-chinskie-lock); }

/* Globalne przejęcie wszystkich typów plakietek/kickerów używanych w layoutach. */
.fr-badge,
a.fr-badge,
span.fr-badge,
.fr-card-cat,
.fr-cat-badge,
.fr-category-badge,
.fr-post-cat,
.fr-entry-cat,
.fr-entry-category,
.fr-article-kicker,
.fr-article-category,
.fr-single-kicker,
.fr-single-category,
.fr-day-label,
.fr-sidebar-kicker,
.fr-sidebar-cat,
.fr-sidebar-category,
.fr-related-cat,
.fr-related-label,
.fr-article-related-kicker,
.fr-archive-badge,
.fr-archive-eyebrow,
.fr-archive-label,
.fr-static-badge,
.fr-static-kicker,
.fr-page-kicker,
.fr-page-label,
.fr-mobile-recommended-card-label,
.fr-rankings-fresh-badge,
.fr-rankings-fresh-main-badge,
.fr-rankings-fresh-side-badge,
.fr-today-label,
.fr-hotbar-label,
.fr-trending-label,
body.fr-home-active .fr-homepage .fr-badge,
body.fr-home-active .fr-homepage .fr-card-cat,
body.fr-home-active .fr-homepage .fr-cat-badge,
body.fr-home-active .fr-homepage .fr-category-badge,
body.fr-home-active .fr-homepage span[class*="fr-cat-"],
body.fr-home-active .fr-homepage a[class*="fr-cat-"],
body.single-post .fr-article-kicker,
body.single-post .fr-single-kicker,
body.single-post .fr-single-category,
body.single-post .fr-sidebar-category,
body.single-post .fr-sidebar-cat,
body.single-post .fr-related-cat,
body.archive .fr-badge,
body.archive .fr-card-cat,
body.archive .fr-archive-badge,
body.archive .fr-archive-eyebrow,
body.category .fr-badge,
body.category .fr-card-cat,
body.category .fr-archive-badge,
body.category .fr-archive-eyebrow,
body.tag .fr-badge,
body.tag .fr-card-cat,
body.tag .fr-archive-badge,
body.tag .fr-archive-eyebrow {
  --badge-bg: var(--fr-badge-bg-lock) !important;
  --badge-fg: var(--fr-badge-text-lock) !important;
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: fit-content !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 21px !important;
  height: auto !important;
  margin: 0 0 6px !important;
  padding: 4px 8px 4px 9px !important;
  box-sizing: border-box !important;
  border: 1px solid var(--fr-badge-border-lock) !important;
  border-left: 3px solid var(--fr-badge-accent-lock, #E12626) !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: var(--fr-badge-bg-lock) !important;
  background-color: var(--fr-badge-bg-lock) !important;
  background-image: none !important;
  color: var(--fr-badge-text-lock) !important;
  box-shadow: none !important;
  text-shadow: none !important;
  transform: none !important;
  overflow: hidden !important;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-size: 10px !important;
  font-weight: 760 !important;
  line-height: 1.05 !important;
  letter-spacing: .035em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  text-decoration: none !important;
}

/* Pełna blokada pseudo-elementów: pasek robi wyłącznie border-left, bez ::before/::after. */
.fr-badge::before,
.fr-badge::after,
a.fr-badge::before,
a.fr-badge::after,
span.fr-badge::before,
span.fr-badge::after,
.fr-card-cat::before,
.fr-card-cat::after,
.fr-cat-badge::before,
.fr-cat-badge::after,
.fr-category-badge::before,
.fr-category-badge::after,
.fr-post-cat::before,
.fr-post-cat::after,
.fr-entry-cat::before,
.fr-entry-cat::after,
.fr-entry-category::before,
.fr-entry-category::after,
.fr-article-kicker::before,
.fr-article-kicker::after,
.fr-article-category::before,
.fr-article-category::after,
.fr-single-kicker::before,
.fr-single-kicker::after,
.fr-single-category::before,
.fr-single-category::after,
.fr-day-label::before,
.fr-day-label::after,
.fr-sidebar-kicker::before,
.fr-sidebar-kicker::after,
.fr-sidebar-cat::before,
.fr-sidebar-cat::after,
.fr-sidebar-category::before,
.fr-sidebar-category::after,
.fr-related-cat::before,
.fr-related-cat::after,
.fr-related-label::before,
.fr-related-label::after,
.fr-article-related-kicker::before,
.fr-article-related-kicker::after,
.fr-archive-badge::before,
.fr-archive-badge::after,
.fr-archive-eyebrow::before,
.fr-archive-eyebrow::after,
.fr-archive-label::before,
.fr-archive-label::after,
.fr-static-badge::before,
.fr-static-badge::after,
.fr-static-kicker::before,
.fr-static-kicker::after,
.fr-page-kicker::before,
.fr-page-kicker::after,
.fr-page-label::before,
.fr-page-label::after,
.fr-mobile-recommended-card-label::before,
.fr-mobile-recommended-card-label::after,
.fr-rankings-fresh-badge::before,
.fr-rankings-fresh-badge::after,
.fr-rankings-fresh-main-badge::before,
.fr-rankings-fresh-main-badge::after,
.fr-rankings-fresh-side-badge::before,
.fr-rankings-fresh-side-badge::after,
.fr-today-label::before,
.fr-today-label::after,
.fr-hotbar-label::before,
.fr-hotbar-label::after,
.fr-trending-label::before,
.fr-trending-label::after,
body.fr-home-active .fr-homepage span[class*="fr-cat-"]::before,
body.fr-home-active .fr-homepage span[class*="fr-cat-"]::after,
body.fr-home-active .fr-homepage a[class*="fr-cat-"]::before,
body.fr-home-active .fr-homepage a[class*="fr-cat-"]::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Hover/focus nie może przywracać czarnego tła ani szerokiego znacznika. */
.fr-badge:hover,
a.fr-badge:hover,
.fr-card-cat:hover,
.fr-cat-badge:hover,
.fr-category-badge:hover,
.fr-post-cat:hover,
.fr-entry-cat:hover,
.fr-entry-category:hover,
.fr-article-kicker:hover,
.fr-article-category:hover,
.fr-single-kicker:hover,
.fr-single-category:hover,
.fr-day-label:hover,
.fr-sidebar-kicker:hover,
.fr-sidebar-cat:hover,
.fr-sidebar-category:hover,
.fr-related-cat:hover,
.fr-related-label:hover,
.fr-article-related-kicker:hover,
.fr-archive-badge:hover,
.fr-archive-eyebrow:hover,
.fr-archive-label:hover,
.fr-static-badge:hover,
.fr-static-kicker:hover,
.fr-page-kicker:hover,
.fr-page-label:hover,
.fr-mobile-recommended-card-label:hover,
.fr-rankings-fresh-badge:hover,
.fr-rankings-fresh-main-badge:hover,
.fr-rankings-fresh-side-badge:hover,
.fr-today-label:hover,
.fr-hotbar-label:hover,
.fr-trending-label:hover,
body.fr-home-active .fr-homepage span[class*="fr-cat-"]:hover,
body.fr-home-active .fr-homepage a[class*="fr-cat-"]:hover {
  --badge-bg: var(--fr-badge-bg-lock) !important;
  --badge-fg: var(--fr-badge-text-lock) !important;
  border-left-color: var(--fr-badge-accent-lock, #E12626) !important;
  background: var(--fr-badge-bg-lock) !important;
  background-color: var(--fr-badge-bg-lock) !important;
  background-image: none !important;
  color: var(--fr-badge-text-lock) !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

/* W ciasnych kartach homepage/sidebar plakietka ma zachować prostokąt i równy pasek. */
.fr-homepage .fr-card-copy .fr-badge,
.fr-homepage .fr-news-copy .fr-badge,
.fr-homepage .fr-feature-card .fr-badge,
.fr-homepage .fr-latest-grid .fr-badge,
.fr-homepage .fr-evergreen-grid .fr-badge,
.fr-sidebar .fr-badge,
.fr-article-sidebar .fr-badge,
.fr-single-sidebar .fr-badge {
  margin-bottom: 5px !important;
  border-left-width: 3px !important;
  padding-left: 9px !important;
}

@media (max-width: 768px) {
  .fr-badge,
  a.fr-badge,
  span.fr-badge,
  .fr-card-cat,
  .fr-cat-badge,
  .fr-category-badge,
  .fr-post-cat,
  .fr-entry-cat,
  .fr-entry-category,
  .fr-article-kicker,
  .fr-article-category,
  .fr-single-kicker,
  .fr-single-category,
  .fr-day-label,
  .fr-sidebar-kicker,
  .fr-sidebar-cat,
  .fr-sidebar-category,
  .fr-related-cat,
  .fr-related-label,
  .fr-article-related-kicker,
  .fr-archive-badge,
  .fr-archive-eyebrow,
  .fr-archive-label,
  .fr-static-badge,
  .fr-static-kicker,
  .fr-page-kicker,
  .fr-page-label,
  .fr-mobile-recommended-card-label,
  .fr-rankings-fresh-badge,
  .fr-rankings-fresh-main-badge,
  .fr-rankings-fresh-side-badge,
  .fr-today-label,
  .fr-hotbar-label,
  .fr-trending-label,
  body.fr-home-active .fr-homepage span[class*="fr-cat-"],
  body.fr-home-active .fr-homepage a[class*="fr-cat-"] {
    min-height: 20px !important;
    padding: 4px 7px 4px 8px !important;
    border-left-width: 3px !important;
    font-size: 9.5px !important;
    line-height: 1.05 !important;
    letter-spacing: .03em !important;
  }
}

/* =========================================================
   4RINGS — BADGES REAL CLASSES FINAL LOCK
   Cel: jasnoszare prostokątne plakietki + jeden cienki pasek
   po lewej stronie w kolorze właściwej kategorii.
   Ważne: wyłączamy wcześniejsze pseudo-elementy i czarne tła.
   ========================================================= */

:root {
  --fr-color-aktualnosci: #E12626;
  --fr-color-testy: #1565C0;
  --fr-color-rankingi: #1E8E3E;
  --fr-color-poradniki: #5B3CC4;
  --fr-color-napedy: #FFC400;
  --fr-color-rynek: #F57C00;
  --fr-color-chinskie: #8B1E3F;
  --fr-badge-bg-final: #f4f4f4;
  --fr-badge-border-final: #dedede;
  --fr-badge-text-final: #111111;
  --fr-badge-accent-default: #E12626;
}

/* Kolory po klasach przypisywanych przez PHP */
.fr-cat-aktualnosci,
.fr-cat-aktualnosci-motoryzacyjne { --fr-badge-accent-final: var(--fr-color-aktualnosci); }
.fr-cat-testy,
.fr-cat-testy-samochodow { --fr-badge-accent-final: var(--fr-color-testy); }
.fr-cat-rankingi,
.fr-cat-rankingi-samochodow,
.fr-rankings-fresh-badge { --fr-badge-accent-final: var(--fr-color-rankingi); }
.fr-cat-poradniki,
.fr-cat-poradniki-motoryzacyjne { --fr-badge-accent-final: var(--fr-color-poradniki); }
.fr-cat-napedy,
.fr-cat-napedy-samochodowe { --fr-badge-accent-final: var(--fr-color-napedy); }
.fr-cat-rynek,
.fr-cat-rynek-motoryzacyjny { --fr-badge-accent-final: var(--fr-color-rynek); }
.fr-cat-chinskie,
.fr-cat-chinskie-marki,
.fr-cat-chinskie-marki-samochodow { --fr-badge-accent-final: var(--fr-color-chinskie); }

/* Kolory dla stron archiwów po klasie body */
body.category-aktualnosci-motoryzacyjne { --fr-archive-accent-final: var(--fr-color-aktualnosci); }
body.category-testy-samochodow { --fr-archive-accent-final: var(--fr-color-testy); }
body.category-rankingi-samochodow { --fr-archive-accent-final: var(--fr-color-rankingi); }
body.category-poradniki-motoryzacyjne { --fr-archive-accent-final: var(--fr-color-poradniki); }
body.category-napedy-samochodowe { --fr-archive-accent-final: var(--fr-color-napedy); }
body.category-rynek-motoryzacyjny { --fr-archive-accent-final: var(--fr-color-rynek); }
body.category-chinskie-marki-samochodow { --fr-archive-accent-final: var(--fr-color-chinskie); }

/* Główna forma plakietki — prostokąt, bez wystających elementów. */
.fr-badge,
.fr-rankings-fresh-badge,
.fr-sidebar-kicker,
.fr-archive-eyebrow,
.fr-card-cat,
.fr-card-kicker,
.fr-post-cat,
.fr-post-kicker,
.fr-hero-badge,
.fr-related-cat,
.fr-related-kicker,
.fr-day-label,
.fr-cat-label,
.fr-kicker,
.fr-single-kicker,
.fr-article-kicker,
.fr-section-kicker,
.entry-meta .cat-links a,
.cat-links a {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  max-width: max-content !important;
  min-height: 22px !important;
  box-sizing: border-box !important;
  margin: 0 0 6px 0 !important;
  padding: 4px 8px 4px 10px !important;
  border-radius: 0 !important;
  border: 1px solid var(--fr-badge-border-final) !important;
  border-left: 3px solid var(--fr-badge-accent-final, var(--fr-archive-accent-final, var(--fr-badge-accent-default))) !important;
  background: var(--fr-badge-bg-final) !important;
  background-color: var(--fr-badge-bg-final) !important;
  background-image: none !important;
  color: var(--fr-badge-text-final) !important;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-size: 10px !important;
  line-height: 1.1 !important;
  font-weight: 760 !important;
  letter-spacing: .045em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  overflow: hidden !important;
  vertical-align: top !important;
}

/* Wyłączamy stare szerokie paski / pseudo-elementy przy plakietkach. */
.fr-badge::before,
.fr-badge::after,
.fr-rankings-fresh-badge::before,
.fr-rankings-fresh-badge::after,
.fr-sidebar-kicker::before,
.fr-sidebar-kicker::after,
.fr-archive-eyebrow::before,
.fr-archive-eyebrow::after,
.fr-card-cat::before,
.fr-card-cat::after,
.fr-card-kicker::before,
.fr-card-kicker::after,
.fr-post-cat::before,
.fr-post-cat::after,
.fr-post-kicker::before,
.fr-post-kicker::after,
.fr-hero-badge::before,
.fr-hero-badge::after,
.fr-related-cat::before,
.fr-related-cat::after,
.fr-related-kicker::before,
.fr-related-kicker::after,
.fr-day-label::before,
.fr-day-label::after,
.fr-cat-label::before,
.fr-cat-label::after,
.fr-kicker::before,
.fr-kicker::after,
.fr-single-kicker::before,
.fr-single-kicker::after,
.fr-article-kicker::before,
.fr-article-kicker::after,
.fr-section-kicker::before,
.fr-section-kicker::after,
.entry-meta .cat-links a::before,
.entry-meta .cat-links a::after,
.cat-links a::before,
.cat-links a::after {
  content: none !important;
  display: none !important;
}

/* Nadpisanie miejsc, gdzie starsze style wymuszały czarne lub kolorowe tło. */
.fr-hero-card .fr-badge,
.fr-hero-copy .fr-badge,
.fr-latest .fr-badge,
.fr-latest-card .fr-badge,
.fr-section .fr-badge,
.fr-card .fr-badge,
.fr-card-list .fr-badge,
.fr-grid .fr-badge,
.fr-chinese .fr-badge,
.fr-worth .fr-badge,
.fr-tests .fr-badge,
.fr-drives .fr-badge,
.fr-rankings .fr-badge,
.fr-guides .fr-badge,
.fr-market .fr-badge,
.fr-single-header .fr-badge,
.fr-article-header .fr-badge,
.fr-single-meta .fr-badge,
.fr-sidebar .fr-badge,
.fr-sidebar .fr-sidebar-kicker,
.fr-sidebar-card .fr-badge,
.fr-sidebar-card .fr-sidebar-kicker,
.fr-related .fr-badge,
.fr-related-card .fr-badge,
.fr-archive-grid .fr-badge,
.fr-archive-card .fr-badge,
.fr-archive-post .fr-badge,
body.archive .fr-badge,
body.category .fr-badge,
body.tag .fr-badge {
  border-radius: 0 !important;
  border: 1px solid var(--fr-badge-border-final) !important;
  border-left: 3px solid var(--fr-badge-accent-final, var(--fr-archive-accent-final, var(--fr-badge-accent-default))) !important;
  background: var(--fr-badge-bg-final) !important;
  background-color: var(--fr-badge-bg-final) !important;
  background-image: none !important;
  color: var(--fr-badge-text-final) !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

/* Archiwum w nagłówku kategorii ma brać kolor z body danej kategorii. */
body.archive .fr-archive-eyebrow,
body.category .fr-archive-eyebrow,
body.tag .fr-archive-eyebrow {
  border-left-color: var(--fr-archive-accent-final, var(--fr-badge-accent-default)) !important;
}

/* Napędy: żółty pasek, ale tekst zawsze czytelny. */
.fr-cat-napedy,
.fr-cat-napedy-samochodowe {
  color: #111111 !important;
}

/* Hover nie może przywracać czarnego tła. */
a:hover .fr-badge,
a:focus .fr-badge,
.fr-badge:hover,
.fr-sidebar-kicker:hover,
.fr-rankings-fresh-badge:hover,
.fr-archive-eyebrow:hover,
.fr-card-cat:hover,
.fr-post-cat:hover,
.fr-related-cat:hover,
.cat-links a:hover {
  background: var(--fr-badge-bg-final) !important;
  background-color: var(--fr-badge-bg-final) !important;
  color: var(--fr-badge-text-final) !important;
}
/* =========================================================
   4RINGS � BADGES FINAL LOCK
   Wz�r: jasna prostok�tna plakietka + cienki pionowy pasek.
   ========================================================= */

:root {
  --fr-badge-bg-final: #f4f5f6;
  --fr-badge-border-final: #dfe3e7;
  --fr-badge-text-final: #1f2328;

  --fr-cat-aktualnosci: #E12626;
  --fr-cat-testy: #1565C0;
  --fr-cat-rankingi: #1E8E3E;
  --fr-cat-poradniki: #5B3CC4;
  --fr-cat-napedy: #FFC400;
  --fr-cat-rynek: #F57C00;
  --fr-cat-chinskie: #8B1E3F;
  --fr-cat-tag: #9AA0A6;
}

/* Wszystkie typy plakietek */
body .fr-badge,
body .fr-article-kicker,
body .fr-sidebar-kicker,
body .fr-archive-badge,
body .fr-archive-eyebrow,
body .fr-rankings-fresh-badge,
body .fr-card-cat,
body .fr-kicker,
body .fr-cat-label {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: auto !important;
  height: auto !important;
  min-height: 20px !important;

  margin: 0 !important;
  padding: 3px 8px 3px 8px !important;

  background: var(--fr-badge-bg-final) !important;
  background-color: var(--fr-badge-bg-final) !important;
  background-image: none !important;

  color: var(--fr-badge-text-final) !important;

  border-top: 1px solid var(--fr-badge-border-final) !important;
  border-right: 1px solid var(--fr-badge-border-final) !important;
  border-bottom: 1px solid var(--fr-badge-border-final) !important;
  border-left: 3px solid var(--fr-cat-tag) !important;

  border-radius: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  outline: none !important;

  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-size: 10px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  letter-spacing: .045em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  vertical-align: top !important;
  box-sizing: border-box !important;
}

/* Kasujemy stare pseudo-elementy, kt�re robi�y krzywe/pogrubione paski */
body .fr-badge::before,
body .fr-badge::after,
body .fr-article-kicker::before,
body .fr-article-kicker::after,
body .fr-sidebar-kicker::before,
body .fr-sidebar-kicker::after,
body .fr-archive-badge::before,
body .fr-archive-badge::after,
body .fr-archive-eyebrow::before,
body .fr-archive-eyebrow::after,
body .fr-rankings-fresh-badge::before,
body .fr-rankings-fresh-badge::after,
body .fr-card-cat::before,
body .fr-card-cat::after,
body .fr-kicker::before,
body .fr-kicker::after,
body .fr-cat-label::before,
body .fr-cat-label::after {
  content: none !important;
  display: none !important;
}

/* Kolory po klasach kategorii */
body .fr-cat-aktualnosci,
body .category-aktualnosci-motoryzacyjne .fr-badge,
body .category-aktualnosci-motoryzacyjne .fr-archive-badge {
  border-left-color: var(--fr-cat-aktualnosci) !important;
}

body .fr-cat-testy,
body .category-testy-samochodow .fr-badge,
body .category-testy-samochodow .fr-archive-badge {
  border-left-color: var(--fr-cat-testy) !important;
}

body .fr-cat-rankingi,
body .fr-rankings-fresh-badge,
body .category-rankingi-samochodow .fr-badge,
body .category-rankingi-samochodow .fr-archive-badge,
body .category-auta-do-30-tys .fr-archive-badge,
body .category-auta-do-50-tys .fr-archive-badge,
body .category-auta-do-100-tys .fr-archive-badge,
body .category-auta-powyzej-150-tys .fr-archive-badge {
  border-left-color: var(--fr-cat-rankingi) !important;
}

body .fr-cat-poradniki,
body .category-poradniki-motoryzacyjne .fr-badge,
body .category-poradniki-motoryzacyjne .fr-archive-badge {
  border-left-color: var(--fr-cat-poradniki) !important;
}

body .fr-cat-napedy,
body .category-napedy-samochodowe .fr-badge,
body .category-napedy-samochodowe .fr-archive-badge,
body .category-samochody-elektryczne .fr-archive-badge,
body .category-plug-in-hybrid .fr-archive-badge,
body .category-hybrydy-samochodowe .fr-archive-badge {
  border-left-color: var(--fr-cat-napedy) !important;
}

body .fr-cat-rynek,
body .category-rynek-motoryzacyjny .fr-badge,
body .category-rynek-motoryzacyjny .fr-archive-badge {
  border-left-color: var(--fr-cat-rynek) !important;
}

body .fr-cat-chinskie,
body .fr-cat-chinskie-marki,
body .category-chinskie-marki-samochodow .fr-badge,
body .category-chinskie-marki-samochodow .fr-archive-badge,
body .category-byd-samochody .fr-archive-badge,
body .category-mg-samochody .fr-archive-badge,
body .category-omoda-jaecoo .fr-archive-badge,
body .category-nio-xpeng .fr-archive-badge {
  border-left-color: var(--fr-cat-chinskie) !important;
}

/* Strony tag�w � neutralny szary wyznacznik */
body.tag .fr-archive-eyebrow,
body.tag .fr-archive-badge {
  border-left-color: var(--fr-cat-tag) !important;
}

/* Nag��wki archiw�w � kolor boxu po stronie kategorii */
body.category-aktualnosci-motoryzacyjne .fr-archive-eyebrow {
  border-left-color: var(--fr-cat-aktualnosci) !important;
}

body.category-testy-samochodow .fr-archive-eyebrow {
  border-left-color: var(--fr-cat-testy) !important;
}

body.category-rankingi-samochodow .fr-archive-eyebrow {
  border-left-color: var(--fr-cat-rankingi) !important;
}

body.category-poradniki-motoryzacyjne .fr-archive-eyebrow {
  border-left-color: var(--fr-cat-poradniki) !important;
}

body.category-napedy-samochodowe .fr-archive-eyebrow {
  border-left-color: var(--fr-cat-napedy) !important;
}

body.category-rynek-motoryzacyjny .fr-archive-eyebrow {
  border-left-color: var(--fr-cat-rynek) !important;
}

body.category-chinskie-marki-samochodow .fr-archive-eyebrow {
  border-left-color: var(--fr-cat-chinskie) !important;
}

/* =========================================================
   4RINGS — BADGES FINAL HARD LOCK V6
   Cel: szara prostokątna plakietka + jeden równy pasek 3px po lewej.
   Ten blok musi być na końcu pliku i przebija stare background:#1A1A1A!important.
   ========================================================= */

:root {
  --fr-badge-final-bg-v6: #f4f5f6;
  --fr-badge-final-border-v6: #dfe3e7;
  --fr-badge-final-text-v6: #1f2328;
  --fr-badge-final-tag-v6: #9aa0a6;

  --fr-cat-aktualnosci-v6: #E12626;
  --fr-cat-testy-v6: #1565C0;
  --fr-cat-rankingi-v6: #1E8E3E;
  --fr-cat-poradniki-v6: #5B3CC4;
  --fr-cat-napedy-v6: #FFC400;
  --fr-cat-rynek-v6: #F57C00;
  --fr-cat-chinskie-v6: #8B1E3F;
}

/* Fallbacki akcentów po realnych klasach */
html body .fr-cat-aktualnosci { --fr-badge-accent: var(--fr-cat-aktualnosci-v6) !important; }
html body .fr-cat-testy { --fr-badge-accent: var(--fr-cat-testy-v6) !important; }
html body .fr-cat-rankingi,
html body .fr-rankings-fresh-badge,
html body .fr-rankings-fresh-main-badge,
html body .fr-rankings-fresh-side-badge { --fr-badge-accent: var(--fr-cat-rankingi-v6) !important; }
html body .fr-cat-poradniki { --fr-badge-accent: var(--fr-cat-poradniki-v6) !important; }
html body .fr-cat-napedy { --fr-badge-accent: var(--fr-cat-napedy-v6) !important; }
html body .fr-cat-rynek { --fr-badge-accent: var(--fr-cat-rynek-v6) !important; }
html body .fr-cat-chinskie,
html body .fr-cat-chinskie-marki { --fr-badge-accent: var(--fr-cat-chinskie-v6) !important; }

/* HOME — najmocniejsze przejęcie czarnych plakietek z homepage.css */
html body .fr-homepage span.fr-badge.fr-badge[class*="fr-cat-"],
html body .fr-homepage a.fr-badge.fr-badge[class*="fr-cat-"],
html body .fr-homepage div.fr-badge.fr-badge[class*="fr-cat-"],
html body .fr-homepage .fr-badge.fr-badge[class*="fr-cat-"],
html body.fr-home-active .fr-homepage span.fr-badge.fr-badge[class*="fr-cat-"],
html body.fr-home-active .fr-homepage a.fr-badge.fr-badge[class*="fr-cat-"],
html body.fr-home-active .fr-homepage div.fr-badge.fr-badge[class*="fr-cat-"],
html body.fr-home-active .fr-homepage .fr-badge.fr-badge[class*="fr-cat-"],
html body.fr-home-active .fr-homepage .fr-hero .fr-badge.fr-badge,
html body.fr-home-active .fr-homepage .fr-hero-copy .fr-badge.fr-badge,
html body.fr-home-active .fr-homepage .fr-latest-grid .fr-badge.fr-badge,
html body.fr-home-active .fr-homepage .fr-news-copy .fr-badge.fr-badge,
html body.fr-home-active .fr-homepage .fr-card-copy .fr-badge.fr-badge,
html body.fr-home-active .fr-homepage article .fr-badge.fr-badge,
html body.fr-home-active .fr-homepage .fr-section .fr-badge.fr-badge,
html body.fr-home-active .fr-homepage .fr-home-worth-reading .fr-badge.fr-badge,
html body.fr-home-active .fr-homepage .fr-layout-latest .fr-badge.fr-badge,
html body.fr-home-active .fr-homepage .fr-rankings-fresh-badge.fr-rankings-fresh-badge,
html body .fr-homepage .fr-rankings-fresh-badge.fr-rankings-fresh-badge {
  --badge-bg: var(--fr-badge-final-bg-v6) !important;
  --badge-fg: var(--fr-badge-final-text-v6) !important;

  position: relative !important;
  isolation: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: auto !important;
  max-width: max-content !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 22px !important;

  margin: 0 0 6px 0 !important;
  padding: 4px 8px 4px 8px !important;
  box-sizing: border-box !important;

  background: var(--fr-badge-final-bg-v6) !important;
  background-color: var(--fr-badge-final-bg-v6) !important;
  background-image: none !important;
  color: var(--fr-badge-final-text-v6) !important;

  border-top: 1px solid var(--fr-badge-final-border-v6) !important;
  border-right: 1px solid var(--fr-badge-final-border-v6) !important;
  border-bottom: 1px solid var(--fr-badge-final-border-v6) !important;
  border-left: 3px solid var(--fr-badge-accent, var(--fr-badge-final-tag-v6)) !important;

  border-radius: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  outline: none !important;
  overflow: hidden !important;
  filter: none !important;
  opacity: 1 !important;

  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-size: 10px !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
  letter-spacing: .045em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  vertical-align: top !important;
}

/* SINGLE/SIDEBAR — przejęcie głównej plakietki nad H1 oraz modułów bocznych */
html body.single-post div.fr-article-kicker.fr-article-kicker[class*="fr-cat-"],
html body.single-post span.fr-article-kicker.fr-article-kicker[class*="fr-cat-"],
html body.single-post .fr-article-kicker.fr-article-kicker[class*="fr-cat-"],
html body.fr-single-template .fr-article-kicker.fr-article-kicker[class*="fr-cat-"],
html body.single-post span.fr-sidebar-kicker.fr-sidebar-kicker[class*="fr-cat-"],
html body.single-post .fr-sidebar-kicker.fr-sidebar-kicker[class*="fr-cat-"],
html body.fr-single-template .fr-sidebar-kicker.fr-sidebar-kicker[class*="fr-cat-"],
html body.single-post .fr-badge.fr-badge[class*="fr-cat-"],
html body.fr-single-template .fr-badge.fr-badge[class*="fr-cat-"] {
  --badge-bg: var(--fr-badge-final-bg-v6) !important;
  --badge-fg: var(--fr-badge-final-text-v6) !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: auto !important;
  max-width: max-content !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 22px !important;

  margin: 0 0 6px 0 !important;
  padding: 4px 8px 4px 8px !important;
  box-sizing: border-box !important;

  background: var(--fr-badge-final-bg-v6) !important;
  background-color: var(--fr-badge-final-bg-v6) !important;
  background-image: none !important;
  color: var(--fr-badge-final-text-v6) !important;

  border-top: 1px solid var(--fr-badge-final-border-v6) !important;
  border-right: 1px solid var(--fr-badge-final-border-v6) !important;
  border-bottom: 1px solid var(--fr-badge-final-border-v6) !important;
  border-left: 3px solid var(--fr-badge-accent, var(--fr-badge-final-tag-v6)) !important;

  border-radius: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  outline: none !important;
  overflow: hidden !important;
  filter: none !important;
  opacity: 1 !important;

  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-size: 10px !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
  letter-spacing: .045em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

/* ARCHIVE/TAG — ten sam kształt; tagi mają szary pasek w nagłówku */
html body.archive .fr-archive-badge.fr-archive-badge,
html body.archive .fr-archive-eyebrow.fr-archive-eyebrow,
html body.category .fr-archive-badge.fr-archive-badge,
html body.category .fr-archive-eyebrow.fr-archive-eyebrow,
html body.tag .fr-archive-badge.fr-archive-badge,
html body.tag .fr-archive-eyebrow.fr-archive-eyebrow {
  --badge-bg: var(--fr-badge-final-bg-v6) !important;
  --badge-fg: var(--fr-badge-final-text-v6) !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  max-width: max-content !important;
  min-height: 22px !important;
  margin: 0 0 6px 0 !important;
  padding: 4px 8px !important;

  background: var(--fr-badge-final-bg-v6) !important;
  background-color: var(--fr-badge-final-bg-v6) !important;
  background-image: none !important;
  color: var(--fr-badge-final-text-v6) !important;

  border-top: 1px solid var(--fr-badge-final-border-v6) !important;
  border-right: 1px solid var(--fr-badge-final-border-v6) !important;
  border-bottom: 1px solid var(--fr-badge-final-border-v6) !important;
  border-left: 3px solid var(--fr-badge-accent, var(--fr-badge-final-tag-v6)) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;

  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-size: 10px !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
  letter-spacing: .045em !important;
  text-transform: uppercase !important;
}

/* Paski tylko jako border-left — zero pseudo-elementów */
html body .fr-homepage .fr-badge::before,
html body .fr-homepage .fr-badge::after,
html body.single-post .fr-article-kicker::before,
html body.single-post .fr-article-kicker::after,
html body.single-post .fr-sidebar-kicker::before,
html body.single-post .fr-sidebar-kicker::after,
html body.single-post .fr-badge::before,
html body.single-post .fr-badge::after,
html body.archive .fr-archive-badge::before,
html body.archive .fr-archive-badge::after,
html body.archive .fr-archive-eyebrow::before,
html body.archive .fr-archive-eyebrow::after,
html body .fr-rankings-fresh-badge::before,
html body .fr-rankings-fresh-badge::after {
  content: none !important;
  display: none !important;
}

/* Kolor wymuszony po klasie na sam koniec */
html body .fr-cat-aktualnosci { border-left-color: var(--fr-cat-aktualnosci-v6) !important; }
html body .fr-cat-testy { border-left-color: var(--fr-cat-testy-v6) !important; }
html body .fr-cat-rankingi,
html body .fr-rankings-fresh-badge { border-left-color: var(--fr-cat-rankingi-v6) !important; }
html body .fr-cat-poradniki { border-left-color: var(--fr-cat-poradniki-v6) !important; }
html body .fr-cat-napedy { border-left-color: var(--fr-cat-napedy-v6) !important; }
html body .fr-cat-rynek { border-left-color: var(--fr-cat-rynek-v6) !important; }
html body .fr-cat-chinskie,
html body .fr-cat-chinskie-marki { border-left-color: var(--fr-cat-chinskie-v6) !important; }
html body.tag .fr-archive-eyebrow { border-left-color: var(--fr-badge-final-tag-v6) !important; }

/* Hover/focus nie przywraca czerni */
html body .fr-homepage a:hover .fr-badge,
html body .fr-homepage .fr-badge:hover,
html body.single-post a:hover .fr-badge,
html body.single-post .fr-article-kicker:hover,
html body.single-post .fr-sidebar-kicker:hover,
html body.archive a:hover .fr-archive-badge,
html body.archive .fr-archive-eyebrow:hover {
  background: var(--fr-badge-final-bg-v6) !important;
  background-color: var(--fr-badge-final-bg-v6) !important;
  color: var(--fr-badge-final-text-v6) !important;
  box-shadow: none !important;
  filter: none !important;
}

/* =========================================================
   4RINGS — SEARCH RESULTS PAGE FINAL
   Scope: WordPress search results only.
   Homepage/single/header/mobile menu/Rankingi untouched.
   ========================================================= */

body.search,
body.search-results,
body.search *,
body.search-results * {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  text-rendering: auto !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

body.search.fr-archive-active,
body.search-results.fr-archive-active {
  overflow-x: hidden;
  background: #fff;
}

body.search.fr-archive-active .page-header,
body.search-results.fr-archive-active .page-header,
body.search.fr-archive-active .archive-header:not(.fr-archive-header),
body.search-results.fr-archive-active .archive-header:not(.fr-archive-header),
body.search.fr-archive-active .entry-header:not(.fr-archive-header),
body.search-results.fr-archive-active .entry-header:not(.fr-archive-header),
body.search.fr-archive-active header.page-header,
body.search-results.fr-archive-active header.page-header,
body.search.fr-archive-active .generate-page-header,
body.search-results.fr-archive-active .generate-page-header,
body.search.fr-archive-active .inside-page-header,
body.search-results.fr-archive-active .inside-page-header,
body.search.fr-archive-active .featured-image.page-header-image,
body.search-results.fr-archive-active .featured-image.page-header-image {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

body.search .fr-archive-screen,
body.search-results .fr-archive-screen {
  padding-top: clamp(28px, 3.6vw, 54px);
}

body.search .fr-search-header,
body.search-results .fr-search-header {
  margin-bottom: clamp(24px, 3vw, 38px) !important;
  padding-top: clamp(22px, 3vw, 38px) !important;
  padding-bottom: clamp(22px, 3vw, 38px) !important;
  border-left-color: #E12626 !important;
}

body.search .fr-archive-title,
body.search-results .fr-archive-title {
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  background: none !important;
  text-shadow: none !important;
  font-size: clamp(34px, 4.6vw, 66px) !important;
  line-height: 1.02 !important;
  font-weight: 820 !important;
  letter-spacing: -0.018em !important;
}

body.search .fr-archive-description,
body.search-results .fr-archive-description {
  max-width: 860px;
  color: #3f3f46 !important;
  font-size: clamp(15px, 1.1vw, 18px) !important;
  line-height: 1.55 !important;
}

body.search .fr-archive-grid,
body.search-results .fr-archive-grid {
  margin-top: 0 !important;
}

body.search .fr-archive-card,
body.search-results .fr-archive-card {
  background: transparent !important;
}

body.search .fr-archive-card-title,
body.search-results .fr-archive-card-title,
body.search .fr-archive-card-title a,
body.search-results .fr-archive-card-title a {
  color: #111 !important;
}

@media (hover: hover) and (pointer: fine) {
  body.search .fr-archive-card-title a:hover,
  body.search-results .fr-archive-card-title a:hover {
    color: #E12626 !important;
    text-decoration-color: #E12626 !important;
  }
}

body.search .fr-archive-badge,
body.search-results .fr-archive-badge,
body.search .fr-archive-eyebrow,
body.search-results .fr-archive-eyebrow {
  background: var(--fr-badge-bg-final, #f4f5f6) !important;
  color: var(--fr-badge-text-final, #111) !important;
  border-color: var(--fr-badge-border-final, #dfe3e7) !important;
}

body.search .fr-archive-empty,
body.search-results .fr-archive-empty {
  max-width: 760px;
  margin: 0;
  padding: 22px 24px;
  border-left: 4px solid #E12626;
  background: #f6f6f6;
  color: #333;
}

@media (max-width: 700px) {
  body.search .fr-archive-screen,
  body.search-results .fr-archive-screen {
    padding: 20px 0 56px !important;
  }

  body.search .fr-archive-wrap,
  body.search-results .fr-archive-wrap {
    width: calc(100% - 32px) !important;
  }

  body.search .fr-search-header,
  body.search-results .fr-search-header {
    margin-bottom: 22px !important;
    padding: 18px 0 18px 16px !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-left-width: 4px !important;
  }

  body.search .fr-archive-title,
  body.search-results .fr-archive-title {
    font-size: clamp(31px, 9vw, 42px) !important;
    line-height: 1.05 !important;
    letter-spacing: -0.012em !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
  }

  body.search .fr-archive-description,
  body.search-results .fr-archive-description {
    padding-right: 16px;
    font-size: 15px !important;
    line-height: 1.5 !important;
  }

  body.search .fr-archive-grid,
  body.search-results .fr-archive-grid {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }

  body.search .fr-archive-card-image,
  body.search-results .fr-archive-card-image {
    margin-bottom: 10px !important;
  }

  body.search .fr-archive-card-title,
  body.search-results .fr-archive-card-title {
    font-size: 20px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    letter-spacing: -0.006em !important;
  }

  body.search .fr-archive-meta,
  body.search-results .fr-archive-meta {
    font-size: 12px !important;
  }
}


/* =========================================================
   4RINGS — SEARCH RESULTS OLD GENERATEBLOCKS HERO HIDE FINAL
   Ukrywa stary angielski hero "Search results for" tylko na search page.
   Nie rusza kategorii, tagów, homepage ani single.
   ========================================================= */

body.search .gb-element-7a842ee7,
body.search-results .gb-element-7a842ee7 {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

/* =========================================================
   4RINGS — AUTHOR BADGES RECTANGLE FINAL LOCK
   Cel: GenerateBlocksowe plakietki na stronie autora bez zaokrągleń.
   Realny element: body.author .gb-loop-item-bfca2c91 .gb-text-0c87f259 a[rel="tag"]
   ========================================================= */
body.author .gb-loop-item-bfca2c91 .gb-text-0c87f259 a[rel="tag"],
body.author .gb-loop-item-bfca2c91 .gb-text-0c87f259 a[rel="category"],
body.author .gb-loop-item-bfca2c91 a[rel="tag"],
body.author .gb-loop-item-bfca2c91 a[rel="category"],
body.author .gb-text-0c87f259 a[rel="tag"],
body.author .gb-text-0c87f259 a[rel="category"],
body.author a[rel="tag"][href*="aktualnosci-motoryzacyjne"],
body.author a[rel="category"][href*="aktualnosci-motoryzacyjne"],
body.author a[rel="tag"][href*="testy-samochodow"],
body.author a[rel="category"][href*="testy-samochodow"],
body.author a[rel="tag"][href*="rankingi-samochodow"],
body.author a[rel="category"][href*="rankingi-samochodow"],
body.author a[rel="tag"][href*="poradniki-motoryzacyjne"],
body.author a[rel="category"][href*="poradniki-motoryzacyjne"],
body.author a[rel="tag"][href*="napedy-samochodowe"],
body.author a[rel="category"][href*="napedy-samochodowe"],
body.author a[rel="tag"][href*="rynek-motoryzacyjny"],
body.author a[rel="category"][href*="rynek-motoryzacyjny"],
body.author a[rel="tag"][href*="chinskie-marki-samochodow"],
body.author a[rel="category"][href*="chinskie-marki-samochodow"] {
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  overflow: hidden !important;
}
/* =========================================================
   KONIEC — AUTHOR BADGES RECTANGLE FINAL LOCK
   ========================================================= */

/* =========================================================
   4RINGS — CATEGORY/TAG ARCHIVE DESKTOP SIDE SPACING v27
   Fix: keep desktop archive cards away from viewport edges.
   Homepage/single/author/mobile menu untouched.
   ========================================================= */
@media (min-width: 1025px) {
  body.fr-archive-active .fr-archive-wrap {
    width: min(1160px, calc(100vw - 112px)) !important;
    max-width: 1160px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.fr-archive-active .fr-archive-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 36px 32px !important;
  }

  body.fr-archive-active .fr-archive-card,
  body.fr-archive-active .fr-archive-card-image,
  body.fr-archive-active .fr-archive-card-copy {
    max-width: 100% !important;
  }
}

/* Keep archive pagination consistent with the final red active state. */
body.fr-archive-active .fr-archive-pagination .page-numbers.current,
body.fr-archive-active .fr-archive-pagination a.page-numbers:hover {
  background: #E12626 !important;
  border-color: #E12626 !important;
  color: #fff !important;
}

body.fr-archive-active .fr-archive-pagination {
  border-top: 0 !important;
  padding-top: 22px !important;
  margin-top: 48px !important;
}
/* =========================================================
   AUTHOR ARCHIVE FIX  4rings.pl
   Cel: doprowadzi strony autora do spjnego ukadu archiww
   Zakres: tylko body.author
   Nie rusza homepage, single, menu, tagw i kategorii.
   ========================================================= */

body.author.right-sidebar .site-content {
  display: block;
}

body.author .site-content .content-area,
body.author .site-main {
  width: 100%;
  max-width: 1040px;
  margin-left: auto;
  margin-right: auto;
}

body.author .site-content .widget-area,
body.author #right-sidebar,
body.author .inside-right-sidebar {
  display: none !important;
}

body.author .site-main {
  padding-left: 20px;
  padding-right: 20px;
}

body.author .page-header,
body.author .author-info,
body.author .author-box {
  max-width: 1040px;
  margin: 0 auto 28px;
}

/* Lista wpisw autora */
body.author .site-main article.post {
  margin: 0 0 22px;
  padding: 0;
  border: 1px solid rgba(17, 24, 39, 0.10);
  background: #fff;
}

body.author .site-main article.post .inside-article {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  gap: 18px;
  align-items: stretch;
  padding: 16px;
}

body.author .site-main article.post .post-image {
  grid-column: 1;
  grid-row: 1 / span 3;
  margin: 0;
}

body.author .site-main article.post .post-image a {
  display: block;
  width: 100%;
  height: 100%;
}

body.author .site-main article.post .post-image img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  height: auto;
  object-fit: cover;
}

body.author .site-main article.post .entry-header {
  grid-column: 2;
  margin: 0;
}

body.author .site-main article.post .entry-title {
  margin: 0 0 8px;
  font-size: clamp(20px, 2vw, 26px);
  line-height: 1.12;
  letter-spacing: -0.03em;
}

body.author .site-main article.post .entry-title a {
  color: #111827;
  text-decoration: none;
}

body.author .site-main article.post .entry-title a:hover {
  color: #E12626;
}

body.author .site-main article.post .entry-meta {
  margin: 0 0 10px;
  color: #6b7280;
  font-size: 13px;
  line-height: 1.35;
}

body.author .site-main article.post .entry-summary {
  grid-column: 2;
  margin: 0;
  color: #374151;
  font-size: 15px;
  line-height: 1.55;
}

body.author .site-main article.post .entry-summary p {
  margin: 0;
}

body.author .site-main article.post footer.entry-meta {
  grid-column: 2;
  margin: 12px 0 0;
  padding: 0;
  font-size: 12px;
  color: #6b7280;
}

/* Mobile */
@media (max-width: 768px) {
  body.author .site-main {
    padding-left: 16px;
    padding-right: 16px;
  }

  body.author .site-main article.post .inside-article {
    display: block;
    padding: 14px;
  }

  body.author .site-main article.post .post-image {
    margin: 0 0 12px;
  }

  body.author .site-main article.post .entry-title {
    font-size: 21px;
    line-height: 1.16;
  }

  body.author .site-main article.post .entry-summary {
    font-size: 15px;
  }
}

/* =========================================================
   4RINGS — ARCHIVE SAFE PLACEHOLDER ROLLBACK FINAL 2026-06-10
   Zakres: archiwa kategorii/tagów.
   Cel:
   - przywrócić stabilne miejsce po headerze kategorii,
   - usunąć szare tło i ramki placeholdera,
   - nie udawać realnej reklamy, jeśli OptAd360 nie wstrzykuje iframe,
   - nie przesuwać gridu artykułów zbyt wysoko.
   Nie ruszać homepage, single, author, headera, menu ani PHP poza starym placeholderem.
   ========================================================= */

body.archive:not(.author) .fr-archive-ad.fr-archive-ad-after-header,
body.category .fr-archive-ad.fr-archive-ad-after-header,
body.tag .fr-archive-ad.fr-archive-ad-after-header {
  display: block !important;
  position: relative !important;
  clear: both !important;
  width: 100% !important;
  max-width: 970px !important;
  height: 300px !important;
  min-height: 300px !important;
  max-height: 300px !important;
  margin: 30px auto 34px !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  box-sizing: border-box !important;
}

body.archive:not(.author) .fr-archive-ad.fr-archive-ad-after-header::before,
body.archive:not(.author) .fr-archive-ad.fr-archive-ad-after-header::after,
body.category .fr-archive-ad.fr-archive-ad-after-header::before,
body.category .fr-archive-ad.fr-archive-ad-after-header::after,
body.tag .fr-archive-ad.fr-archive-ad-after-header::before,
body.tag .fr-archive-ad.fr-archive-ad-after-header::after {
  content: none !important;
  display: none !important;
}

/* Jeśli jednak OptAd360/Google kiedyś wstrzyknie iframe do starego slotu, ma być widoczny. */
body.archive:not(.author) .fr-archive-ad.fr-archive-ad-after-header iframe[id^="google_ads_iframe_"],
body.category .fr-archive-ad.fr-archive-ad-after-header iframe[id^="google_ads_iframe_"],
body.tag .fr-archive-ad.fr-archive-ad-after-header iframe[id^="google_ads_iframe_"] {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 300px !important;
  min-height: 300px !important;
  max-height: 300px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  vertical-align: bottom !important;
}

@media (max-width: 768px) {
  body.archive:not(.author) .fr-archive-ad.fr-archive-ad-after-header,
  body.category .fr-archive-ad.fr-archive-ad-after-header,
  body.tag .fr-archive-ad.fr-archive-ad-after-header {
    width: 100% !important;
    max-width: 100% !important;
    height: 365px !important;
    min-height: 365px !important;
    max-height: 365px !important;
    margin: 22px auto 26px !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body.archive:not(.author) .fr-archive-ad.fr-archive-ad-after-header iframe[id^="google_ads_iframe_"],
  body.category .fr-archive-ad.fr-archive-ad-after-header iframe[id^="google_ads_iframe_"],
  body.tag .fr-archive-ad.fr-archive-ad-after-header iframe[id^="google_ads_iframe_"] {
    height: 343px !important;
    min-height: 343px !important;
    max-height: 343px !important;
  }

  body.archive:not(.author) .fr-archive-ad.fr-archive-ad-after-header div:has(> iframe[id^="google_ads_iframe_"]),
  body.category .fr-archive-ad.fr-archive-ad-after-header div:has(> iframe[id^="google_ads_iframe_"]),
  body.tag .fr-archive-ad.fr-archive-ad-after-header div:has(> iframe[id^="google_ads_iframe_"]) {
    height: 365px !important;
    min-height: 365px !important;
    max-height: 365px !important;
    overflow: visible !important;
  }
}

/* =========================================================
   KONIEC — ARCHIVE SAFE PLACEHOLDER ROLLBACK FINAL 2026-06-10
   ========================================================= */