/* MarktMind theme for vanilla-cookieconsent v3
   Load AFTER the library CSS:
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/orestbida/cookieconsent@3.1.0/dist/cookieconsent.css">
   <link rel="stylesheet" href="/css/marktmind-cookieconsent.css">
   Light = Lavender Haze (default). Add class "cc--darkmode" to <html> for Midnight. */

#cc-main{
  --cc-font-family:'Geist',-apple-system,'Segoe UI',sans-serif;
  --cc-modal-border-radius:12px;
  --cc-btn-border-radius:4px;
  --cc-modal-transition-duration:.33s;
  --cc-modal-margin:1.25rem;
  --cc-z-index:2147483647;
  --cc-link-color:#6C4FD0;

  --cc-bg:#FFFFFF;
  --cc-primary-color:#0B2545;
  --cc-secondary-color:#43424D;

  --cc-btn-primary-bg:#6C4FD0;
  --cc-btn-primary-color:#FFFFFF;
  --cc-btn-primary-border-color:#6C4FD0;
  --cc-btn-primary-hover-bg:#9B7FE0;
  --cc-btn-primary-hover-color:#FFFFFF;
  --cc-btn-primary-hover-border-color:#9B7FE0;

  --cc-btn-secondary-bg:#FFFFFF;
  --cc-btn-secondary-color:#393C41;
  --cc-btn-secondary-border-color:#D0D1D2;
  --cc-btn-secondary-hover-bg:#F3F1FA;
  --cc-btn-secondary-hover-color:#393C41;
  --cc-btn-secondary-hover-border-color:#6C4FD0;

  --cc-separator-border-color:#E2DCF2;

  --cc-toggle-on-bg:#6C4FD0;
  --cc-toggle-off-bg:#8F8A9C;
  --cc-toggle-on-knob-bg:#FFFFFF;
  --cc-toggle-off-knob-bg:#FFFFFF;
  --cc-toggle-enabled-icon-color:#6C4FD0;
  --cc-toggle-disabled-icon-color:#8F8A9C;
  --cc-toggle-readonly-bg:#B9A8E8;
  --cc-toggle-readonly-knob-bg:#FFFFFF;
  --cc-toggle-readonly-knob-icon-color:#B9A8E8;

  --cc-section-category-border:#E2DCF2;
  --cc-cookie-category-block-bg:#F3F1FA;
  --cc-cookie-category-block-border:#E2DCF2;
  --cc-cookie-category-block-hover-bg:#ECE8FB;
  --cc-cookie-category-block-hover-border:#E2DCF2;
  --cc-cookie-category-expanded-block-bg:#F3F1FA;
  --cc-cookie-category-expanded-block-hover-bg:#ECE8FB;

  --cc-overlay-bg:rgba(11,37,69,.55);
  --cc-webkit-scrollbar-bg:#E2DCF2;
  --cc-webkit-scrollbar-hover-bg:#B9A8E8;

  --cc-footer-bg:#F3F1FA;
  --cc-footer-color:#6B6478;
  --cc-footer-border-color:#E2DCF2;

  -webkit-font-smoothing:antialiased;
}

/* Midnight */
.cc--darkmode #cc-main{
  --cc-link-color:#CDBEFF;
  --cc-bg:#0B2545;
  --cc-primary-color:#F4F1E8;
  --cc-secondary-color:#AEB9D1;

  --cc-btn-primary-bg:#6C4FD0;
  --cc-btn-primary-border-color:#6C4FD0;
  --cc-btn-primary-hover-bg:#9B7FE0;
  --cc-btn-primary-hover-border-color:#9B7FE0;

  --cc-btn-secondary-bg:rgba(255,255,255,.10);
  --cc-btn-secondary-color:#F4F1E8;
  --cc-btn-secondary-border-color:rgba(255,255,255,.18);
  --cc-btn-secondary-hover-bg:rgba(255,255,255,.18);
  --cc-btn-secondary-hover-color:#F4F1E8;
  --cc-btn-secondary-hover-border-color:rgba(255,255,255,.18);

  --cc-separator-border-color:rgba(255,255,255,.14);

  --cc-toggle-on-bg:#9C7CFF;
  --cc-toggle-off-bg:rgba(255,255,255,.22);
  --cc-toggle-on-knob-bg:#0B2545;
  --cc-toggle-off-knob-bg:#F4F1E8;
  --cc-toggle-enabled-icon-color:#CDBEFF;
  --cc-toggle-disabled-icon-color:#0B2545;
  --cc-toggle-readonly-bg:#B9A8E8;
  --cc-toggle-readonly-knob-bg:#0B2545;
  --cc-toggle-readonly-knob-icon-color:#B9A8E8;

  --cc-section-category-border:rgba(255,255,255,.09);
  --cc-cookie-category-block-bg:rgba(255,255,255,.035);
  --cc-cookie-category-block-border:rgba(255,255,255,.09);
  --cc-cookie-category-block-hover-bg:rgba(255,255,255,.07);
  --cc-cookie-category-block-hover-border:rgba(255,255,255,.14);
  --cc-cookie-category-expanded-block-bg:rgba(255,255,255,.035);
  --cc-cookie-category-expanded-block-hover-bg:rgba(255,255,255,.07);

  --cc-overlay-bg:rgba(4,11,22,.7);
  --cc-webkit-scrollbar-bg:rgba(255,255,255,.14);
  --cc-webkit-scrollbar-hover-bg:rgba(255,255,255,.22);

  --cc-footer-bg:rgba(255,255,255,.035);
  --cc-footer-color:#AEB9D1;
  --cc-footer-border-color:rgba(255,255,255,.09);
}

