/* Kreator silnikow — style
   Kolory i zaokraglenia zgodne z reszta konfiguratora (#165F7A, 10px 0 10px 10px). */

.kreator_silnikow { margin-bottom: 28px; }

/* --- rozwidlenie reczny / elektryczny --- */
.rsc-mechanizm-wybor { display: flex; gap: 10px; margin-bottom: 22px; flex-wrap: wrap; }
.rsc-mechanizm-opcja {
    flex: 1 1 180px; padding: 14px 18px; cursor: pointer;
    background: #fff; border: 1px solid #d8dee2; border-radius: 10px 0 10px 10px;
    font: inherit; color: inherit; text-align: left; transition: border-color .15s, box-shadow .15s;
}
.rsc-mechanizm-opcja:hover { border-color: #165F7A; }
.rsc-mechanizm-opcja.selected { border-color: #165F7A; box-shadow: inset 0 0 0 1px #165F7A; }

/* --- filtry --- */
.rsc-filtry { margin-bottom: 20px; }
.rsc-filtr-grupa { margin-bottom: 16px; }
.rsc-filtr-etykieta { display: block; font-size: 14px; font-weight: 600; margin-bottom: 8px; }
.rsc-filtr-opcje { display: flex; flex-wrap: wrap; gap: 8px; }

.rsc-filtr-opcja {
    position: relative; display: flex; flex-direction: column; gap: 2px;
    padding: 9px 13px; cursor: pointer; max-width: 300px;
    background: #fff; border: 1px solid #d8dee2; border-radius: 10px 0 10px 10px;
    font: inherit; color: inherit; text-align: left;
    transition: border-color .15s, opacity .15s;
}
.rsc-filtr-opcja:hover:not(:disabled) { border-color: #165F7A; }
.rsc-filtr-opcja.selected { border-color: #165F7A; background: #f0f6f8; box-shadow: inset 0 0 0 1px #165F7A; }

/* Opcja bez wynikow: widoczna, ale nieaktywna — klient wie, ze taka
   mozliwosc istnieje, tylko nie przy obecnym wyborze. */
.rsc-filtr-opcja.rsc-nieaktywna { opacity: .4; cursor: not-allowed; }

.rsc-filtr-nazwa { font-size: 14px; }
.rsc-filtr-licznik {
    position: absolute; top: 6px; right: 8px;
    font-size: 11px; color: #6b7a82; background: #eef2f4;
    border-radius: 8px; padding: 1px 6px; min-width: 18px; text-align: center;
}
.rsc-filtr-opcja.selected .rsc-filtr-licznik { background: #165F7A; color: #fff; }
.rsc-filtr-podpis { font-size: 11.5px; line-height: 1.35; color: #6b7a82; padding-right: 28px; }

.rsc-filtry-reset {
    background: none; border: none; padding: 4px 0; cursor: pointer;
    font: inherit; font-size: 13px; color: #165F7A; text-decoration: underline;
}

/* --- lista silnikow (wiersze, nie kafelki) --- */
.rsc-silniki-lista { display: flex; flex-direction: column; gap: 8px; }

.rsc-silnik, .rsc-pilot {
    padding: 13px 16px; cursor: pointer;
    background: #fff; border: 1px solid #d8dee2; border-radius: 10px 0 10px 10px;
    transition: border-color .15s, box-shadow .15s;
}
.rsc-silnik:hover, .rsc-pilot:hover { border-color: #165F7A; }
.rsc-silnik.selected, .rsc-pilot.selected { border-color: #165F7A; box-shadow: inset 0 0 0 1px #165F7A; background: #f7fafb; }

.rsc-silnik-glowna { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.rsc-silnik-nazwa { font-size: 15px; font-weight: 600; line-height: 1.35; }
.rsc-silnik-akcje { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }

.rsc-silnik-lupa {
    background: none; border: none; cursor: pointer; padding: 2px 4px;
    font-size: 15px; line-height: 1; opacity: .65; transition: opacity .15s;
}
.rsc-silnik-lupa:hover { opacity: 1; }
.rsc-silnik-link { font-size: 13px; color: #165F7A; text-decoration: none; white-space: nowrap; }
.rsc-silnik-link:hover { text-decoration: underline; }

.rsc-silnik-chipy { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 7px; }
.rsc-chip {
    font-size: 11.5px; line-height: 1.4; color: #4a5568;
    background: #eef2f4; border-radius: 6px; padding: 2px 8px;
}
.rsc-chip-eko { background: #f0f6f8; color: #165F7A; }

.rsc-silnik-cena { display: inline-block; margin-top: 8px; font-size: 14px; font-weight: 600; color: #165F7A; }
.rsc-silnik-cena .woocommerce-Price-amount { font-weight: 600; }

.rsc-brak-wynikow { padding: 16px; font-size: 14px; color: #6b7a82; text-align: center; }

.rsc-info-przelacznik {
    margin-top: 12px; padding: 11px 14px; font-size: 13px; line-height: 1.5;
    background: #fff8e6; border-left: 3px solid #d99a00; border-radius: 0 6px 6px 0;
}

/* --- krok pilota --- */
.rsc-piloty-krok { margin-top: 26px; }
.rsc-piloty-dla { display: flex; flex-direction: column; gap: 8px; }
.rsc-pilot-brak { background: #fafbfc; }

/* --- podglad zdjecia --- */
.rsc-podglad {
    position: fixed; inset: 0; z-index: 99999;
    display: none; align-items: center; justify-content: center; padding: 24px;
}
.rsc-podglad.otwarty { display: flex; }
.rsc-podglad-tlo { position: absolute; inset: 0; background: rgba(0,0,0,.72); }
.rsc-podglad img {
    position: relative; max-width: min(560px, 90vw); max-height: 85vh;
    border-radius: 10px 0 10px 10px; background: #fff;
}

@media (max-width: 768px) {
    .rsc-filtr-opcja { max-width: 100%; flex: 1 1 100%; }
    .rsc-silnik-glowna { flex-direction: column; gap: 8px; }
    .rsc-silnik-akcje { align-self: flex-start; }
}