/* ClearCrumb cookie banner in the Jompom look: ink borders, hard shadows, chunky buttons, brand fonts.
   Loaded on every page when ClearCrumb is active. Selectors use :is(#jp-cc,.cc-root) (id-level weight, like ClearCrumb's own :is(#clearcrumb,.cc-root) rules) so theme and
   Elementor kit button styles (incl. :hover/:focus) never repaint the banner buttons. */
:is(#jp-cc,.cc-root){
  --cc-accent:#fcb900; --cc-on-accent:#1c1d1e;
  --cc-bg:#fff; --cc-fg:#1c1d1e; --cc-sub:#3f4a52; --cc-line:#1c1d1e; --cc-sep:#dff2ff;
  --cc-shadow:6px 6px 0 #1c1d1e; --cc-radius:22px; --cc-btn-radius:14px;
  --cc-font:Poppins,system-ui,sans-serif;
}
:is(#jp-cc,.cc-root) .cc-banner,:is(#jp-cc,.cc-root) .cc-prefs{border:3px solid #1c1d1e}
:is(#jp-cc,.cc-root) .cc-title,:is(#jp-cc,.cc-root) .cc-ptitle{font-family:"Bricolage Grotesque",Poppins,system-ui,sans-serif;font-weight:800;letter-spacing:-.02em;font-size:20px;line-height:1.1}
:is(#jp-cc,.cc-root) .cc-msg a,:is(#jp-cc,.cc-root) .cc-text a{color:#0b5d8f;text-decoration:underline;text-underline-offset:3px;font-weight:600}

/* Buttons: same press-able style as the site's .btn. */
:is(#jp-cc,.cc-root).cc-root .cc-btn,
:is(#jp-cc,.cc-root).cc-root .cc-btn:hover,
:is(#jp-cc,.cc-root).cc-root .cc-btn:focus{
  background:#fff;color:#1c1d1e;border:2.5px solid #1c1d1e;border-radius:var(--cc-btn-radius);
  box-shadow:3px 3px 0 #1c1d1e;white-space:normal;text-decoration:none;
  transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s cubic-bezier(.34,1.56,.64,1),background .2s;
}
:is(#jp-cc,.cc-root).cc-root .cc-btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 #1c1d1e;background:#dff2ff}
:is(#jp-cc,.cc-root).cc-root .cc-btn:active{transform:translate(3px,3px);box-shadow:0 0 0 #1c1d1e}
:is(#jp-cc,.cc-root).cc-root .cc-btn.cc-main,
:is(#jp-cc,.cc-root).cc-root .cc-btn.cc-main:hover,
:is(#jp-cc,.cc-root).cc-root .cc-btn.cc-main:focus{background:#fcb900;color:#1c1d1e;border-color:#1c1d1e}
:is(#jp-cc,.cc-root).cc-root .cc-btn:focus-visible{outline:3px solid #43baff;outline-offset:3px}

/* Category switches: brand blue when on. */
:is(#jp-cc,.cc-root).cc-root .cc-sw{border:2px solid #1c1d1e}
:is(#jp-cc,.cc-root).cc-root .cc-sw:checked{background:#43baff;border-color:#1c1d1e}

/* Floating "cookie settings" button: a little sticker. */
:is(#jp-cc,.cc-root).cc-root .cc-float,
:is(#jp-cc,.cc-root).cc-root .cc-float:hover,
:is(#jp-cc,.cc-root).cc-root .cc-float:focus{background:#fcb900;color:#1c1d1e;border:2.5px solid #1c1d1e;box-shadow:3px 3px 0 #1c1d1e}
:is(#jp-cc,.cc-root).cc-root .cc-float:hover{transform:translate(-2px,-2px) rotate(-6deg)}

/* Close (×) button keeps its own look under theme hover styles. */
:is(#jp-cc,.cc-root).cc-root .cc-x,
:is(#jp-cc,.cc-root).cc-root .cc-x:hover,
:is(#jp-cc,.cc-root).cc-root .cc-x:focus{background:transparent;color:#1c1d1e;border:0;box-shadow:none}

@media (prefers-reduced-motion:reduce){
  :is(#jp-cc,.cc-root).cc-root .cc-btn,:is(#jp-cc,.cc-root).cc-root .cc-float{transition:none}
  :is(#jp-cc,.cc-root).cc-root .cc-btn:hover,:is(#jp-cc,.cc-root).cc-root .cc-float:hover{transform:none}
}

/* Not inside the Elementor editor preview: the banner would cover the page being edited. */
:is(#jp-cc,body.elementor-editor-active) .cc-root{display:none!important}