/* =========================================================
   Nadpisania stylów banera zgód (CookieYes)
   Cel: kolory zgodne z paletą Auto-Robi.
   CookieYes wstrzykuje własny arkusz z CDN po naszym,
   dlatego reguły wymagają !important.
   ========================================================= */

:root {
    --cky-accent: #d81f26;
    --cky-accent-dark: #a5141a;
    --cky-ink: #16171a;
    --cky-text: #1b1d21;
    --cky-invert: #ffffff;
    --cky-line: #d7dade;
}

/* --- pasek/okno banera --- */
.cky-consent-container .cky-consent-bar {
    border-color: var(--cky-line) !important;
    border-top: 4px solid var(--cky-accent) !important;
    box-shadow: 0 -4px 24px rgb(0 0 0 / 12%) !important;
}

.cky-title,
.cky-preference-title { color: var(--cky-ink) !important; }
.cky-notice-des *,
.cky-preference-body-wrapper * { color: var(--cky-text) !important; }

/* --- przycisk główny: akceptuj --- */
.cky-btn-accept {
    background: var(--cky-accent) !important;
    border-color: var(--cky-accent) !important;
    color: var(--cky-invert) !important;
    font-weight: 700 !important;
}
.cky-btn-accept:hover {
    background: var(--cky-accent-dark) !important;
    border-color: var(--cky-accent-dark) !important;
}

/* --- przyciski drugoplanowe: odrzuć / ustawienia / zapisz --- */
.cky-btn-reject,
.cky-btn-customize,
.cky-btn-preferences {
    background: transparent !important;
    border-color: var(--cky-ink) !important;
    color: var(--cky-ink) !important;
    font-weight: 700 !important;
}
.cky-btn-reject:hover,
.cky-btn-customize:hover,
.cky-btn-preferences:hover {
    background: var(--cky-ink) !important;
    color: var(--cky-invert) !important;
}

.cky-preference-btn-wrapper .cky-btn-accept,
.cky-btn-preferences.cky-btn-accept {
    background: var(--cky-accent) !important;
    border-color: var(--cky-accent) !important;
    color: var(--cky-invert) !important;
}

/* --- linki --- */
.cky-policy,
.cky-notice-des a,
.cky-preference-body-wrapper a {
    color: var(--cky-accent-dark) !important;
    text-underline-offset: .18em;
}

/* --- przełączniki kategorii --- */
.cky-switch input[type="checkbox"]:checked {
    background: var(--cky-accent) !important;
    border-color: var(--cky-accent) !important;
}
.cky-accordion-btn { color: var(--cky-ink) !important; }

/* --- pływająca ikonka powrotu do ustawień zgód --- */
.cky-btn-revisit-wrapper {
    background: var(--cky-accent) !important;
}
.cky-btn-revisit-wrapper:hover { background: var(--cky-accent-dark) !important; }
.cky-revisit-bottom-left,
.cky-revisit-bottom-right { background: var(--cky-ink) !important; color: var(--cky-invert) !important; }

/* --- widoczny focus (WCAG), bo CDN go gasi --- */
.cky-consent-container button:focus-visible,
.cky-modal button:focus-visible,
.cky-consent-container a:focus-visible {
    outline: 3px solid #0b63d6 !important;
    outline-offset: 2px !important;
}

/* Ikonka zgód nie może zasłaniać naszego widgetu kontaktowego */
@media (max-width: 768px) {
    .cky-btn-revisit-wrapper { bottom: 96px !important; }
}
