.cky-consent-container {
--cky-tlo: var(--wp--preset--color--base);
--cky-linia: var(--wp--preset--color--line);
--cky-tekst: var(--wp--preset--color--contrast);
--cky-szary: var(--wp--preset--color--muted);
width: 340px !important;
max-width: calc(100vw - 2rem) !important;
left: 1.25rem !important;
bottom: 1.25rem !important;
}
.cky-consent-bar {
padding: 1.1rem 1.2rem !important;
border: 1px solid var(--cky-linia) !important;
border-radius: 10px !important;
background: var(--cky-tlo) !important;
box-shadow: 0 24px 50px -30px rgba(18, 18, 15, 0.55) !important;
font-family: var(--wp--preset--font-family--body) !important;
}
.cky-title {
margin-bottom: 0.4rem !important;
font-family: var(--wp--preset--font-family--heading) !important;
font-size: 0.875rem !important;
font-weight: 700 !important;
letter-spacing: -0.01em !important;
color: var(--cky-tekst) !important;
}
.cky-notice-des,
.cky-notice-des * {
font-size: 0.75rem !important;
line-height: 1.5 !important;
color: var(--cky-szary) !important;
}
.cky-notice-des a { color: var(--cky-tekst) !important; text-underline-offset: 0.2em; } .cky-notice-group {
display: block !important;
}
.cky-notice-btn-wrapper {
display: flex !important;
flex-direction: row !important;
flex-wrap: wrap !important;
gap: 0.4rem !important;
margin-top: 0.9rem !important;
} .cky-btn-accept { flex: 1 1 100% !important; order: -1 !important; }
.cky-btn-reject,
.cky-btn-customize,
.cky-btn-preferences { flex: 1 1 calc(50% - 0.25rem) !important; } .cky-notice-des {
max-height: 8.5rem !important;
overflow-y: auto !important;
padding-right: 0.3rem !important;
}
.cky-btn {
flex: 1 1 auto !important;
min-height: 36px !important;
padding: 0.45rem 0.9rem !important;
border-radius: 6px !important;
font-family: var(--wp--preset--font-family--heading) !important;
font-size: 0.75rem !important;
font-weight: 600 !important;
letter-spacing: 0.02em !important;
transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease !important;
}
.cky-btn-accept {
border: 1px solid var(--cky-tekst) !important;
background: var(--cky-tekst) !important;
color: var(--cky-tlo) !important;
}
.cky-btn-reject,
.cky-btn-customize,
.cky-btn-preferences {
border: 1px solid var(--cky-linia) !important;
background: transparent !important;
color: var(--cky-tekst) !important;
} @media (hover: hover) {
.cky-btn-accept:hover { background: var(--wp--preset--color--accent) !important; border-color: var(--wp--preset--color--accent) !important; }
.cky-btn-reject:hover,
.cky-btn-customize:hover,
.cky-btn-preferences:hover { border-color: var(--wp--preset--color--accent) !important; color: var(--wp--preset--color--accent) !important; }
} .cky-btn-revisit-wrapper {
width: 38px !important;
height: 38px !important;
background: var(--wp--preset--color--panel) !important;
opacity: 0.55;
transition: opacity 0.3s ease;
}
.cky-btn-revisit-wrapper:hover { opacity: 1; } .cky-preference-center {
border: 1px solid var(--cky-linia) !important;
border-radius: 10px !important;
background: var(--cky-tlo) !important;
font-family: var(--wp--preset--font-family--body) !important;
}
.cky-preference-title {
font-family: var(--wp--preset--font-family--heading) !important;
font-size: 1.0625rem !important;
font-weight: 700 !important;
color: var(--cky-tekst) !important;
}
.cky-preference-content-wrapper,
.cky-accordion-header-des,
.cky-accordion-body,
.cky-gpc-wrapper .cky-gpc-desc {
font-size: 0.8125rem !important;
line-height: 1.55 !important;
color: var(--cky-szary) !important;
}
.cky-accordion { border-bottom: 1px solid var(--cky-linia) !important; }
.cky-accordion-btn {
font-family: var(--wp--preset--font-family--heading) !important;
font-size: 0.875rem !important;
font-weight: 600 !important;
color: var(--cky-tekst) !important;
}
.cky-always-active { color: var(--wp--preset--color--accent) !important; font-size: 0.75rem !important; }
.cky-switch input[type="checkbox"]:checked { background: var(--wp--preset--color--accent) !important; }
.cky-footer-wrapper { border-top: 1px solid var(--cky-linia) !important; }
.cky-footer-shadow { display: none !important; } @media (max-width: 620px) {
.cky-consent-container {
width: calc(100vw - 1.5rem) !important;
left: 0.75rem !important;
right: 0.75rem !important;
bottom: 0.75rem !important;
}
.cky-consent-bar { padding: 1rem !important; }
.cky-btn { flex: 1 1 100% !important; }
}