/* CookieYes — spójny wygląd z przyciskami Twoje Biuro e-office24.pl. */
:root {
    --eo24-cookie-red: #b20b17;
    --eo24-cookie-red-bright: #d01924;
    --eo24-cookie-red-dark: #79060d;
    --eo24-cookie-text: #292929;
}

.cky-consent-container .cky-consent-bar,
.cky-preference-center {
    border: 1px solid #dddddd !important;
    border-top: 5px solid var(--eo24-cookie-red) !important;
    border-radius: 4px !important;
    box-shadow: 0 14px 36px rgba(25, 25, 25, 0.18) !important;
    font-family: Tahoma, sans-serif !important;
}

.cky-consent-container .cky-title,
.cky-preference-center .cky-preference-title,
.cky-preference-center .cky-accordion-header-des,
.cky-preference-center .cky-accordion-header .cky-accordion-btn {
    color: var(--eo24-cookie-text) !important;
    font-family: Tahoma, sans-serif !important;
}

.cky-consent-container .cky-notice-des,
.cky-preference-center .cky-preference-content-wrapper,
.cky-preference-center .cky-accordion-body,
.cky-preference-center p {
    color: #66696c !important;
    font-family: Tahoma, sans-serif !important;
}

.cky-consent-container .cky-btn,
.cky-preference-center .cky-btn {
    min-height: 44px !important;
    padding: 11px 18px !important;
    border: 1px solid var(--eo24-cookie-red) !important;
    border-radius: 3px !important;
    font-family: "Open Sans", Tahoma, sans-serif !important;
    font-weight: 400 !important;
    letter-spacing: 0.01em !important;
    box-shadow: none !important;
}

.cky-consent-container .cky-btn-customize,
.cky-preference-center .cky-btn-preferences {
    color: var(--eo24-cookie-red) !important;
    background: #ffffff !important;
}

.cky-consent-container .cky-btn-reject,
.cky-preference-center .cky-btn-reject {
    color: #ffffff !important;
    background: var(--eo24-cookie-red-dark) !important;
    border-color: var(--eo24-cookie-red-dark) !important;
}

.cky-consent-container .cky-btn-accept,
.cky-preference-center .cky-btn-accept {
    color: #ffffff !important;
    background: linear-gradient(180deg, var(--eo24-cookie-red-bright), var(--eo24-cookie-red) 62%, #980711) !important;
    border-color: var(--eo24-cookie-red-dark) !important;
}

.cky-consent-container .cky-btn:hover,
.cky-preference-center .cky-btn:hover {
    opacity: 0.92 !important;
}

/* CookieYes ustawia przyciskom tylko prawy margines. Przy zawinięciu trzeciego
 * przycisku nie tworzy to odstępu między rzędami, dlatego układ kontrolujemy
 * jawnie. Proporcje kolumn zachowują dotychczasowy wygląd okna zgody. */
.cky-consent-container .cky-notice-btn-wrapper {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr) !important;
    column-gap: 16px !important;
    row-gap: 14px !important;
}

.cky-consent-container .cky-notice-btn-wrapper .cky-btn {
    width: 100% !important;
    margin: 0 !important;
}

.cky-consent-container .cky-notice-btn-wrapper .cky-btn-accept {
    grid-column: 1 / -1 !important;
}

.cky-preference-center .cky-prefrence-btn-wrapper {
    gap: 12px !important;
}

.cky-preference-center .cky-prefrence-btn-wrapper .cky-btn {
    margin: 0 !important;
}

.cky-consent-container .cky-btn:focus-visible,
.cky-preference-center .cky-btn:focus-visible,
.cky-preference-center .cky-accordion-btn:focus-visible {
    outline: 3px solid rgba(178, 11, 23, 0.22) !important;
    outline-offset: 2px !important;
}

.cky-preference-center .cky-accordion-active .cky-accordion-header-des,
.cky-preference-center .cky-always-active,
.cky-preference-center a {
    color: var(--eo24-cookie-red) !important;
}

.cky-preference-center .cky-switch input:checked + .cky-slider,
.cky-preference-center .cky-switch input:checked + div {
    background-color: var(--eo24-cookie-red) !important;
}

@media (max-width: 576px) {
    .cky-consent-container .cky-consent-bar {
        padding: 22px !important;
    }

    .cky-consent-container .cky-title {
        font-size: 1rem !important;
        line-height: 1.35 !important;
    }

    .cky-consent-container .cky-notice-des {
        font-size: 0.82rem !important;
        line-height: 1.55 !important;
    }

    .cky-consent-container .cky-btn,
    .cky-preference-center .cky-btn {
        width: 100% !important;
        margin: 0 !important;
    }

    .cky-consent-container .cky-notice-btn-wrapper {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 10px !important;
    }

    .cky-consent-container .cky-notice-btn-wrapper .cky-btn-accept {
        grid-column: auto !important;
    }

    .cky-preference-center .cky-prefrence-btn-wrapper {
        gap: 10px !important;
    }
}