/* Surfaces: flat, hairline border (no resting shadow) */
#cc-main .cm,
#cc-main .pm{border:1px solid #E2DCF2;box-shadow:0 24px 60px -24px rgba(11,37,69,.28)}
.cc--darkmode #cc-main .cm,
.cc--darkmode #cc-main .pm{border-color:rgba(255,255,255,.14);box-shadow:0 24px 60px -24px rgba(0,0,0,.5)}

/* Type: Geist 400/500 only */
#cc-main .cm__title,
#cc-main .pm__title{font-weight:500;letter-spacing:-.01em;color:var(--cc-primary-color)}
#cc-main .cm__title{font-size:19px;line-height:1.3}
#cc-main .pm__title{font-size:22px}
#cc-main .cm__desc,
#cc-main .pm__section-desc{font-size:14px;line-height:1.55}
#cc-main .pm__section-title{font-size:15px;font-weight:500}
#cc-main .cm__footer{font-size:12px}

/* Eyebrow above the banner title (set via data-eyebrow in the config title HTML) */
#cc-main .mm-cc-eyebrow{display:block;margin-bottom:10px;font-size:12px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:#6C4FD0}
.cc--darkmode #cc-main .mm-cc-eyebrow{color:#C9B8FF}

/* Buttons: 4px radius, 500 weight, fill-only state changes, labels never change colour */
#cc-main .cm__btn,
#cc-main .pm__btn{font-family:var(--cc-font-family);font-size:14px;font-weight:500;min-height:40px;padding:0 20px;
  transition:background-color .33s ease,border-color .33s ease}
#cc-main .cm__btn:not(.cm__btn--secondary),
#cc-main .cm__btn:not(.cm__btn--secondary):hover,
#cc-main .pm__btn:not(.pm__btn--secondary),
#cc-main .pm__btn:not(.pm__btn--secondary):hover{color:#FFFFFF !important}
#cc-main .cm__btn:not(.cm__btn--secondary):active,
#cc-main .pm__btn:not(.pm__btn--secondary):active{background:#4C34A0;border-color:#4C34A0}
#cc-main button:focus-visible,
#cc-main a:focus-visible{outline:2px solid #6C4FD0;outline-offset:2px}
.cc--darkmode #cc-main button:focus-visible,
.cc--darkmode #cc-main a:focus-visible{outline-color:#9C7CFF}

/* Links */
#cc-main .cc__link,
#cc-main a{font-weight:500;text-decoration:underline;text-underline-offset:2px;transition:color .33s ease}

/* Category badge ("Always on") */
#cc-main .pm__badge{border-radius:4px;background:#ECE8FB;color:#4C34A0;font-weight:500;font-size:12px;letter-spacing:.02em}
.cc--darkmode #cc-main .pm__badge{background:rgba(108,79,208,.18);color:#CDBEFF}

/* Cookie tables */
#cc-main .pm__table-th{font-weight:500;color:var(--cc-primary-color)}
#cc-main .pm__table-td{font-variant-numeric:tabular-nums}

/* Close button */
#cc-main .pm__close-btn{border-radius:4px;transition:background-color .33s ease,border-color .33s ease}

@media (prefers-reduced-motion:reduce){
  #cc-main{--cc-modal-transition-duration:0s}
}