:root {
--wpcg-text-color: #D2C8BC;
--wpcg-background-color: #000000;
--wpcg-background-opacity: 1;
--wpcg-blur-intensity: 5px;
--wpcg-background-rgba: rgba(0, 0, 0, 1);
} .wpcg-unified-background {
background: var(--wpcg-background-rgba) !important;
backdrop-filter: blur(var(--wpcg-blur-intensity)) !important;
-webkit-backdrop-filter: blur(var(--wpcg-blur-intensity)) !important;
}
.wpcg-unified-text {
color: var(--wpcg-text-color) !important;
}
.wpcg-unified-border {
border-color: var(--wpcg-text-color) !important;
} #wpcg-consent-banner {
position: fixed;
left: 0;
right: 0;
background: var(--wpcg-background-rgba, var(--wpcg-background-color, #000000));
color: var(--wpcg-text-color, #D2C8BC);
z-index: 99999;
padding: 20px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
transition: z-index 0.3s ease;
border: none;
box-shadow: none;
backdrop-filter: blur(var(--wpcg-blur-intensity, 0px));
-webkit-backdrop-filter: blur(var(--wpcg-blur-intensity, 0px));
}
#wpcg-consent-banner.bottom {
bottom: 0;
}
#wpcg-consent-banner.top {
top: 0;
}
.wpcg-banner {
position: fixed !important;
left: 0;
right: 0;
background: var(--wpcg-background-rgba, var(--wpcg-background-color, #000000)) !important;
color: var(--wpcg-text-color, #D2C8BC) !important;
z-index: 99999 !important;
padding: 20px !important;
transition: z-index 0.3s ease, opacity 0.3s ease;
border: none !important;
box-shadow: none !important;
backdrop-filter: blur(var(--wpcg-blur-intensity, 0px)) !important;
-webkit-backdrop-filter: blur(var(--wpcg-blur-intensity, 0px)) !important;
}
.wpcg-banner.bottom {
bottom: 0;
}
.wpcg-banner.top {
top: 0;
} .wpcg-banner.modal-hidden,
#wpcg-consent-banner.modal-hidden {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
} @keyframes slideUpFromBottom {
from {
transform: translateY(100%);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
@keyframes slideDownToBottom {
from {
transform: translateY(0);
opacity: 1;
}
to {
transform: translateY(100%);
opacity: 0;
}
}
@keyframes slideDownFromTop {
from {
transform: translateY(-100%);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
@keyframes slideUpToTop {
from {
transform: translateY(0);
opacity: 1;
}
to {
transform: translateY(-100%);
opacity: 0;
}
} .wpcg-banner.bottom {
animation: slideUpFromBottom 0.4s ease-out;
}
.wpcg-banner.top {
animation: slideDownFromTop 0.4s ease-out;
} .wpcg-banner.hiding.bottom {
animation: slideDownToBottom 0.4s ease-in forwards;
}
.wpcg-banner.hiding.top {
animation: slideUpToTop 0.4s ease-in forwards;
}
.wpcg-banner.hidden {
display: none !important;
} .wpcg-banner.modal-hidden {
opacity: 0;
pointer-events: none;
transition: opacity 0.3s ease;
} body.wpcg-modal-open .wpcg-banner {
filter: blur(2px);
opacity: 0.9;
z-index: 99998 !important; transition: filter 0.3s ease, opacity 0.3s ease, z-index 0.3s ease;
}
.wpcg-banner-content {
max-width: 1200px;
margin: 0 auto;
display: flex;
align-items: center;
gap: 24px;
padding: 12px;
justify-content: center;
}
.wpcg-banner-text {
font-size: 16px;
color: var(--wpcg-text-color, #D2C8BC);
line-height: 1.6;
margin: 0;
padding: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-weight: 400;
white-space: var(--wpcg-text-wrap, normal);
}
.wpcg-banner-text p {
margin: 0;
color: var(--wpcg-text-color, #D2C8BC);
}
.wpcg-banner-buttons {
display: flex;
gap: 12px;
flex-wrap: nowrap;
} .wpcg-button {
padding: 16px 16px;
border: 1px solid var(--wpcg-text-color, #D2C8BC);
border-radius: 0;
cursor: pointer;
font-size: 16px;
transition: background-color 0.2s ease;
font-weight: 400;
text-decoration: none;
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 120px;
height: 40px;
background: transparent;
color: var(--wpcg-text-color, #D2C8BC);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
outline: none !important;
-webkit-tap-highlight-color: transparent !important;
line-height: 1;
transform: translateY(-1px);
white-space: nowrap !important;
}
.wpcg-button-primary {
background: transparent;
color: var(--wpcg-text-color, #D2C8BC);
border: 1px solid var(--wpcg-text-color, #D2C8BC);
white-space: nowrap !important;
}
.wpcg-button-primary:hover {
background-color: rgba(210, 200, 188, 0.5);
}
.wpcg-button-secondary {
background: transparent;
color: var(--wpcg-text-color, #D2C8BC);
border: 1px solid var(--wpcg-text-color, #D2C8BC);
white-space: nowrap !important;
}
.wpcg-button-secondary:hover {
background-color: rgba(210, 200, 188, 0.3);
}
.wpcg-button-secondary:active {
background-color: rgba(210, 200, 188, 0.5);
}
.wpcg-banner-btn {
line-height: 1;
padding-top: 10px;
padding-bottom: 14px;
transform: translateY(-1px);
}  .cookie-banner--solid { left: 0 !important;
right: 0 !important;
width: 100% !important;
border-radius: 0 !important;
}
.cookie-banner--floating { position: fixed !important;
left: auto !important;
right: auto !important;
top: auto !important;
bottom: auto !important;
width: auto !important;
max-width: 90vw !important;
min-width: 320px !important;
} .cookie-banner--floating.position-top-left {
top: var(--wpcg-floating-top, var(--wpcg-floating-margin, 20px)) !important;
left: var(--wpcg-floating-left, var(--wpcg-floating-margin, 20px)) !important;
transform: var(--wpcg-floating-transform, none) !important;
}
.cookie-banner--floating.position-top-center {
top: var(--wpcg-floating-top, var(--wpcg-floating-margin, 20px)) !important;
left: var(--wpcg-floating-left, 50%) !important;
transform: var(--wpcg-floating-transform, translateX(-50%)) !important;
}
.cookie-banner--floating.position-top-right {
top: var(--wpcg-floating-top, var(--wpcg-floating-margin, 20px)) !important;
right: var(--wpcg-floating-right, var(--wpcg-floating-margin, 20px)) !important;
transform: var(--wpcg-floating-transform, none) !important;
}
.cookie-banner--floating.position-center-left {
top: var(--wpcg-floating-top, 50%) !important;
left: var(--wpcg-floating-left, var(--wpcg-floating-margin, 20px)) !important;
transform: var(--wpcg-floating-transform, translateY(-50%)) !important;
}
.cookie-banner--floating.position-center-center {
top: var(--wpcg-floating-top, 50%) !important;
left: var(--wpcg-floating-left, 50%) !important;
transform: var(--wpcg-floating-transform, translate(-50%, -50%)) !important;
}
.cookie-banner--floating.position-center-right {
top: var(--wpcg-floating-top, 50%) !important;
right: var(--wpcg-floating-right, var(--wpcg-floating-margin, 20px)) !important;
transform: var(--wpcg-floating-transform, translateY(-50%)) !important;
}
.cookie-banner--floating.position-bottom-left {
bottom: var(--wpcg-floating-bottom, var(--wpcg-floating-margin, 20px)) !important;
left: var(--wpcg-floating-left, var(--wpcg-floating-margin, 20px)) !important;
transform: var(--wpcg-floating-transform, none) !important;
}
.cookie-banner--floating.position-bottom-center {
bottom: var(--wpcg-floating-bottom, var(--wpcg-floating-margin, 20px)) !important;
left: var(--wpcg-floating-left, 50%) !important;
transform: var(--wpcg-floating-transform, translateX(-50%)) !important;
}
.cookie-banner--floating.position-bottom-right {
bottom: var(--wpcg-floating-bottom, var(--wpcg-floating-margin, 20px)) !important;
right: var(--wpcg-floating-right, var(--wpcg-floating-margin, 20px)) !important;
transform: var(--wpcg-floating-transform, none) !important;
} .cookie-banner--style-solid { background: var(--wpcg-solid-bg-color, #000000) !important;
opacity: var(--wpcg-solid-bg-opacity, 1) !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
}
.cookie-banner--style-blur { backdrop-filter: blur(var(--wpcg-blur-intensity, 5px)) !important;
-webkit-backdrop-filter: blur(var(--wpcg-blur-intensity, 5px)) !important;
background: var(--wpcg-blur-overlay-color, #000000) !important;
opacity: var(--wpcg-blur-overlay-opacity, 0.5) !important;
}
.cookie-banner--style-blur.blur-border-effect { box-shadow:
0 0 30px var(--wpcg-blur-overlay-color, #000000),
inset 0 0 20px rgba(255, 255, 255, 0.1) !important;
} .cookie-banner--floating {
border-radius: var(--wpcg-floating-border-radius, 8px) !important;
} .cookie-banner--floating.custom-width {
width: var(--wpcg-floating-width, 400px) !important;
} @media (max-width: 768px) {
.wpcg-banner-buttons {
flex-direction: column;
gap: 8px;
}
.wpcg-button-essential {
width: 100%;
min-width: auto;
}
} @media (max-width: 480px) {
.cookie-banner--floating {
left: 10px !important;
right: 10px !important;
width: auto !important;
max-width: none !important;
min-width: auto !important;
}
.cookie-banner--floating.position-top-left,
.cookie-banner--floating.position-top-center,
.cookie-banner--floating.position-top-right {
top: 10px !important;
left: 10px !important;
right: 10px !important;
transform: none !important;
}
.cookie-banner--floating.position-bottom-left,
.cookie-banner--floating.position-bottom-center,
.cookie-banner--floating.position-bottom-right {
bottom: 10px !important;
left: 10px !important;
right: 10px !important;
transform: none !important;
}
.cookie-banner--floating.position-center-left,
.cookie-banner--floating.position-center-center,
.cookie-banner--floating.position-center-right {
top: 50% !important;
left: 10px !important;
right: 10px !important;
transform: translateY(-50%) !important;
}
} @media (max-width: 768px) {
.wpcg-banner-content {
flex-direction: column;
text-align: center;
gap: 16px;
padding: 16px;
}
.wpcg-banner-buttons {
margin-left: 0;
justify-content: center;
width: 100%;
}
.wpcg-banner {
padding: 16px !important;
}
#wpcg-consent-banner {
padding: 16px;
}
}
@media (max-width: 480px) {
.wpcg-banner-content {
gap: 12px;
padding: 12px;
}
.wpcg-banner-buttons {
flex-direction: column;
gap: 8px;
}
.wpcg-button {
width: 100%;
min-width: auto;
}
.wpcg-banner {
padding: 12px !important;
}
#wpcg-consent-banner {
padding: 12px;
}
} .wpcg-visually-hidden {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
} .wpcg-button:focus {
outline: 2px solid #B8A082;
outline-offset: 2px;
} @media (prefers-reduced-motion: reduce) {
.wpcg-banner,
.wpcg-button,
.wpcg-toggle-slider {
transition: none;
}
} .wpcg-banner-btn,
.wpcg-banner-close,
.wpcg-banner-settings {
outline: none !important;
-webkit-tap-highlight-color: transparent !important;
}
.wpcg-banner-btn:focus,
.wpcg-banner-btn:active,
.wpcg-banner-close:focus,
.wpcg-banner-close:active,
.wpcg-banner-settings:focus,
.wpcg-banner-settings:active {
outline: none !important;
box-shadow: none !important;
}
.wpcg-button:focus,
.wpcg-button:active {
outline: none !important;
box-shadow: none !important;
-webkit-tap-highlight-color: transparent !important;
}
.wpcg-button:hover {
background-color: rgba(210, 200, 188, 0.1);
} .wpcg-toggle-slider.wpcg-toggle-active {
background-color: #D2C8BC !important;
}
.wpcg-toggle-slider.wpcg-toggle-active:before {
transform: translateX(26px) !important;
background-color: #746553 !important;
}