/* ============================================================
   SKIN: HYBRID (merge koncepcji 1 "bez skina" + 2 "blueprint",
   2026-07-20, decyzja kierunkowa zespołu).
   Zasada mergu:
   - z BAZY:      biel, żółty pełnoprawny, Impact w nagłówkach,
                  ikony/strzałki kart, hover-lift, layout
   - z BLUEPRINT: mono dla modeli/serii/breadcrumba, numeracja
                  katalogowa, linie 1px, H1-marker, znacznik "+"
   - kompromis:   radius 4px (10px vs 0), papier bez siatki
   Nakładka na klasy rdx-* (redesign.css).
   ============================================================ */

:root {
    --hy-ink: #111;
    --hy-line: #d6d6d1;
    --hy-paper: #fbfbf9;
    --hy-muted: #666;
    --hy-yellow: #ffd302;
    --hy-radius: 4px;
    --hy-mono: ui-monospace, "Cascadia Mono", "JetBrains Mono", Consolas, "Liberation Mono", monospace;
}

/* ---------- tła: papier BEZ siatki (kompromis) ---------- */
.rdx-hero,
.rdx-strip-wrap {
    background: #fff;
}

.rdx-content {
    background: var(--hy-paper);
}

/* ---------- hero ---------- */
/* breadcrumb techniczny (blueprint), reszta hero brandowa (baza) */
.rdx-breadcrumb {
    font-family: var(--hy-mono);
    font-size: 11px;
    letter-spacing: 0;
    text-transform: uppercase;
}

.rdx-crumb-sep {
    color: var(--hy-yellow);
}

/* cienka linia ink + żółty pasek pod H1 przenosi brand z bazy */
.rdx-hero-row {
    border-bottom: 1px solid var(--hy-ink);
    position: relative;
}

.rdx-hero-row::after {
    content: "+";
    position: absolute;
    right: 0;
    bottom: -9px;
    font-family: var(--hy-mono);
    font-size: 14px;
    color: var(--hy-ink);
    background: #fff;
    padding-left: 6px;
}

/* H1: Impact zostaje (baza), marker-zakreślacz wchodzi (blueprint) */
.rdx-h1 {
    background: linear-gradient(180deg, transparent 58%, var(--hy-yellow) 58%);
    display: inline-block;
    padding: 0 6px 2px 0;
}

.rdx-search .search_form {
    background: #fff;
    border: 1px solid var(--hy-ink);
    border-radius: var(--hy-radius);
}

.rdx-search .search-field {
    font-family: var(--hy-mono);
    font-size: 13px;
}

.rdx-search .search_form button {
    border-radius: 0;
}

/* ---------- chipy: prostokąt z lekkim radiusem, mono ---------- */
.rdx-chip {
    border: 1px solid var(--hy-line);
    border-radius: var(--hy-radius);
    font-family: var(--hy-mono);
    font-size: 12px;
    letter-spacing: 0;
    background: #fff;
}

.rdx-chip:hover {
    border-color: var(--hy-ink);
    background: var(--hy-ink);
    color: var(--hy-yellow);
}

.rdx-chip-current {
    background: var(--hy-ink);
    border-color: var(--hy-ink);
    color: var(--hy-yellow);
}

.rdx-chip-back {
    background: var(--hy-yellow);
    border-color: var(--hy-ink);
    color: var(--hy-ink);
}

/* ---------- serie: żółta krawędź (baza) + numeracja (blueprint) ---------- */
.rdx-content .container {
    counter-reset: series podkat;
}

.rdx-series {
    counter-increment: series;
}

.rdx-series-title {
    border-left: 6px solid var(--hy-yellow);
    padding-left: 14px;
    font-size: 1.05rem;
    letter-spacing: 1.5px;
}

.rdx-series-title::before {
    content: counter(series, decimal-leading-zero) " · ";
    font-family: var(--hy-mono);
    font-weight: 400;
    color: var(--hy-muted);
}

/* ---------- kafelki modeli: osobne kafle (baza), mono + 1px (blueprint) ---------- */
.rdx-model-grid {
    gap: 10px;
}

.rdx-model-tile {
    border: 1px solid var(--hy-ink);
    border-radius: var(--hy-radius);
    background: #fff;
    font-family: var(--hy-mono);
    font-size: 16px;
    min-height: 58px;
}

.rdx-model-tile:hover {
    background: var(--hy-ink);
    color: var(--hy-yellow);
    box-shadow: inset 0 -4px 0 var(--hy-yellow);
}

/* ---------- karty podkategorii: ikony+strzałka (baza) + numeracja (blueprint) ---------- */
.rdx-podkat-grid {
    gap: 12px;
}

.rdx-podkat-card {
    counter-increment: podkat;
    border: 1px solid var(--hy-ink);
    border-radius: var(--hy-radius);
    background: #fff;
    position: relative;
}

.rdx-podkat-card::after {
    content: counter(podkat, decimal-leading-zero);
    position: absolute;
    top: 8px;
    right: 12px;
    font-family: var(--hy-mono);
    font-size: 11px;
    color: var(--hy-muted);
}

.rdx-podkat-card:hover {
    background: var(--hy-ink);
    color: var(--hy-yellow);
}

.rdx-podkat-card:hover::after {
    color: var(--hy-yellow);
}

/* strzałka zostaje (baza) — chowamy ją dopiero na hoverze,
   żeby nie kolidowała wizualnie z żółtym tekstem */
.rdx-podkat-card .rdx-arrow {
    color: var(--hy-muted);
}

.rdx-podkat-card:hover .rdx-arrow {
    color: var(--hy-yellow);
}

/* ---------- karty produktów: layout bazy, linie 1px ---------- */
.rdx-product-grid {
    gap: 14px;
}

.rdx-product-card {
    border: 1px solid var(--hy-line);
    border-radius: var(--hy-radius);
    background: #fff;
}

.rdx-product-card:hover {
    border-color: var(--hy-ink);
    box-shadow: inset 0 -4px 0 var(--hy-yellow), 0 4px 14px rgba(0, 0, 0, 0.06);
}

.rdx-product-thumb {
    border-radius: var(--hy-radius);
}

.rdx-badge {
    border-width: 1px;
    border-radius: var(--hy-radius);
    font-family: var(--hy-mono);
    letter-spacing: 0;
}

/* ---------- kontakt ---------- */
.rdx-contact-card,
.rdx-company-card,
.rdx-form-card {
    border-width: 1px;
    border-radius: var(--hy-radius);
}

.rdx-form-title {
    letter-spacing: 1px;
}