/*
 * Baner zgód (wtyczka WP Cookie Consent Pro) dopasowany do motywu.
 * Wtyczka wstrzykuje style z !important, dlatego prefiks `html body`.
 * Kolory ustawione w opcjach wtyczki, tu krój, geometria i układ.
 */

html body #wccp-prefs {
    --wccp-font-family: 'Montserrat', system-ui, sans-serif;
    --wccp-radius-large: 0;
    --wccp-radius-medium: 0;
    --wccp-radius-small: 0;
    --wccp-mobile-radius: 0;
}

/* Karta w lewym dolnym rogu, jak na stronach premium */
html body #wccp-prefs.wccp-prefs.wccp-bottom {
    justify-content: flex-start !important;
    align-items: flex-end !important;
    padding: clamp(16px, 2.4vw, 32px) !important;
}
html body #wccp-prefs .wccp-overlay {
    background: rgba(16, 19, 23, 0.42) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
html body #wccp-prefs .wccp-container {
    max-width: 460px !important;
    border-radius: 0 !important;
    border: 1px solid rgba(227, 229, 232, 0.16) !important;
    box-shadow: 0 40px 80px -30px rgba(0, 0, 0, 0.65) !important;
}
html body #wccp-prefs .wccp-container::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 56px !important;
    height: 2px !important;
    background: #8C959F !important;
}
html body #wccp-prefs .wccp-content { padding: 30px 30px 24px !important; }

/* Nagłówek */
html body #wccp-prefs .wccp-header { text-align: left !important; margin-bottom: 20px !important; }
html body #wccp-prefs .wccp-header::before {
    content: 'Pliki cookies' !important;
    display: block !important;
    margin-bottom: 12px !important;
    font-family: 'Archivo', system-ui, sans-serif !important;
    font-size: 11px !important;
    line-height: 150% !important;
    font-weight: 500 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: #8F9295 !important;
}
html body #wccp-prefs .wccp-title {
    font-family: 'Archivo', system-ui, sans-serif !important;
    font-stretch: 78% !important;
    font-weight: 700 !important;
    font-size: 30px !important;
    line-height: 104% !important;
    letter-spacing: -0.01em !important;
    text-align: left !important;
    color: #EFF0F1 !important;
    margin: 0 0 12px !important;
}
html body #wccp-prefs .wccp-text {
    font-family: 'Montserrat', system-ui, sans-serif !important;
    font-size: 13px !important;
    line-height: 1.65 !important;
    font-weight: 300 !important;
    text-align: left !important;
    color: #B4B8BC !important;
}

/* Kategorie: spokojna lista z liniami zamiast zaokrąglonej ramki */
html body #wccp-prefs .wccp-categories {
    border: 0 !important;
    border-top: 1px solid rgba(227, 229, 232, 0.12) !important;
    border-radius: 0 !important;
    background: transparent !important;
    margin-bottom: 22px !important;
}
html body #wccp-prefs .wccp-category {
    border-bottom: 1px solid rgba(227, 229, 232, 0.12) !important;
    background: transparent !important;
}
html body #wccp-prefs .wccp-category:last-child { border-bottom: 1px solid rgba(227, 229, 232, 0.12) !important; }
html body #wccp-prefs .wccp-category-header {
    min-height: 0 !important;
    padding: 12px 0 !important;
    background: transparent !important;
}
html body #wccp-prefs .wccp-category-header:hover { background: transparent !important; }
html body #wccp-prefs .wccp-category-name {
    font-family: 'Archivo', system-ui, sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: #EFF0F1 !important;
}
html body #wccp-prefs .wccp-badge {
    background: transparent !important;
    border: 1px solid rgba(227, 229, 232, 0.2) !important;
    border-radius: 0 !important;
    padding: 3px 7px !important;
    font-family: 'Archivo', system-ui, sans-serif !important;
    font-size: 9.5px !important;
    font-weight: 500 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    color: #8F9295 !important;
}
html body #wccp-prefs .wccp-checkbox {
    border-radius: 0 !important;
    border: 1px solid rgba(227, 229, 232, 0.4) !important;
    background: transparent !important;
}
html body #wccp-prefs .wccp-category-label input:checked + .wccp-checkbox {
    background: #EFF0F1 !important;
    border-color: #EFF0F1 !important;
}
html body #wccp-prefs .wccp-category-label input:checked + .wccp-checkbox::after { border-color: #101317 !important; }
html body #wccp-prefs .wccp-category-label input:disabled + .wccp-checkbox { opacity: 0.5 !important; }
html body #wccp-prefs .wccp-toggle { color: #8F9295 !important; background: transparent !important; }
html body #wccp-prefs .wccp-toggle:hover { color: #EFF0F1 !important; }
html body #wccp-prefs .wccp-category-details { padding: 0 0 12px 32px !important; background: transparent !important; }
html body #wccp-prefs .wccp-category-details p {
    font-family: 'Montserrat', system-ui, sans-serif !important;
    font-size: 12.5px !important;
    line-height: 1.6 !important;
    font-weight: 300 !important;
    color: #9DA2A7 !important;
}

