.jb-cookie-root{--jb-cookie-accent:#1f7aef;--jb-cookie-accent-contrast:#ffffff;--jb-cookie-interactive-color:var(--jb-cookie-accent);--jb-cookie-bg:#ffffff;--jb-cookie-text:#1f2937;--jb-cookie-muted:#5b6472;--jb-cookie-border:rgba(31, 41, 55, 0.14);--jb-cookie-shadow:0 20px 60px rgba(15, 23, 42, 0.22);--jb-cookie-radius:0;--jb-cookie-button-radius:0;--jb-cookie-icon-bg:transparent;--jb-cookie-icon-size:2.75rem;--jb-cookie-icon-padding:0.625rem;--jb-cookie-icon-image-size:2.75rem;--jb-cookie-icon-radius:0;--jb-cookie-icon-border:0;--jb-cookie-icon-url:url(//jbstudio.pro/wp-content/plugins/jb-cookie/assets/cookie-framed.svg);--jb-cookie-button-border-color:#ccc;--jb-cookie-button-padding:0.75rem 1.5rem;--jb-cookie-button-min-height:auto;--jb-cookie-button-font-weight:400;--jb-cookie-primary-bg:var(--jb-cookie-accent);--jb-cookie-primary-text:#ffffff;--jb-cookie-primary-border:var(--jb-cookie-accent);--jb-cookie-primary-hover-bg:var(--jb-cookie-accent);--jb-cookie-primary-hover-text:#ffffff;--jb-cookie-secondary-bg:#ffffff;--jb-cookie-secondary-text:#000000;--jb-cookie-secondary-border:#ccc;--jb-cookie-secondary-hover-bg:var(--jb-cookie-accent);--jb-cookie-secondary-hover-text:#ffffff;--jb-cookie-ghost-bg:#ffffff;--jb-cookie-ghost-text:#000000;--jb-cookie-ghost-border:#ccc;--jb-cookie-ghost-hover-bg:var(--jb-cookie-accent);--jb-cookie-ghost-hover-text:#ffffff;--jb-cookie-font-text:1rem;--jb-cookie-font-title:1.25rem;--jb-cookie-font-button:max(12px, 0.75rem);--jb-cookie-font-category-text:0.875rem;color-scheme:light;font-family:inherit;}
.jb-cookie-root.jb-cookie-preset-modern{--jb-cookie-radius:1rem;--jb-cookie-button-radius:0.5rem;--jb-cookie-icon-bg:var(--jb-cookie-accent);--jb-cookie-icon-radius:0.75rem;--jb-cookie-icon-border:0;--jb-cookie-button-border-color:transparent;--jb-cookie-button-padding:1rem 1.5rem;--jb-cookie-button-min-height:3.25rem;--jb-cookie-button-font-weight:500;--jb-cookie-primary-bg:var(--jb-cookie-accent);--jb-cookie-primary-text:var(--jb-cookie-accent-contrast);--jb-cookie-primary-border:var(--jb-cookie-accent);--jb-cookie-primary-hover-bg:color-mix(in srgb, var(--jb-cookie-accent), black 10%);--jb-cookie-primary-hover-text:var(--jb-cookie-accent-contrast);--jb-cookie-secondary-bg:transparent;--jb-cookie-secondary-text:var(--jb-cookie-interactive-color);--jb-cookie-secondary-border:var(--jb-cookie-accent);--jb-cookie-secondary-hover-bg:color-mix(in srgb, var(--jb-cookie-accent), transparent 90%);--jb-cookie-secondary-hover-text:var(--jb-cookie-interactive-color);--jb-cookie-ghost-bg:transparent;--jb-cookie-ghost-text:var(--jb-cookie-text);--jb-cookie-ghost-border:var(--jb-cookie-border);--jb-cookie-ghost-hover-bg:transparent;--jb-cookie-ghost-hover-text:var(--jb-cookie-interactive-color);}
.jb-cookie-root.jb-cookie-preset-custom{--jb-cookie-button-radius:var(--jb-cookie-radius);--jb-cookie-icon-radius:var(--jb-cookie-radius);--jb-cookie-primary-bg:var(--jb-cookie-primary-bg, var(--jb-cookie-accent));}
.jb-cookie-root.jb-cookie-icon-framed{--jb-cookie-icon-url:url(//jbstudio.pro/wp-content/plugins/jb-cookie/assets/cookie-framed.svg);--jb-cookie-icon-image-size:2.75rem;}
.jb-cookie-root.jb-cookie-icon-minimal{--jb-cookie-icon-url:url(//jbstudio.pro/wp-content/plugins/jb-cookie/assets/cookie-minimal.svg);--jb-cookie-icon-image-size:1.5rem;}
.jb-cookie-root.jb-cookie-icon-custom{--jb-cookie-icon-image-size:1.5rem;}
.jb-cookie-is-hidden{display:none !important;}
.jb-cookie-lock{overflow:hidden;}
.jb-cookie-theme-dark{--jb-cookie-bg:#161a22;--jb-cookie-text:#f6f7fb;--jb-cookie-muted:#c7ccd6;--jb-cookie-border:rgba(255, 255, 255, 0.16);--jb-cookie-shadow:0 20px 70px rgba(0, 0, 0, 0.42);color-scheme:dark;}
.jb-cookie-banner{position:fixed;z-index:999990;bottom:2rem;display:flex;flex-direction:column;width:calc(100% - 2rem);max-width:55rem;padding:1.5rem;align-items:center;justify-content:space-between;gap:1rem 2rem;border:1px solid var(--jb-cookie-border);border-radius:var(--jb-cookie-radius);background:var(--jb-cookie-bg);box-shadow:var(--jb-cookie-shadow);color:var(--jb-cookie-text);font-size:var(--jb-cookie-font-text);line-height:1.4;}
@media(min-width:768px){
.jb-cookie-actions-inline .jb-cookie-banner{flex-direction:row;align-items:center;}
.jb-cookie-actions-inline .jb-cookie-banner__content{flex:1 1 auto;}
.jb-cookie-actions-inline .jb-cookie-actions{flex:0 0 auto;justify-content:flex-end;}
}
.jb-cookie-position-left{left:1rem;}
.jb-cookie-position-right{right:1rem;}
.jb-cookie-position-center{left:50%;transform:translateX(-50%);}
.jb-cookie-banner__content{display:flex;gap:0.75rem;align-items:flex-start;}
.jb-cookie-banner__icon{display:block;flex:0 0 var(--jb-cookie-icon-size);width:var(--jb-cookie-icon-size);height:var(--jb-cookie-icon-size);padding:var(--jb-cookie-icon-padding);border:var(--jb-cookie-icon-border);border-radius:var(--jb-cookie-icon-radius);background:var(--jb-cookie-icon-bg) var(--jb-cookie-icon-url) center / var(--jb-cookie-icon-image-size) var(--jb-cookie-icon-image-size) no-repeat;}
.jb-cookie-banner__text{margin:0;color:var(--jb-cookie-text);font-size:var(--jb-cookie-font-text);line-height:1.4;}
.jb-cookie-banner__text a, .jb-cookie-banner__text strong, .jb-cookie-banner__text em, .jb-cookie-banner__text span{font-size:inherit;line-height:inherit;font-family:inherit;}
.jb-cookie-banner__text a{color:var(--jb-cookie-interactive-color);text-decoration:underline;text-underline-offset:0.14em;}
.jb-cookie-banner__text a:hover{color:var(--jb-cookie-accent);}
.jb-cookie-actions, .jb-cookie-modal__actions{display:flex;flex-wrap:wrap;gap:0.75rem;align-items:center;justify-content:flex-end;}
.jb-cookie-actions{flex:0 0 auto;}
.jb-cookie-button, .jb-cookie-settings-link{min-width:7.5rem;min-height:var(--jb-cookie-button-min-height);padding:var(--jb-cookie-button-padding);border:1px solid var(--jb-cookie-button-border-color);border-radius:var(--jb-cookie-button-radius);cursor:pointer;font:inherit;font-size:var(--jb-cookie-font-button);font-weight:var(--jb-cookie-button-font-weight);line-height:1.2;text-align:center;text-decoration:none;transition:background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease;background:var(--jb-cookie-secondary-bg);color:var(--jb-cookie-secondary-text);}
.jb-cookie-button:focus-visible, .jb-cookie-settings-link:focus-visible, .jb-cookie-modal__close:focus-visible{outline:3px solid color-mix(in srgb, var(--jb-cookie-accent), transparent 60%);outline-offset:2px;}
.jb-cookie-button--primary{border:1px solid var(--jb-cookie-primary-border);background:var(--jb-cookie-primary-bg);color:var(--jb-cookie-primary-text);}
.jb-cookie-button--secondary, .jb-cookie-settings-link{border:1px solid var(--jb-cookie-secondary-border);background:var(--jb-cookie-secondary-bg);color:var(--jb-cookie-secondary-text);}
.jb-cookie-button--ghost{border:1px solid var(--jb-cookie-ghost-border);background:var(--jb-cookie-ghost-bg);color:var(--jb-cookie-ghost-text);}
.jb-cookie-button--primary:hover{border-color:var(--jb-cookie-primary-border);background:var(--jb-cookie-primary-hover-bg);color:var(--jb-cookie-primary-hover-text);}
.jb-cookie-button--secondary:hover, .jb-cookie-settings-link:hover{border-color:var(--jb-cookie-accent);background:var(--jb-cookie-secondary-hover-bg);color:var(--jb-cookie-secondary-hover-text);}
.jb-cookie-button--ghost:hover{border-color:var(--jb-cookie-accent);background:var(--jb-cookie-ghost-hover-bg);color:var(--jb-cookie-ghost-hover-text);}
.jb-cookie-modal-wrap{position:fixed;z-index:999991;inset:0;display:grid;place-items:center;padding:24px;background:rgba(15, 23, 42, 0.56);}
.jb-cookie-modal{position:relative;width:min(720px, 100%);max-height:min(760px, calc(100vh - 48px));max-height:min(760px, calc(100dvh - 48px));overflow:auto;-webkit-overflow-scrolling:touch;padding:28px;border:1px solid var(--jb-cookie-border);border-radius:var(--jb-cookie-radius);background:var(--jb-cookie-bg);box-shadow:var(--jb-cookie-shadow);color:var(--jb-cookie-text);}
.jb-cookie-modal__close{position:absolute;top:16px;right:16px;display:grid;width:36px;height:36px;place-items:center;padding:0;border:1px solid var(--jb-cookie-border);border-radius:var(--jb-cookie-button-radius);background:transparent;color:var(--jb-cookie-text);cursor:pointer;font-size:22px;line-height:1;}
.jb-cookie-modal__close:hover{border-color:var(--jb-cookie-accent);color:var(--jb-cookie-accent);}
.jb-cookie-modal__title{margin:0 0 1rem;color:var(--jb-cookie-text);font-size:var(--jb-cookie-font-title);line-height:1.3;}
.jb-cookie-categories{display:flex;flex-direction:column;gap:0.75rem;margin-bottom:1.5rem;}
.jb-cookie-category{display:flex;gap:0.75rem;align-items:flex-start;padding:0.875rem 1rem;border:1px solid var(--jb-cookie-border);border-radius:var(--jb-cookie-button-radius);background:transparent;cursor:pointer;}
.jb-cookie-category__content{display:flex;flex-direction:column;gap:0.25rem;}
.jb-cookie-category__title{color:var(--jb-cookie-text);font-weight:600;}
.jb-cookie-category__text{color:var(--jb-cookie-muted);font-size:var(--jb-cookie-font-category-text);line-height:1.4;}
.jb-cookie-category input{margin-top:0.25rem;width:18px;height:18px;flex:0 0 18px;accent-color:var(--jb-cookie-accent);cursor:pointer;}
.jb-cookie-category input:focus-visible{outline:3px solid color-mix(in srgb, var(--jb-cookie-accent), transparent 60%);outline-offset:2px;}
.jb-cookie-category input:disabled{cursor:default;opacity:0.7;}
.jb-cookie-modal__actions{flex-wrap:wrap;justify-content:flex-end;}
@media(max-width:767px){
.jb-cookie-banner {
flex-direction: column !important;
align-items: stretch !important;
bottom: 1rem;
padding: 1.25rem;
}
.jb-cookie-actions, .jb-cookie-modal__actions {
flex-direction: column;
align-items: stretch;
justify-content: stretch;
}
.jb-cookie-button {
width: 100%;
}
.jb-cookie-position-left, .jb-cookie-position-right, .jb-cookie-position-center {
left: 1rem;
right: 1rem;
transform: none;
}
.jb-cookie-banner__content {
flex-direction: row;
} .jb-cookie-modal-wrap {
padding: 12px;
}
.jb-cookie-modal {
max-height: calc(100vh - 24px);
max-height: calc(100dvh - 24px);
padding: 20px 16px;
}
.jb-cookie-categories {
gap: 0.5rem;
margin-bottom: 1rem;
}
.jb-cookie-category {
padding: 0.625rem 0.75rem;
gap: 0.5rem;
} .jb-cookie-category input {
width: 12px;
height: 12px;
flex: 0 0 12px;
margin-top: 0.2rem;
}
.jb-cookie-modal__title {
margin-bottom: 0.75rem;
} .jb-cookie-modal__actions {
position: sticky;
bottom: -20px;
margin: 0 -16px -20px;
padding: 12px 16px calc(20px + env(safe-area-inset-bottom));
background: var(--jb-cookie-bg);
border-top: 1px solid var(--jb-cookie-border);
}
}