/* WelcomeSign skin for the Klaro consent manager.
   klaro.min.css / klaro.min.js stay vendored verbatim. Klaro only *reads* these
   custom properties (with fallbacks), so defining them on .klaro wins regardless
   of load order, including against the <style> the JS build injects at runtime.
   Served from welcomesign.com and linked cross-origin by app.welcomesign.com. */
.klaro {
  --font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --title-font-family: 'DM Serif Display', Georgia, serif;
  --border-radius: 14px;
  --green1: #f97316;   /* primary button (brand orange) */
  --green2: #ea580c;   /* primary button, hover */
  --green3: #c2410c;
  --dark1: #1e3a5f;    /* notice + modal background (brand navy) */
  --dark2: #2d4a6f;
  /* --dark3 is only used for service descriptions; light so it isn't navy-on-navy. */
  --dark3: #c9d6e5;
  --light1: #fefbf6;   /* text (brand cream) */
  --light2: #e6edf5;
  --light3: #c9d6e5;
  --blue1: #f97316;
  --blue2: #ea580c;
  --button-text-color: #fff;
  --notice-max-width: 420px;
  --box-shadow-color: rgba(21, 42, 69, .35);
}
.klaro .cookie-notice:not(.cookie-modal-notice) { border: 1px solid rgba(255, 255, 255, .12); }
.klaro .cookie-notice .cn-ok .cm-btn,
.klaro .cookie-modal .cm-btn { font-weight: 700; border-radius: 999px; }
.klaro .cookie-notice .cm-btn.cm-btn-danger,
.klaro .cookie-modal .cm-btn.cm-btn-danger { background-color: #2d4a6f; }
.klaro .cookie-notice .cm-btn.cm-btn-lern-more,
.klaro .cookie-notice .cm-btn.cm-btn-info { background-color: transparent; border: 1px solid rgba(255, 255, 255, .35); }
.klaro .cookie-modal .cm-powered-by,
.klaro .cookie-notice .cm-powered-by { display: none; }
.klaro .cookie-modal a,
.klaro .cookie-notice a { color: #fb923c; }
.klaro .cookie-modal .cm-modal .cm-header h1.title,
.klaro .cookie-notice h2 { font-family: var(--title-font-family); font-weight: 400; }

/* The Cathybot launcher is fixed bottom-right on both welcomesign.com and the
   app, exactly where Klaro puts its notice, and swallows clicks on Allow.
   Desktop: float the notice bottom-left. Mobile (full-width notice): keep the
   button row clear of the launcher. */
.klaro {
  --notice-left: 20px;
  --notice-right: auto;
}
@media (max-width: 1023px) {
  .klaro .cookie-notice:not(.cookie-modal-notice) .cn-ok { padding-right: 72px; }
}