.blgdpr-cookie-banner { position: fixed; z-index: 99999; pointer-events: none; animation-delay: var(--blgdpr-animation-delay, 0ms); animation-duration: var(--blgdpr-animation-duration, 350ms); animation-timing-function: var(--blgdpr-animation-easing, ease); animation-fill-mode: both; border: unset; } .blgdpr-cookie-banner[hidden] { display: none; } .blgdpr-cookie-banner__banner { width: 100%; max-width: none; margin: 0 auto; padding: 18px; background: var(--blgdpr-bg, #ffffff); color: var(--blgdpr-text, #4b5563); font-size: var(--blgdpr-font, 14px); border-width: var(--blgdpr-border-width, 1px); border-color: var(--blgdpr-border-color, #e5e7eb); border-style: solid; border-radius: 16px; box-shadow: 0 18px 50px rgba(0, 0, 0, 0.22); pointer-events: auto; } .blgdpr-cookie-banner--bottom-center, .blgdpr-cookie-banner--top-center, .blgdpr-cookie-banner--center { width: var(--blgdpr-width, auto); max-width: calc(100vw - 48px); } .blgdpr-cookie-banner__title { margin-bottom: 8px; } .blgdpr-cookie-banner__title strong, .blgdpr-cookie-banner__banner strong { display: block; color: var(--blgdpr-title, #111827); } .blgdpr-cookie-banner__body { display: flex; align-items: center; gap: 16px; } .blgdpr-cookie-banner__text { flex: 1 1 auto; min-width: 0; } .blgdpr-cookie-banner__text p, .blgdpr-cookie-banner__banner p { margin: 0; color: var(--blgdpr-text, #4b5563); line-height: 1.5; } .blgdpr-cookie-banner__banner a, .blgdpr-cookie-banner__policy a { color: var(--blgdpr-link, #2563eb); } .blgdpr-cookie-banner__banner a:hover, .blgdpr-cookie-banner__policy a:hover { color: var(--blgdpr-link-hover, #1d4ed8); } .blgdpr-cookie-banner__policy { display: flex; align-items: flex-start; gap: 8px; margin-top: 10px; color: var(--blgdpr-text, #4b5563); font-size: calc(var(--blgdpr-font, 14px) - 1px); line-height: 1.4; } .blgdpr-cookie-banner__policy input { flex: 0 0 auto; margin-top: 2px; } .blgdpr-cookie-banner__actions { flex: 0 0 auto; display: flex; flex-wrap: wrap; gap: 8px; } .blgdpr-button, .blgdpr-cookie-banner__actions .button { min-height: 38px; padding: 8px 16px; border-radius: var(--blgdpr-radius, 999px) !important; font-size: var(--blgdpr-button-font, 14px) !important; font-weight: 700; line-height: 1.2; cursor: pointer; transition: background .15s ease, color .15s ease, border-color .15s ease, opacity .15s ease, transform .15s ease; } .blgdpr-button:hover { transform: translateY(-1px); } .blgdpr-button--settings { background: var(--blgdpr-settings-bg, #f3f4f6) !important; border-width: var(--blgdpr-settings-border-width, 0px) !important; border-color: var(--blgdpr-settings-border-color, transparent) !important; border-style: solid !important; color: var(--blgdpr-settings-text, #1e3a8a) !important; } .blgdpr-button--settings:hover { background: var(--blgdpr-settings-bg-hover, #dbeafe) !important; border-width: var(--blgdpr-settings-border-hover-width, 0px) !important; border-color: var(--blgdpr-settings-border-hover-color, transparent) !important; color: var(--blgdpr-settings-text-hover, #1d4ed8) !important; } .blgdpr-button--necessary { background: var(--blgdpr-necessary-bg, #111827) !important; border-width: var(--blgdpr-necessary-border-width, 0px) !important; border-color: var(--blgdpr-necessary-border-color, transparent) !important; border-style: solid !important; color: var(--blgdpr-necessary-text, #ffffff) !important; } .blgdpr-button--necessary:hover { background: var(--blgdpr-necessary-bg-hover, #374151) !important; border-width: var(--blgdpr-necessary-border-hover-width, 0px) !important; border-color: var(--blgdpr-necessary-border-hover-color, transparent) !important; color: var(--blgdpr-necessary-text-hover, #ffffff) !important; } .blgdpr-button--accept { background: var(--blgdpr-accept-bg, #2563eb) !important; border-width: var(--blgdpr-accept-border-width, 0px) !important; border-color: var(--blgdpr-accept-border-color, transparent) !important; border-style: solid !important; color: var(--blgdpr-accept-text, #ffffff) !important; } .blgdpr-button--accept:hover { background: var(--blgdpr-accept-bg-hover, #1d4ed8) !important; border-width: var(--blgdpr-accept-border-hover-width, 0px) !important; border-color: var(--blgdpr-accept-border-hover-color, transparent) !important; color: var(--blgdpr-accept-text-hover, #ffffff) !important; } .blgdpr-cookie-banner--bottom-center { left: 50%; bottom: 24px; transform: translateX(-50%); } .blgdpr-cookie-banner--top-center { left: 50%; top: 24px; transform: translateX(-50%); } .blgdpr-cookie-banner--center { left: 50%; top: 50%; transform: translate(-50%, -50%); } .blgdpr-cookie-banner--left-vertical { left: 24px; top: 50%; transform: translateY(-50%); } .blgdpr-cookie-banner--right-vertical { right: 24px; top: 50%; transform: translateY(-50%); } .blgdpr-cookie-banner--type-1 .blgdpr-cookie-banner__banner, .blgdpr-cookie-banner--type-2 .blgdpr-cookie-banner__banner, .blgdpr-cookie-banner--type-3 .blgdpr-cookie-banner__banner, .blgdpr-cookie-banner--type-4 .blgdpr-cookie-banner__banner, .blgdpr-cookie-banner--type-5 .blgdpr-cookie-banner__banner { width: 100%; } .blgdpr-cookie-banner--type-2 .blgdpr-cookie-banner__text, .blgdpr-cookie-banner--type-4 .blgdpr-cookie-banner__text { flex: 1 1 100%; } .blgdpr-cookie-banner--type-2 .blgdpr-cookie-banner__actions, .blgdpr-cookie-banner--type-4 .blgdpr-cookie-banner__actions { width: 240px; display: flex; flex-direction: column; align-items: stretch; } .blgdpr-cookie-banner--type-5 .blgdpr-cookie-banner__body { display: block; } .blgdpr-cookie-banner--type-5 .blgdpr-cookie-banner__text { width: 100%; } .blgdpr-cookie-banner--type-5 .blgdpr-cookie-banner__actions { margin-top: 14px; display: flex; justify-content: flex-start; } .blgdpr-cookie-banner--left-vertical .blgdpr-cookie-banner__banner, .blgdpr-cookie-banner--right-vertical .blgdpr-cookie-banner__banner { width: 320px; min-height: 0; height: auto; } .blgdpr-cookie-banner--left-vertical .blgdpr-cookie-banner__body, .blgdpr-cookie-banner--right-vertical .blgdpr-cookie-banner__body { display: block; } .blgdpr-cookie-banner--left-vertical .blgdpr-cookie-banner__actions, .blgdpr-cookie-banner--right-vertical .blgdpr-cookie-banner__actions { margin-top: 14px; justify-content: center; } .blgdpr-cookie-banner--animation-from-bottom { animation-name: blgdprFromBottom; } .blgdpr-cookie-banner--animation-from-top { animation-name: blgdprFromTop; } .blgdpr-cookie-banner--animation-from-left { animation-name: blgdprFromLeft; } .blgdpr-cookie-banner--animation-from-right { animation-name: blgdprFromRight; } .blgdpr-cookie-banner--animation-fade { animation-name: blgdprFade; } @keyframes blgdprFromBottom { from { opacity: 0; translate: 0 24px; } to { opacity: 1; translate: 0 0; } } @keyframes blgdprFromTop { from { opacity: 0; translate: 0 -24px; } to { opacity: 1; translate: 0 0; } } @keyframes blgdprFromLeft { from { opacity: 0; translate: -24px 0; } to { opacity: 1; translate: 0 0; } } @keyframes blgdprFromRight { from { opacity: 0; translate: 24px 0; } to { opacity: 1; translate: 0 0; } } @keyframes blgdprFade { from { opacity: 0; } to { opacity: 1; } } .blgdpr-admin-settings-preview { position: fixed; inset: 0; z-index: 100000; pointer-events: none; display: flex; align-items: center; justify-content: center; } .blgdpr-admin-settings-preview.is-hidden { display: none; } .blgdpr-admin-settings-preview__overlay { position: absolute; inset: 0; background: var(--blgdpr-settings-popup-overlay, #000); opacity: var(--blgdpr-settings-popup-overlay-alpha, .75); } .blgdpr-admin-settings-preview__modal { position: relative; z-index: 2; width: min(var(--blgdpr-settings-popup-width, 1200px), calc(100vw - 80px)); max-height: calc(100vh - 80px); overflow: auto; background: var(--blgdpr-settings-popup-bg, #fff); color: var(--blgdpr-settings-popup-text, #4b5563); border-width: var(--blgdpr-settings-popup-border-width, 0px); border-color: var(--blgdpr-settings-popup-border-color, #e5e7eb); border-style: solid; border-radius: var(--blgdpr-settings-popup-radius, 24px); box-shadow: 0 30px 90px rgba(0, 0, 0, .35); pointer-events: auto; } .blgdpr-admin-settings-preview__close { position: absolute; right: 18px; top: 18px; z-index: 5; width: 38px; height: 38px; padding: 0; border: 0; border-radius: 999px; background: var(--blgdpr-settings-popup-close-bg, #2563eb); color: var(--blgdpr-settings-popup-close-color, #fff); font-size: 24px; line-height: 1; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: opacity .15s ease, transform .15s ease, color .15s ease; } .blgdpr-admin-settings-preview__close:hover { opacity: .82; transform: scale(1.08); } .blgdpr-admin-settings-preview--template-1 .blgdpr-admin-settings-preview__modal { display: grid; grid-template-columns: 280px minmax(0, 1fr); } .blgdpr-admin-settings-preview__sidebar { padding: 28px 18px; background: var(--blgdpr-settings-popup-sidebar, #f8fafc); display: flex; flex-direction: column; } .blgdpr-admin-settings-preview__logo { display: flex; align-items: center; gap: 10px; min-height: 42px; margin-bottom: 22px; color: var(--blgdpr-settings-popup-title, #111827); font-size: 22px; font-weight: 900; } .blgdpr-admin-settings-preview__logo img { width: 42px; height: 42px; border-radius: 12px; object-fit: cover; } .blgdpr-admin-settings-preview__logo span { color: var(--blgdpr-settings-popup-title, #111827); font-size: 18px; font-weight: 900; } .blgdpr-admin-settings-preview__nav { width: 100%; display: block; padding: 13px 14px; border: 0; border-radius: 14px; background: transparent; color: var(--blgdpr-settings-popup-text, #4b5563); font-weight: 800; text-align: left; cursor: pointer; } .blgdpr-admin-settings-preview__nav.is-active { background: var(--blgdpr-settings-popup-sidebar-active, #fff); color: var(--blgdpr-settings-popup-accent, #2563eb); box-shadow: 0 8px 22px rgba(15, 23, 42, .08); } .blgdpr-admin-settings-preview__content, .blgdpr-admin-settings-preview__compact { padding: 34px; } .blgdpr-admin-settings-preview h3 { margin: 0 0 10px; color: var(--blgdpr-settings-popup-title, #111827); font-size: 26px; } .blgdpr-admin-settings-preview p { color: var(--blgdpr-settings-popup-text, #4b5563); } .blgdpr-admin-settings-preview__consents { display: grid; gap: 12px; margin-top: 22px; } .blgdpr-admin-settings-preview__consent { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 16px; border: 1px solid #e5e7eb; border-radius: 18px; background: #fff; } .blgdpr-admin-settings-preview__consent--single { min-height: 190px; align-items: flex-start; } .blgdpr-admin-settings-preview__consent strong { color: var(--blgdpr-settings-popup-title, #111827); } .blgdpr-admin-settings-preview__consent p { margin: 6px 0 0; } .blgdpr-admin-settings-preview__consent-text { max-width: 720px; } .blgdpr-admin-settings-preview__toggle { position: relative; flex: 0 0 56px; width: 56px; height: 30px; border: 0; border-radius: 999px; background: #d1d5db; cursor: pointer; } .blgdpr-admin-settings-preview__toggle i { position: absolute; top: 4px; left: 4px; width: 22px; height: 22px; border-radius: 999px; background: #fff; transition: .15s ease; } .blgdpr-admin-settings-preview__toggle.is-on { background: var(--blgdpr-settings-popup-accent, #2563eb); } .blgdpr-admin-settings-preview__toggle.is-on i { transform: translateX(26px); } .blgdpr-admin-settings-preview__toggle.is-required { opacity: .45; cursor: not-allowed; } .blgdpr-admin-settings-preview__check { display: flex; gap: 10px; padding: 14px; border: 1px solid #e5e7eb; border-radius: 16px; background: #fff; font-weight: 700; } .blgdpr-admin-settings-preview__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; } .blgdpr-admin-settings-preview__powered { margin-top: auto; padding-top: 20px; color: #6b7280; font-size: 12px; font-weight: 700; } .blgdpr-admin-settings-preview__powered a { color: #20a85a; text-decoration: none; } .blgdpr-admin-settings-preview__powered a:hover { color: #8BD5AB; } .blgdpr-admin-settings-preview__panel { display: none; } .blgdpr-admin-settings-preview__panel.is-active { display: block; } @media (max-width: 782px) { .blgdpr-cookie-banner { left: 12px !important; right: 12px !important; bottom: 12px !important; top: auto !important; transform: none !important; } .blgdpr-cookie-banner__banner, .blgdpr-cookie-banner--type-1 .blgdpr-cookie-banner__banner, .blgdpr-cookie-banner--type-2 .blgdpr-cookie-banner__banner, .blgdpr-cookie-banner--type-3 .blgdpr-cookie-banner__banner, .blgdpr-cookie-banner--type-4 .blgdpr-cookie-banner__banner, .blgdpr-cookie-banner--type-5 .blgdpr-cookie-banner__banner { width: 100%; max-width: none; } .blgdpr-cookie-banner__body { display: block; } .blgdpr-cookie-banner__actions, .blgdpr-cookie-banner--type-2 .blgdpr-cookie-banner__actions, .blgdpr-cookie-banner--type-4 .blgdpr-cookie-banner__actions { width: 100%; margin-top: 14px; flex-direction: column; align-items: stretch; } .blgdpr-button { width: 100%; } .blgdpr-admin-settings-preview__modal, .blgdpr-admin-settings-preview--template-1 .blgdpr-admin-settings-preview__modal { width: calc(100vw - 24px); max-height: calc(100vh - 24px); grid-template-columns: 1fr; } .blgdpr-admin-settings-preview__sidebar { display: none; } .blgdpr-admin-settings-preview__content, .blgdpr-admin-settings-preview__compact { padding: 26px 18px; } } .blgdpr-floating-settings { position: fixed; z-index: 99998; width: var(--blgdpr-floating-size, 54px); height: var(--blgdpr-floating-size, 54px); border: 0; border-radius: var(--blgdpr-floating-radius, 999px); background: var(--blgdpr-floating-bg, #2563eb); color: var(--blgdpr-floating-color, #ffffff); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 14px 32px rgba(15, 23, 42, .22); transition: transform .16s ease, opacity .16s ease, background .16s ease, color .16s ease; } .blgdpr-floating-settings--bottom-right { right: var(--blgdpr-floating-offset-x, 22px); bottom: var(--blgdpr-floating-offset-y, 22px); } .blgdpr-floating-settings--bottom-left { left: var(--blgdpr-floating-offset-x, 22px); bottom: var(--blgdpr-floating-offset-y, 22px); } .blgdpr-floating-settings--top-right { right: var(--blgdpr-floating-offset-x, 22px); top: var(--blgdpr-floating-offset-y, 22px); } .blgdpr-floating-settings--top-left { left: var(--blgdpr-floating-offset-x, 22px); top: var(--blgdpr-floating-offset-y, 22px); } .blgdpr-floating-settings[hidden] { display: none !important; } .blgdpr-floating-settings:hover { opacity: .94; transform: translateY(-2px) scale(1.04); background: var(--blgdpr-floating-bg-hover, #1d4ed8); color: var(--blgdpr-floating-color-hover, #ffffff); } .blgdpr-floating-settings .dashicons { width: var(--blgdpr-floating-icon-size, 24px); height: var(--blgdpr-floating-icon-size, 24px); font-size: var(--blgdpr-floating-icon-size, 24px); }