/* Scene theme for vanilla-cookieconsent (vendor/cookieconsent). The card is the
   dark "theatre" surface on every page, like the homepage's .note toast. The
   fonts are the @font-face families each page already declares. */
#cc-main{
  --cc-font-family:'InterDisplay','Helvetica Neue',Arial,sans-serif;
  --cc-modal-border-radius:16px;
  --cc-btn-border-radius:999px;
  --cc-modal-margin:16px;
  --cc-z-index:60;
  --cc-bg:#130F0D;
  --cc-primary-color:#F4EFE8;
  --cc-secondary-color:#B6ADA3;
  --cc-link-color:#F4EFE8;
  --cc-btn-primary-bg:#F4EFE8;
  --cc-btn-primary-color:#130F0D;
  --cc-btn-primary-border-color:#F4EFE8;
  --cc-btn-primary-hover-bg:#FFFFFF;
  --cc-btn-primary-hover-color:#130F0D;
  --cc-btn-primary-hover-border-color:#FFFFFF;
  --cc-btn-secondary-bg:transparent;
  --cc-btn-secondary-color:#F4EFE8;
  --cc-btn-secondary-border-color:rgba(244,239,232,.22);
  --cc-btn-secondary-hover-bg:transparent;
  --cc-btn-secondary-hover-color:#F4EFE8;
  --cc-btn-secondary-hover-border-color:#8C8379;
  --cc-separator-border-color:rgba(244,239,232,.10);
  --cc-toggle-on-bg:#5E56F9;
  --cc-toggle-off-bg:#5C534B;
  --cc-toggle-on-knob-bg:#F4EFE8;
  --cc-toggle-off-knob-bg:#F4EFE8;
  --cc-toggle-enabled-icon-color:#5E56F9;
  --cc-toggle-disabled-icon-color:#5C534B;
  --cc-toggle-readonly-bg:#3A322C;
  --cc-toggle-readonly-knob-bg:#8C8379;
  --cc-toggle-readonly-knob-icon-color:#3A322C;
  --cc-section-category-border:rgba(244,239,232,.10);
  --cc-cookie-category-block-bg:#1C1714;
  --cc-cookie-category-block-border:rgba(244,239,232,.10);
  --cc-cookie-category-block-hover-bg:#221C18;
  --cc-cookie-category-block-hover-border:rgba(244,239,232,.16);
  --cc-cookie-category-expanded-block-bg:transparent;
  --cc-cookie-category-expanded-block-hover-bg:#221C18;
  --cc-overlay-bg:rgba(19,15,13,.6);
  --cc-webkit-scrollbar-bg:#1C1714;
  --cc-webkit-scrollbar-hover-bg:#5C534B;
  --cc-footer-bg:#130F0D;
  --cc-footer-color:#8C8379;
  --cc-footer-border-color:rgba(244,239,232,.10);
  color-scheme:dark;
}

#cc-main .cm,#cc-main .pm{box-shadow:0 0 0 1px rgba(244,239,232,.08),0 24px 60px -24px rgba(0,0,0,.6)}
#cc-main .cm__title,#cc-main .pm__title{font-family:'Jokker','InterDisplay','Helvetica Neue',Arial,sans-serif;font-weight:500;letter-spacing:-.01em}
#cc-main .cm__desc{font-size:14px;line-height:1.5}
#cc-main .cm__btn,#cc-main .pm__btn{min-height:44px;font-size:15px;font-weight:500}
#cc-main a,#cc-main .cc__link{font-weight:500}
#cc-main :focus-visible{outline:2px solid #9793FB;outline-offset:3px}
/* the library focuses an empty tabindex=-1 sentinel when a modal opens; no ring there */
#cc-main [tabindex="-1"]:focus,#cc-main [tabindex="-1"]:focus-visible{outline:none}
#cc-main .pm__section-title{font-weight:500}
#cc-main .pm__badge{background:#3A322C;color:#B6ADA3}

/* banner: text, two equal pills, then "Settings" as a quiet text link */
#cc-main .cm--box{max-width:22rem}
#cc-main .cm__desc{max-height:none;overflow:visible}
#cc-main .cm__btns{border-top:0;padding-top:4px;padding-bottom:2px}
#cc-main .cm__btn[data-role=show]{background:none;border-color:transparent;min-height:36px;color:var(--cc-secondary-color);font-size:14px}
#cc-main .cm__btn[data-role=show]:hover{color:var(--cc-primary-color);background:none;border-color:transparent}
#cc-main .cm__footer{background:none;border-top:0;padding:0 0 14px}
#cc-main .cm__link-group{justify-content:center;gap:16px;font-size:12px}
#cc-main .cm__link-group>*+*{margin:0}
#cc-main .cm__footer a{color:var(--cc-footer-color);font-weight:400;background-image:none}
#cc-main .cm__footer a:hover{color:var(--cc-secondary-color)}

/* preferences: size to content instead of the library's fixed-height box */
#cc-main .pm--box{height:auto;max-width:34rem}
#cc-main .pm__title{font-size:17px}
/* category blocks share the library's button radius; keep pills for buttons only */
#cc-main .pm__section,#cc-main .pm__section--toggle{--cc-btn-border-radius:12px}

/* phones: a compact sheet, Accept and Reject side by side */
@media screen and (max-width:640px){
  #cc-main .cm__btns{border-top:0!important;padding-top:4px!important;padding-bottom:2px!important}
  #cc-main .cm__btn-group:first-child{flex-direction:row!important;gap:8px}
  #cc-main .cm__btn-group:first-child .cm__btn{flex:1 1 0!important}
  #cc-main .cm__btn-group:first-child .cm__btn+.cm__btn{margin:0!important}
  #cc-main .cm__btn-group+.cm__btn-group{margin-top:4px!important}
  #cc-main .cm__desc{padding-bottom:12px}
}