/* cookieconsent extended styles */

/* Fresherie brand colors — B/W. Primary buttons use the near-black
   accent (--color-fresherie #18181b) on the base, with a clearly
   lighter neutral gray hover so the affordance is actually visible
   (the website's #18181b → #000 hover is intentionally subtle and
   would be too quiet inside a modal). Secondary buttons use the
   soft section bg #f4f4f5. Link color and the "on" toggle state
   inherit --cc-btn-primary-bg. */
#cc-main {
  --cc-btn-primary-bg: #18181b;
  --cc-btn-primary-color: #ffffff;
  --cc-btn-primary-border-color: #18181b;
  --cc-btn-primary-hover-bg: #4d4d4d;
  --cc-btn-primary-hover-color: #ffffff;
  --cc-btn-primary-hover-border-color: #4d4d4d;
  --cc-btn-secondary-bg: #f4f4f5;
  --cc-btn-secondary-color: #18181b;
  --cc-btn-secondary-border-color: #f4f4f5;
  --cc-btn-secondary-hover-bg: #e4e4e7;
  --cc-btn-secondary-hover-color: #18181b;
  --cc-btn-secondary-hover-border-color: #e4e4e7;
}

html.disable--interaction.show--consent, html.disable--interaction.show--consent body {overflow: auto !important;}
#cc-main .cm {box-shadow: 5px 5px 2048px 2048px rgb(0 0 0 / 72%);}
.show--preferences #cc-main .cc--anim .pm-overlay {visibility: hidden;}
#cc-main h2.cm__title, #cc-main h2.pm__title {margin: unset !important;}
#cc-main .cm__btn[data-role="necessary"] {background: var(--cc-btn-secondary-bg); border-color: var(--cc-btn-secondary-border-color); color: var(--cc-btn-secondary-color);}
#cc-main .cm__btn[data-role="necessary"]:hover {background: var(--cc-btn-secondary-hover-bg); border-color: var(--cc-btn-secondary-hover-border-color); color: var(--cc-btn-secondary-hover-color);}
@media screen and (max-width: 991px) {
  #cc-main .cm {font-size: 13px;}
  #cc-main .cm__btn, #cc-main .pm__btn {font-size: 13px;}
}
@media screen and (min-width: 992px) {
  #cc-main .cm--center, #cc-main .pm--box {width: 600px; max-width: 100%; padding: 30px; box-sizing: border-box;}
  #cc-main .cm__btns {flex-direction: row; justify-content: space-between;}
  #cc-main .cm__btn-group {grid-auto-flow: column; margin-top: 0 !important;}
  #cc-main .cm__btn {margin-top: 5px !important; margin-left: 5px;}
  #cc-main .cm__btn:first-child {margin-left: 0;}
}