/* Przyciski w stylu .cbtn motywu; „Tylko niezbędne” i „Akceptuję” równorzędne */
html body #wccp-prefs .wccp-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
}
html body #wccp-prefs .wccp-actions .wccp-btn { width: 100% !important; margin: 0 !important; }
html body #wccp-prefs .wccp-actions .wccp-btn-reject { order: 1 !important; }
html body #wccp-prefs .wccp-actions .wccp-btn-accept { order: 2 !important; }
html body #wccp-prefs .wccp-actions .wccp-btn-save { order: 3 !important; grid-column: 1 / -1 !important; }

/* Kategoria „Inne” pusta: strona nie osadza czatów ani widgetów zewnętrznych */
html body #wccp-prefs .wccp-category:has(input[data-category="other"]) { display: none !important; }
html body #wccp-prefs .wccp-btn {
    border-radius: 0 !important;
    min-height: 46px !important;
    padding: 13px 12px !important;
    font-family: 'Archivo', system-ui, sans-serif !important;
    font-size: 10.5px !important;
    line-height: 130% !important;
    font-weight: 600 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
    transform: none !important;
    transition: background-color 260ms ease, color 260ms ease, border-color 260ms ease !important;
}
html body #wccp-prefs .wccp-btn-accept,
html body #wccp-prefs .wccp-btn-reject {
    background: #EFF0F1 !important;
    color: #101317 !important;
    border: 1px solid #EFF0F1 !important;
}
html body #wccp-prefs .wccp-btn-accept:hover,
html body #wccp-prefs .wccp-btn-reject:hover {
    background: #8C959F !important;
    border-color: #8C959F !important;
    color: #101317 !important;
}
html body #wccp-prefs .wccp-btn-save {
    background: transparent !important;
    color: #EFF0F1 !important;
    border: 1px solid rgba(227, 229, 232, 0.3) !important;
}
html body #wccp-prefs .wccp-btn-save:hover {
    background: #EFF0F1 !important;
    color: #101317 !important;
    border-color: #EFF0F1 !important;
}

/* Stopka banera: tylko link do polityki */
html body #wccp-prefs .wccp-footer {
    border-top: 0 !important;
    margin-top: 14px !important;
    padding-top: 0 !important;
    text-align: left !important;
    justify-content: flex-start !important;
}
html body #wccp-prefs .wccp-footer-links { justify-content: flex-start !important; }
html body #wccp-prefs .wccp-link {
    font-family: 'Archivo', system-ui, sans-serif !important;
    font-size: 10.5px !important;
    font-weight: 600 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    color: #9DA2A7 !important;
    text-decoration: none !important;
    box-shadow: inset 0 -1px 0 rgba(157, 162, 167, 0.5) !important;
    padding-bottom: 2px !important;
}
html body #wccp-prefs .wccp-link:hover { color: #EFF0F1 !important; box-shadow: inset 0 -1px 0 currentColor !important; }

/* Kursor motywu nad banerem */
body.wccp-consent-open #edCursor { display: none; }

/* Link „Ustawienia cookies” w stopce */
.site-footer__cookie-btn {
    padding: 0;
    background: none;
    border: 0;
    font: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
    color: #838689;
    cursor: pointer;
    transition: color 240ms ease;
}
.site-footer__cookie-btn:hover { color: #EFF0F1; }

@media screen and (max-width: 600px) {
    html body #wccp-prefs.wccp-prefs.wccp-bottom { padding: 10px !important; align-items: flex-end !important; }
    html body #wccp-prefs .wccp-container { max-width: none !important; max-height: calc(100dvh - 20px) !important; }
    html body #wccp-prefs .wccp-content { padding: 22px 20px 18px !important; }
    html body #wccp-prefs .wccp-header { margin-bottom: 14px !important; }
    html body #wccp-prefs .wccp-header::before { margin-bottom: 8px !important; }
    html body #wccp-prefs .wccp-title { font-size: 25px !important; margin-bottom: 8px !important; }
    html body #wccp-prefs .wccp-text { font-size: 12.5px !important; line-height: 1.55 !important; }
    html body #wccp-prefs .wccp-category-header { padding: 9px 0 !important; }
    html body #wccp-prefs .wccp-categories { margin-bottom: 16px !important; }
    html body #wccp-prefs .wccp-btn { min-height: 44px !important; padding: 12px 6px !important; font-size: 10px !important; letter-spacing: 0.12em !important; }
    html body #wccp-prefs .wccp-actions { gap: 8px !important; }
}

/* Pływająca ikona ustawień cookies: ciemne koło w lewym dolnym rogu (widoczna po zamknięciu banera) */
html body #wccp-settings-btn.wccp-settings-btn {
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
    background: #101317 !important;
    color: #EFF0F1 !important;
    border: 1px solid rgba(227, 229, 232, 0.22) !important;
    box-shadow: 0 12px 28px -10px rgba(0, 0, 0, 0.55) !important;
    transition: background 260ms ease, color 260ms ease, transform 320ms cubic-bezier(0.16,1,0.3,1) !important;
}
html body #wccp-settings-btn.wccp-settings-btn.wccp-left {
    left: clamp(14px, 1.8vw, 24px) !important;
    bottom: clamp(14px, 1.8vw, 24px) !important;
}
html body #wccp-settings-btn.wccp-settings-btn:hover {
    background: #EFF0F1 !important;
    color: #101317 !important;
    transform: translateY(-2px) !important;
}
html body #wccp-settings-btn.wccp-settings-btn svg { width: 22px !important; height: 22px !important; }
html[lang^="en"] body #wccp-prefs .wccp-header::before { content: 'Cookies' !important; }