/* Chatmee.nl - Midnight Pulse restyle */
:root {
  --mp-bg: #06101f;
  --mp-panel: #0b1730;
  --mp-panel-2: #102447;
  --mp-line: rgba(57, 167, 255, .28);
  --mp-line-soft: rgba(255, 255, 255, .11);
  --mp-text: #f4fbff;
  --mp-muted: #c5d8ec;
  --mp-lime: #39a7ff;
  --mp-cyan: #78f8ff;
  --mp-shadow: 0 24px 70px rgba(0, 0, 0, .42);
}

html[data-theme="neon"] {
  --mp-bg: #071013;
  --mp-panel: #102027;
  --mp-panel-2: #152d34;
  --mp-line: rgba(0, 217, 196, .32);
  --mp-text: #effffd;
  --mp-muted: #c4f4f0;
  --mp-lime: #00d9c4;
  --mp-cyan: #ff5c7a;
}

html[data-theme="fresh"] {
  --mp-bg: #f8fcff;
  --mp-panel: #ffffff;
  --mp-panel-2: #e8f7f6;
  --mp-line: rgba(14, 165, 163, .26);
  --mp-text: #122334;
  --mp-muted: #314659;
  --mp-lime: #ff8f5b;
  --mp-cyan: #0ea5a3;
}

html[data-theme="warm"] {
  --mp-bg: #fffaf1;
  --mp-panel: #172333;
  --mp-panel-2: #22364b;
  --mp-line: rgba(254, 198, 82, .36);
  --mp-text: #fffaf1;
  --mp-muted: #f5e8d5;
  --mp-lime: #fec652;
  --mp-cyan: #32c9b7;
}

html[data-theme="ocean"] {
  --mp-bg: #031a26;
  --mp-panel: #082a3a;
  --mp-panel-2: #0d3c51;
  --mp-line: rgba(48, 213, 200, .34);
  --mp-text: #eefcff;
  --mp-muted: #b9dce2;
  --mp-lime: #30d5c8;
  --mp-cyan: #4da3ff;
}

html[data-theme="royal"] {
  --mp-bg: #090817;
  --mp-panel: #14112b;
  --mp-panel-2: #211b45;
  --mp-line: rgba(139, 92, 246, .34);
  --mp-text: #fbf8ff;
  --mp-muted: #d3c9ef;
  --mp-lime: #8b5cf6;
  --mp-cyan: #4cc9f0;
}

html[data-theme="aurora"] {
  --mp-bg: #071817;
  --mp-panel: #102622;
  --mp-panel-2: #17382f;
  --mp-line: rgba(102, 255, 191, .32);
  --mp-text: #f3fff9;
  --mp-muted: #c0e5d7;
  --mp-lime: #66ffbf;
  --mp-cyan: #55a7ff;
}

html[data-theme="candy"] {
  --mp-bg: #18071d;
  --mp-panel: #2a0f35;
  --mp-panel-2: #3a1748;
  --mp-line: rgba(255, 83, 177, .36);
  --mp-text: #fff7fd;
  --mp-muted: #f0cbe4;
  --mp-lime: #ff53b1;
  --mp-cyan: #45e0ff;
}

html[data-theme="graphite"] {
  --mp-bg: #0b0e12;
  --mp-panel: #141a20;
  --mp-panel-2: #1f2933;
  --mp-line: rgba(148, 163, 184, .34);
  --mp-text: #f8fafc;
  --mp-muted: #cbd5e1;
  --mp-lime: #94a3b8;
  --mp-cyan: #38bdf8;
}

html[data-theme="sunrise"] {
  --mp-bg: #16101a;
  --mp-panel: #281b28;
  --mp-panel-2: #3a2636;
  --mp-line: rgba(255, 184, 77, .36);
  --mp-text: #fff8ee;
  --mp-muted: #f3d8bd;
  --mp-lime: #ffb84d;
  --mp-cyan: #ff6b8a;
}

html {
  scroll-behavior: smooth;
}

body {
  background:
    radial-gradient(circle at 82% 8%, rgba(57, 167, 255, .22), transparent 28rem),
    radial-gradient(circle at 14% 34%, rgba(120, 248, 255, .14), transparent 24rem),
    linear-gradient(135deg, #06101f 0%, #102447 48%, #04111f 100%) !important;
  color: var(--mp-text) !important;
  letter-spacing: 0 !important;
}

html[data-theme="neon"] body {
  background:
    radial-gradient(circle at 78% 10%, rgba(0, 217, 196, .22), transparent 28rem),
    radial-gradient(circle at 15% 38%, rgba(255, 92, 122, .16), transparent 24rem),
    linear-gradient(135deg, #071013 0%, #102027 56%, #071013 100%) !important;
}

html[data-theme="fresh"] body {
  background:
    radial-gradient(circle at 82% 12%, rgba(255, 143, 91, .26), transparent 28rem),
    radial-gradient(circle at 14% 42%, rgba(14, 165, 163, .18), transparent 24rem),
    linear-gradient(135deg, #f8fcff 0%, #e8f7f6 52%, #fff6e8 100%) !important;
}

html[data-theme="warm"] body {
  background:
    radial-gradient(circle at 82% 14%, rgba(254, 198, 82, .25), transparent 28rem),
    radial-gradient(circle at 12% 74%, rgba(50, 201, 183, .18), transparent 24rem),
    linear-gradient(135deg, #172333 0%, #1e3345 54%, #231922 100%) !important;
}

html[data-theme="ocean"] body {
  background:
    radial-gradient(circle at 76% 10%, rgba(48, 213, 200, .24), transparent 28rem),
    radial-gradient(circle at 14% 72%, rgba(77, 163, 255, .18), transparent 26rem),
    linear-gradient(135deg, #031a26 0%, #082a3a 52%, #03131d 100%) !important;
}

html[data-theme="royal"] body {
  background:
    radial-gradient(circle at 78% 12%, rgba(139, 92, 246, .26), transparent 28rem),
    radial-gradient(circle at 16% 74%, rgba(76, 201, 240, .14), transparent 26rem),
    linear-gradient(135deg, #090817 0%, #171333 52%, #0b0715 100%) !important;
}

html[data-theme="aurora"] body {
  background:
    radial-gradient(circle at 80% 12%, rgba(102, 255, 191, .22), transparent 28rem),
    radial-gradient(circle at 12% 76%, rgba(85, 167, 255, .17), transparent 26rem),
    linear-gradient(135deg, #071817 0%, #102622 52%, #061319 100%) !important;
}

html[data-theme="candy"] body {
  background:
    radial-gradient(circle at 78% 10%, rgba(255, 83, 177, .25), transparent 28rem),
    radial-gradient(circle at 16% 76%, rgba(69, 224, 255, .17), transparent 26rem),
    linear-gradient(135deg, #18071d 0%, #2a0f35 52%, #100819 100%) !important;
}

html[data-theme="graphite"] body {
  background:
    radial-gradient(circle at 78% 10%, rgba(148, 163, 184, .18), transparent 28rem),
    radial-gradient(circle at 16% 76%, rgba(56, 189, 248, .15), transparent 26rem),
    linear-gradient(135deg, #0b0e12 0%, #1f2933 52%, #080b0f 100%) !important;
}

html[data-theme="sunrise"] body {
  background:
    radial-gradient(circle at 78% 10%, rgba(255, 184, 77, .24), transparent 28rem),
    radial-gradient(circle at 16% 76%, rgba(255, 107, 138, .18), transparent 26rem),
    linear-gradient(135deg, #16101a 0%, #281b28 52%, #1f1317 100%) !important;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background-image:
    linear-gradient(90deg, transparent 0 94%, rgba(255, 255, 255, .12) 94% 96%, transparent 96%),
    linear-gradient(0deg, transparent 0 94%, rgba(255, 255, 255, .08) 94% 96%, transparent 96%);
  background-size: 58px 58px;
  opacity: .38;
  animation: mp-grid 14s linear infinite;
}

body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(180deg, transparent, rgba(190, 255, 40, .07), transparent);
  background-size: 100% 220px;
  mix-blend-mode: screen;
  opacity: .4;
  animation: mp-scan 8s linear infinite;
}

.navbar,
nav.navbar {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 1000 !important;
  width: 100% !important;
  padding: .45rem 5% !important;
  background: rgba(7, 11, 16, .92) !important;
  border-bottom: 1px solid var(--mp-line) !important;
  box-shadow: 0 12px 36px rgba(0, 0, 0, .34) !important;
  backdrop-filter: blur(18px) !important;
  animation: none !important;
}

html[data-theme="neon"] .navbar,
html[data-theme="neon"] nav.navbar {
  background: rgba(5, 16, 19, .94) !important;
  border-bottom-color: rgba(0, 217, 196, .42) !important;
  box-shadow: 0 12px 42px rgba(0, 217, 196, .12), 0 12px 36px rgba(0, 0, 0, .34) !important;
}

html[data-theme="fresh"] .navbar,
html[data-theme="fresh"] nav.navbar {
  background: rgba(248, 252, 255, .94) !important;
  border-bottom-color: rgba(14, 165, 163, .28) !important;
  box-shadow: 0 14px 36px rgba(33, 73, 92, .13) !important;
}

html[data-theme="warm"] .navbar,
html[data-theme="warm"] nav.navbar {
  background: rgba(23, 35, 51, .96) !important;
  border-bottom-color: rgba(254, 198, 82, .44) !important;
  box-shadow: 0 12px 42px rgba(254, 198, 82, .12), 0 12px 36px rgba(0, 0, 0, .34) !important;
}

html[data-theme="ocean"] .navbar,
html[data-theme="ocean"] nav.navbar {
  background: rgba(3, 26, 38, .95) !important;
  border-bottom-color: rgba(48, 213, 200, .42) !important;
  box-shadow: 0 12px 42px rgba(48, 213, 200, .12), 0 12px 36px rgba(0, 0, 0, .34) !important;
}

html[data-theme="royal"] .navbar,
html[data-theme="royal"] nav.navbar {
  background: rgba(9, 8, 23, .96) !important;
  border-bottom-color: rgba(139, 92, 246, .44) !important;
  box-shadow: 0 12px 42px rgba(139, 92, 246, .14), 0 12px 36px rgba(0, 0, 0, .34) !important;
}

html[data-theme="aurora"] .navbar,
html[data-theme="aurora"] nav.navbar {
  background: rgba(7, 24, 23, .95) !important;
  border-bottom-color: rgba(102, 255, 191, .4) !important;
  box-shadow: 0 12px 42px rgba(102, 255, 191, .12), 0 12px 36px rgba(0, 0, 0, .34) !important;
}

html[data-theme="candy"] .navbar,
html[data-theme="candy"] nav.navbar {
  background: rgba(24, 7, 29, .96) !important;
  border-bottom-color: rgba(255, 83, 177, .44) !important;
  box-shadow: 0 12px 42px rgba(255, 83, 177, .14), 0 12px 36px rgba(0, 0, 0, .34) !important;
}

html[data-theme="graphite"] .navbar,
html[data-theme="graphite"] nav.navbar {
  background: rgba(11, 14, 18, .96) !important;
  border-bottom-color: rgba(148, 163, 184, .36) !important;
  box-shadow: 0 12px 42px rgba(56, 189, 248, .1), 0 12px 36px rgba(0, 0, 0, .34) !important;
}

html[data-theme="sunrise"] .navbar,
html[data-theme="sunrise"] nav.navbar {
  background: rgba(22, 16, 26, .96) !important;
  border-bottom-color: rgba(255, 184, 77, .44) !important;
  box-shadow: 0 12px 42px rgba(255, 184, 77, .13), 0 12px 36px rgba(0, 0, 0, .34) !important;
}

.nav-container {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  max-width: 1500px !important;
  margin: 0 auto !important;
}

.logo {
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  text-decoration: none !important;
}

.logo img,
.brand img {
  display: block !important;
  width: min(240px, 42vw) !important;
  max-height: 52px !important;
  height: auto !important;
  object-fit: contain !important;
  filter: drop-shadow(0 0 16px rgba(190, 255, 40, .18));
}

.nav-links {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: clamp(.3rem, .72vw, .68rem) !important;
  flex-wrap: nowrap !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.nav-links li {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.nav-links a,
.navbar a:not(.logo) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .38rem !important;
  min-height: 38px !important;
  padding: .42rem .64rem !important;
  color: #dce8f2 !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  transition: color .2s ease, border-color .2s ease, background .2s ease, transform .2s ease !important;
}

html[data-theme="fresh"] .nav-links a,
html[data-theme="fresh"] .navbar a:not(.logo) {
  color: #122334 !important;
}

html[data-theme="fresh"] .nav-links a:hover,
html[data-theme="fresh"] .navbar a:not(.logo):hover {
  color: #0a625d !important;
  background: rgba(14, 165, 163, .1) !important;
  border-color: rgba(14, 165, 163, .28) !important;
}

.chatmee-contact-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.38rem;
  min-height: 38px;
  padding: 0.46rem 0.72rem;
  border: 1px solid rgba(35, 211, 255, 0.36);
  border-radius: 8px;
  background: rgba(35, 211, 255, 0.08);
  color: var(--text-main, #eef5ff);
  font: inherit;
  font-weight: 800;
  cursor: pointer;
  transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.chatmee-contact-link:hover {
  transform: translateY(-1px);
  border-color: rgba(35, 211, 255, 0.72);
  background: rgba(35, 211, 255, 0.16);
}

.chatmee-contact-modal {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}

.chatmee-contact-modal.is-open {
  display: flex;
}

.chatmee-contact-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(1, 6, 16, 0.78);
  backdrop-filter: blur(12px);
}

.chatmee-contact-dialog {
  position: relative;
  width: min(620px, 100%);
  max-height: min(90vh, 820px);
  overflow: auto;
  border: 1px solid rgba(35, 211, 255, 0.3);
  border-radius: 8px;
  background:
    radial-gradient(circle at top left, rgba(35, 211, 255, 0.16), transparent 38%),
    linear-gradient(145deg, rgba(9, 17, 34, 0.98), rgba(12, 25, 40, 0.98));
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.45);
  padding: 1.25rem;
}

.chatmee-contact-close {
  position: absolute;
  top: 0.85rem;
  right: 0.85rem;
  width: 36px;
  height: 36px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
  font-size: 1.35rem;
  line-height: 1;
  cursor: pointer;
}

.chatmee-contact-head {
  padding-right: 2.7rem;
  margin-bottom: 1rem;
}

.chatmee-contact-kicker {
  color: var(--accent, #23d3ff);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.chatmee-contact-head h2 {
  margin: 0.25rem 0 0.4rem;
  color: #fff;
  font-size: clamp(1.55rem, 4vw, 2.2rem);
}

.chatmee-contact-head p {
  margin: 0;
  color: rgba(226, 235, 255, 0.78);
  line-height: 1.55;
}

.chatmee-contact-form {
  display: grid;
  gap: 0.8rem;
}

.chatmee-contact-form label {
  display: grid;
  gap: 0.35rem;
  color: rgba(238, 245, 255, 0.92);
  font-weight: 800;
}

.chatmee-contact-form label span {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
}

.chatmee-contact-form small {
  color: rgba(160, 180, 210, 0.95);
  font-weight: 700;
}

.chatmee-contact-form input,
.chatmee-contact-form textarea {
  width: 100%;
  border: 1px solid rgba(140, 166, 220, 0.32);
  border-radius: 8px;
  background: rgba(4, 10, 25, 0.72);
  color: #fff;
  font: inherit;
  padding: 0.78rem 0.85rem;
  outline: none;
}

.chatmee-contact-form textarea {
  resize: vertical;
  min-height: 140px;
}

.chatmee-contact-form input:focus,
.chatmee-contact-form textarea:focus {
  border-color: rgba(35, 211, 255, 0.78);
  box-shadow: 0 0 0 3px rgba(35, 211, 255, 0.12);
}

.chatmee-contact-captcha {
  border: 1px solid rgba(170, 255, 43, 0.22);
  border-radius: 8px;
  padding: 0.75rem;
  background: rgba(170, 255, 43, 0.05);
}

.chatmee-contact-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  min-height: 46px;
  border: 0;
  border-radius: 8px;
  background: linear-gradient(135deg, #aaff2b, #23d3ff);
  color: #07101c;
  font: inherit;
  font-weight: 950;
  cursor: pointer;
}

.chatmee-contact-submit:disabled {
  cursor: wait;
  opacity: 0.72;
}

.chatmee-contact-msg {
  display: none;
  border-radius: 8px;
  padding: 0.75rem 0.85rem;
  font-weight: 800;
}

.chatmee-contact-msg.is-success,
.chatmee-contact-msg.is-error {
  display: block;
}

.chatmee-contact-msg.is-success {
  background: rgba(34, 197, 94, 0.14);
  border: 1px solid rgba(34, 197, 94, 0.32);
  color: #bbf7d0;
}

.chatmee-contact-msg.is-error {
  background: rgba(239, 68, 68, 0.14);
  border: 1px solid rgba(239, 68, 68, 0.32);
  color: #fecaca;
}

.chatmee-contact-hp {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
}

/* Compacte header tools */
.chatmee-preferences {
  margin-left: 0 !important;
  gap: .7rem !important;
  flex: 0 0 auto !important;
}

.chatmee-preferences .chatmee-contact-link {
  margin-right: .25rem !important;
}

.chatmee-preferences .chatmee-contact-link,
.chatmee-preferences .theme-control,
.chatmee-preferences .language-toggle {
  min-height: 36px !important;
}

.chatmee-preferences .theme-control {
  padding: .28rem .42rem !important;
}

.chatmee-preferences .theme-control span {
  font-size: .8rem !important;
}

.chatmee-preferences .theme-control select {
  max-width: 138px !important;
  min-height: 28px !important;
  font-size: .82rem !important;
}

.chatmee-preferences .language-toggle {
  width: 36px !important;
  min-width: 36px !important;
  margin-left: .2rem !important;
  font-size: .92rem !important;
}

/* Compacte contact popup */
.chatmee-contact-dialog {
  width: min(520px, 100%) !important;
  max-height: min(86vh, 720px) !important;
  padding: 1rem !important;
}

.chatmee-contact-head {
  margin-bottom: .75rem !important;
}

.chatmee-contact-head h2 {
  font-size: clamp(1.35rem, 3vw, 1.8rem) !important;
}

.chatmee-contact-head p {
  font-size: .9rem !important;
  line-height: 1.42 !important;
}

.chatmee-contact-form {
  gap: .62rem !important;
}

.chatmee-contact-form label {
  gap: .25rem !important;
  font-size: .9rem !important;
}

.chatmee-contact-form input,
.chatmee-contact-form textarea {
  padding: .62rem .72rem !important;
  font-size: .92rem !important;
}

.chatmee-contact-form textarea {
  min-height: 105px !important;
}

.chatmee-contact-captcha {
  padding: .58rem !important;
}

.chatmee-contact-submit {
  min-height: 42px !important;
}

.chatmee-preferences {
  display: inline-flex !important;
  align-items: center !important;
  gap: .75rem !important;
  margin-left: 1rem !important;
}

.theme-control {
  display: inline-flex !important;
  align-items: center !important;
  gap: .4rem !important;
  min-height: 38px !important;
  padding: .35rem .5rem !important;
  border: 1px solid var(--mp-line) !important;
  border-radius: 8px !important;
  color: var(--mp-text) !important;
  background: rgba(255, 255, 255, .045) !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

html[data-theme="fresh"] .theme-control {
  color: #122334 !important;
  background: rgba(255, 255, 255, .72) !important;
  border-color: rgba(14, 165, 163, .26) !important;
}

html[data-theme="neon"] .theme-control {
  color: #effffd !important;
  background: rgba(0, 217, 196, .08) !important;
  border-color: rgba(0, 217, 196, .42) !important;
}

html[data-theme="warm"] .theme-control {
  color: #fffaf1 !important;
  background: rgba(254, 198, 82, .08) !important;
  border-color: rgba(254, 198, 82, .42) !important;
}

.theme-control span {
  color: inherit !important;
  font-size: .88rem !important;
}

.theme-control select {
  min-height: 30px !important;
  max-width: 150px !important;
  padding: .25rem .45rem !important;
  border: 1px solid var(--mp-line) !important;
  border-radius: 8px !important;
  color: var(--mp-text) !important;
  background: rgba(8, 12, 18, .92) !important;
  font-weight: 800 !important;
}

html[data-theme="fresh"] .theme-control select {
  color: #122334 !important;
  background: #ffffff !important;
  border-color: rgba(14, 165, 163, .32) !important;
}

html[data-theme="neon"] .theme-control select {
  color: #effffd !important;
  background: #071013 !important;
  border-color: rgba(0, 217, 196, .55) !important;
}

html[data-theme="warm"] .theme-control select {
  color: #fffaf1 !important;
  background: #172333 !important;
  border-color: rgba(254, 198, 82, .55) !important;
}

.language-toggle {
  width: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  margin-left: clamp(1.25rem, 3vw, 3rem) !important;
  padding: 0 !important;
  border-radius: 8px !important;
  border: 1px solid var(--mp-lime) !important;
  color: #081007 !important;
  background: var(--mp-lime) !important;
  box-shadow: 0 0 22px rgba(190, 255, 40, .25) !important;
  font-size: 1.05rem !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}

.language-toggle:hover {
  transform: translateY(-1px) !important;
  filter: brightness(1.05) !important;
}

html[data-theme="neon"] .language-toggle {
  background: #00d9c4 !important;
  border-color: #00d9c4 !important;
  color: #061012 !important;
  box-shadow: 0 0 24px rgba(0, 217, 196, .32) !important;
}

html[data-theme="fresh"] .language-toggle {
  background: #ff8f5b !important;
  border-color: #ff8f5b !important;
  color: #122334 !important;
  box-shadow: 0 0 22px rgba(255, 143, 91, .28) !important;
}

html[data-theme="warm"] .language-toggle {
  background: #fec652 !important;
  border-color: #fec652 !important;
  color: #172333 !important;
  box-shadow: 0 0 24px rgba(254, 198, 82, .32) !important;
}

.nav-links a:hover,
.navbar a:not(.logo):hover {
  color: var(--mp-lime) !important;
  background: rgba(190, 255, 40, .08) !important;
  border-color: rgba(190, 255, 40, .34) !important;
  transform: translateY(-1px) !important;
}

.nav-links a::after {
  display: none !important;
}

.nav-links a[href*="chatbox"] {
  background: var(--mp-lime) !important;
  color: #081007 !important;
  border-color: var(--mp-lime) !important;
  box-shadow: 0 0 32px rgba(190, 255, 40, .3) !important;
  font-weight: 800 !important;
}

.nav-links a[href*="chatbox"] i {
  color: #081007 !important;
}

.policy-menu {
  position: relative;
}

.policy-menu .menu-chevron {
  font-size: .72rem;
  opacity: .85;
  transition: transform .2s ease;
}

.policy-menu:hover .menu-chevron,
.policy-menu:focus-within .menu-chevron {
  transform: rotate(180deg);
}

.policy-dropdown {
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  z-index: 1100;
  min-width: 260px;
  padding: 8px;
  border: 1px solid rgba(190, 255, 40, .26);
  border-radius: 8px;
  background: rgba(7, 11, 16, .98);
  box-shadow: 0 24px 60px rgba(0, 0, 0, .45);
  backdrop-filter: blur(18px);
  opacity: 0;
  pointer-events: none;
  transform: translateY(8px);
  transition: opacity .18s ease, transform .18s ease;
}

.policy-menu:hover .policy-dropdown,
.policy-menu:focus-within .policy-dropdown {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.policy-dropdown a {
  width: 100%;
  justify-content: flex-start;
  color: #e8f0f8 !important;
  background: transparent !important;
  border-color: transparent !important;
}

.policy-dropdown a:hover {
  color: var(--mp-lime) !important;
  background: rgba(190, 255, 40, .08) !important;
  border-color: rgba(190, 255, 40, .22) !important;
}

html[data-theme="fresh"] .policy-dropdown {
  background: rgba(255, 255, 255, .98) !important;
  border-color: rgba(14, 165, 163, .28) !important;
  box-shadow: 0 24px 60px rgba(33, 73, 92, .16) !important;
}

html[data-theme="fresh"] .policy-dropdown a {
  color: #122334 !important;
}

html[data-theme="fresh"] .policy-dropdown a:hover {
  color: #0a625d !important;
  background: rgba(14, 165, 163, .1) !important;
  border-color: rgba(14, 165, 163, .22) !important;
}

.hero,
section.hero {
  min-height: 74vh !important;
  padding-top: 76px !important;
  background:
    radial-gradient(circle at 82% 18%, rgba(57, 167, 255, .24), transparent 36rem),
    radial-gradient(circle at 20% 76%, rgba(120, 248, 255, .14), transparent 28rem),
    linear-gradient(135deg, #06101f 0%, #102447 48%, #04111f 100%) !important;
  border-bottom: 1px solid var(--mp-line) !important;
}

.hero::before {
  display: block !important;
  background:
    linear-gradient(120deg, transparent 38%, rgba(255, 255, 255, .18) 40%, transparent 43%),
    linear-gradient(60deg, transparent 42%, rgba(255, 255, 255, .1) 44%, transparent 47%) !important;
  background-size: 220px 180px !important;
  opacity: .32 !important;
  animation: mp-shimmer 12s linear infinite !important;
}

.hero-content {
  max-width: 1040px !important;
}

.hero-content h1,
.hero-content h1 span,
.section-title,
.section-title *,
h1,
h2,
h3 {
  letter-spacing: 0 !important;
}

.hero-content h1 {
  font-size: clamp(2.15rem, 5.4vw, 4.25rem) !important;
  line-height: .95 !important;
  color: var(--mp-text) !important;
  text-shadow: 0 0 40px rgba(190, 255, 40, .16) !important;
}

.hero-content h1 span {
  font-family: inherit !important;
  background: linear-gradient(90deg, var(--mp-lime), var(--mp-cyan)) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

.hero-content p {
  color: var(--mp-muted) !important;
  font-weight: 700 !important;
}

.cta-button,
button,
input[type="submit"],
.submit-btn,
.button,
a.button {
  border-radius: 8px !important;
  background: var(--mp-lime) !important;
  color: #081007 !important;
  border: 1px solid var(--mp-lime) !important;
  box-shadow: 0 0 38px rgba(190, 255, 40, .34) !important;
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease !important;
}

.cta-button *,
.cta-button font {
  color: #081007 !important;
}

.cta-button:hover,
button:hover,
input[type="submit"]:hover,
.submit-btn:hover,
.button:hover,
a.button:hover {
  transform: translateY(-3px) !important;
  filter: brightness(1.06) !important;
  box-shadow: 0 0 52px rgba(190, 255, 40, .44) !important;
}

.features,
.portfolio,
section,
.content-section,
.main-content {
  background:
    radial-gradient(circle at 80% 16%, rgba(57, 167, 255, .14), transparent 34rem),
    linear-gradient(135deg, #06101f 0%, #102447 52%, #04111f 100%) !important;
  color: var(--mp-text) !important;
  border-color: var(--mp-line) !important;
}

html[data-theme="neon"] .hero,
html[data-theme="neon"] .features,
html[data-theme="neon"] .portfolio,
html[data-theme="neon"] section,
html[data-theme="neon"] .policy-hero {
  background:
    radial-gradient(circle at 76% 22%, rgba(0, 217, 196, .2), transparent 34rem),
    radial-gradient(circle at 16% 72%, rgba(255, 92, 122, .16), transparent 30rem),
    linear-gradient(135deg, #071013 0%, #102027 54%, #071013 100%) !important;
}

html[data-theme="fresh"] .hero,
html[data-theme="fresh"] .features,
html[data-theme="fresh"] .portfolio,
html[data-theme="fresh"] section,
html[data-theme="fresh"] .policy-hero {
  background:
    radial-gradient(circle at 82% 18%, rgba(255, 143, 91, .28), transparent 32rem),
    radial-gradient(circle at 18% 82%, rgba(14, 165, 163, .18), transparent 28rem),
    linear-gradient(135deg, #f8fcff 0%, #e8f7f6 46%, #fff6e8 100%) !important;
  color: #122334 !important;
}

html[data-theme="warm"] .hero,
html[data-theme="warm"] .features,
html[data-theme="warm"] .portfolio,
html[data-theme="warm"] section,
html[data-theme="warm"] .policy-hero {
  background:
    radial-gradient(circle at 88% 18%, rgba(254, 198, 82, .24), transparent 32rem),
    radial-gradient(circle at 12% 78%, rgba(50, 201, 183, .18), transparent 28rem),
    linear-gradient(140deg, #172333 0%, #263a4e 48%, #221923 100%) !important;
}

html[data-theme="ocean"] .hero,
html[data-theme="ocean"] .features,
html[data-theme="ocean"] .portfolio,
html[data-theme="ocean"] section,
html[data-theme="ocean"] .policy-hero {
  background:
    radial-gradient(circle at 80% 18%, rgba(48, 213, 200, .22), transparent 34rem),
    radial-gradient(circle at 16% 78%, rgba(77, 163, 255, .18), transparent 28rem),
    linear-gradient(135deg, #031a26 0%, #082a3a 50%, #03131d 100%) !important;
}

html[data-theme="royal"] .hero,
html[data-theme="royal"] .features,
html[data-theme="royal"] .portfolio,
html[data-theme="royal"] section,
html[data-theme="royal"] .policy-hero {
  background:
    radial-gradient(circle at 80% 18%, rgba(139, 92, 246, .26), transparent 34rem),
    radial-gradient(circle at 16% 78%, rgba(76, 201, 240, .14), transparent 28rem),
    linear-gradient(135deg, #090817 0%, #171333 50%, #0b0715 100%) !important;
}

html[data-theme="aurora"] .hero,
html[data-theme="aurora"] .features,
html[data-theme="aurora"] .portfolio,
html[data-theme="aurora"] section,
html[data-theme="aurora"] .policy-hero {
  background:
    radial-gradient(circle at 80% 18%, rgba(102, 255, 191, .22), transparent 34rem),
    radial-gradient(circle at 16% 78%, rgba(85, 167, 255, .18), transparent 28rem),
    linear-gradient(135deg, #071817 0%, #102622 50%, #061319 100%) !important;
}

html[data-theme="candy"] .hero,
html[data-theme="candy"] .features,
html[data-theme="candy"] .portfolio,
html[data-theme="candy"] section,
html[data-theme="candy"] .policy-hero {
  background:
    radial-gradient(circle at 80% 18%, rgba(255, 83, 177, .24), transparent 34rem),
    radial-gradient(circle at 16% 78%, rgba(69, 224, 255, .16), transparent 28rem),
    linear-gradient(135deg, #18071d 0%, #2a0f35 50%, #100819 100%) !important;
}

html[data-theme="graphite"] .hero,
html[data-theme="graphite"] .features,
html[data-theme="graphite"] .portfolio,
html[data-theme="graphite"] section,
html[data-theme="graphite"] .policy-hero {
  background:
    radial-gradient(circle at 80% 18%, rgba(148, 163, 184, .18), transparent 34rem),
    radial-gradient(circle at 16% 78%, rgba(56, 189, 248, .14), transparent 28rem),
    linear-gradient(135deg, #0b0e12 0%, #1f2933 50%, #080b0f 100%) !important;
}

html[data-theme="sunrise"] .hero,
html[data-theme="sunrise"] .features,
html[data-theme="sunrise"] .portfolio,
html[data-theme="sunrise"] section,
html[data-theme="sunrise"] .policy-hero {
  background:
    radial-gradient(circle at 80% 18%, rgba(255, 184, 77, .24), transparent 34rem),
    radial-gradient(circle at 16% 78%, rgba(255, 107, 138, .17), transparent 28rem),
    linear-gradient(135deg, #16101a 0%, #281b28 50%, #1f1317 100%) !important;
}

.section-title,
.features .section-title,
.portfolio .section-title {
  color: var(--mp-text) !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: 0 0 28px rgba(190, 255, 40, .16) !important;
}

.section-title i {
  color: var(--mp-lime) !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
  filter: drop-shadow(0 0 14px rgba(190, 255, 40, .3)) !important;
}

.feature-card,
.portfolio-item,
.rule-card,
.privacy-card,
.partner-card,
.form-container,
.content-card,
.card,
article,
form {
  background: rgba(255, 255, 255, .045) !important;
  border: 1px solid var(--mp-line) !important;
  border-radius: 8px !important;
  box-shadow: var(--mp-shadow) !important;
  backdrop-filter: blur(14px) !important;
  color: var(--mp-text) !important;
}

html[data-theme="fresh"] .feature-card,
html[data-theme="fresh"] .portfolio-item,
html[data-theme="fresh"] .rule-card,
html[data-theme="fresh"] .privacy-card,
html[data-theme="fresh"] .partner-card,
html[data-theme="fresh"] .form-container,
html[data-theme="fresh"] .content-card,
html[data-theme="fresh"] .card,
html[data-theme="fresh"] article,
html[data-theme="fresh"] form,
html[data-theme="fresh"] .policy-card,
html[data-theme="fresh"] .policy-jump-grid a {
  background: rgba(255, 255, 255, .78) !important;
  color: #122334 !important;
  box-shadow: 0 18px 42px rgba(33, 73, 92, .13) !important;
}

html[data-theme="fresh"] .feature-card p,
html[data-theme="fresh"] .portfolio-item p,
html[data-theme="fresh"] .rule-card p,
html[data-theme="fresh"] .privacy-card p,
html[data-theme="fresh"] .partner-card p,
html[data-theme="fresh"] .content-card p,
html[data-theme="fresh"] .card p,
html[data-theme="fresh"] .policy-copy pre,
html[data-theme="fresh"] .policy-hero p {
  color: #314659 !important;
}

html[data-theme="fresh"] .feature-card h3,
html[data-theme="fresh"] .portfolio-item h3,
html[data-theme="fresh"] .portfolio-item h4,
html[data-theme="fresh"] .rule-card h3,
html[data-theme="fresh"] .rule-card h4,
html[data-theme="fresh"] .policy-card summary,
html[data-theme="fresh"] .policy-hero h1,
html[data-theme="fresh"] .section-title {
  color: #122334 !important;
}

html[data-theme="fresh"] .highlight,
html[data-theme="fresh"] strong,
html[data-theme="fresh"] b {
  color: #0a625d !important;
}

.feature-card:hover,
.portfolio-item:hover,
.rule-card:hover,
.privacy-card:hover,
.partner-card:hover,
.content-card:hover,
.card:hover {
  transform: translateY(-8px) !important;
  border-color: rgba(190, 255, 40, .42) !important;
  box-shadow: 0 28px 80px rgba(0, 0, 0, .48), 0 0 34px rgba(190, 255, 40, .12) !important;
}

.feature-card::before,
.portfolio-item::before,
.content-card::before,
.card::before {
  background: linear-gradient(90deg, var(--mp-lime), var(--mp-cyan)) !important;
}

.feature-icon,
.portfolio-icon {
  background: #0d131b !important;
  border: 1px solid rgba(190, 255, 40, .24) !important;
  border-radius: 8px !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .04), 0 18px 40px rgba(0, 0, 0, .28) !important;
}

.feature-icon i,
.portfolio-item h3 i,
.portfolio-item h4 i,
.feature-card i {
  color: var(--mp-lime) !important;
  filter: drop-shadow(0 0 12px rgba(190, 255, 40, .34)) !important;
}

.portfolio-icon img,
.option-image img,
img {
  border-radius: 8px !important;
}

.feature-card h3,
.portfolio-item h3,
.portfolio-item h4,
.rule-card h4,
.privacy-card h4,
.partner-card h4,
.content-card h4,
.card h4,
.rule-card h3,
.privacy-card h3,
.partner-card h3,
.content-card h3,
.card h3 {
  color: var(--mp-text) !important;
}

.feature-card p,
.portfolio-item p,
.rule-card p,
.privacy-card p,
.partner-card p,
.content-card p,
.card p,
li {
  color: var(--mp-muted) !important;
}

.rule-card h4,
.partner-card h4,
.privacy-card h4,
.content-card h4,
.card h4 {
  color: var(--mp-text) !important;
  text-shadow: 0 0 18px rgba(190, 255, 40, .16) !important;
  font-weight: 800 !important;
}

.rule-card p,
.partner-card p,
.privacy-card p,
.content-card p,
.card p {
  color: #d9e3ee !important;
  opacity: 1 !important;
}

.rule-card .partner-btn,
.partner-btn,
.aanmeld-btn,
.rules-section a.partner-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .45rem !important;
  background: rgba(190, 255, 40, .1) !important;
  border: 1px solid rgba(190, 255, 40, .55) !important;
  border-radius: 8px !important;
  color: var(--mp-lime) !important;
  box-shadow: 0 0 24px rgba(190, 255, 40, .12) !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

.rule-card .partner-btn i,
.partner-btn i,
.aanmeld-btn i {
  color: var(--mp-lime) !important;
}

.rule-card .partner-btn:hover,
.partner-btn:hover,
.aanmeld-btn:hover,
.rules-section a.partner-btn:hover {
  background: var(--mp-lime) !important;
  border-color: var(--mp-lime) !important;
  color: #081007 !important;
  box-shadow: 0 0 36px rgba(190, 255, 40, .32) !important;
}

.rule-card .partner-btn:hover i,
.partner-btn:hover i,
.aanmeld-btn:hover i {
  color: #081007 !important;
}

.rule-icon,
.partner-logo {
  background: #eef5ff !important;
  box-shadow: 0 0 28px rgba(190, 255, 40, .12) !important;
}

.highlight,
strong,
b {
  color: var(--mp-lime);
}

a {
  transition: color .2s ease, background .2s ease, border-color .2s ease, transform .2s ease;
}

a:not(.logo):not(.cta-button):not(.button):hover {
  color: var(--mp-lime) !important;
}

input,
textarea,
select {
  background: rgba(8, 12, 18, .88) !important;
  border: 1px solid var(--mp-line-soft) !important;
  border-radius: 8px !important;
  color: var(--mp-text) !important;
  outline: none !important;
}

input:focus,
textarea:focus,
select:focus {
  border-color: var(--mp-lime) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--mp-lime) 18%, transparent) !important;
}

label {
  color: var(--mp-text) !important;
}

footer {
  background: var(--mp-bg) !important;
  border-top: 1px solid var(--mp-line) !important;
  color: var(--mp-muted) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  width: 100% !important;
  text-align: center !important;
  box-shadow: 0 -18px 48px rgba(0, 0, 0, .24) !important;
  animation: none !important;
}

footer p {
  width: 100% !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  text-align: center !important;
  line-height: 1.6 !important;
}

footer a {
  color: var(--mp-lime) !important;
}

html[data-theme="fresh"] footer {
  background: #ffffff !important;
  color: #314659 !important;
  box-shadow: 0 -18px 48px rgba(33, 73, 92, .08) !important;
}

html[data-theme="neon"] footer {
  background: #071013 !important;
}

html[data-theme="warm"] footer {
  background: #172333 !important;
}

html[data-theme="ocean"] footer {
  background: #031a26 !important;
}

html[data-theme="royal"] footer {
  background: #090817 !important;
}

html[data-theme="aurora"] footer {
  background: #071817 !important;
}

html[data-theme="candy"] footer {
  background: #18071d !important;
}

html[data-theme="graphite"] footer {
  background: #0b0e12 !important;
}

html[data-theme="sunrise"] footer {
  background: #16101a !important;
}

.policy-page {
  min-height: 100vh;
}

.policy-hero {
  padding: 9rem 5% 3.5rem;
  border-bottom: 1px solid var(--mp-line);
  background:
    radial-gradient(circle at 82% 18%, color-mix(in srgb, var(--mp-lime) 22%, transparent), transparent 34rem),
    radial-gradient(circle at 18% 76%, color-mix(in srgb, var(--mp-cyan) 16%, transparent), transparent 28rem),
    linear-gradient(135deg, var(--mp-bg) 0%, var(--mp-panel-2) 52%, var(--mp-bg) 100%) !important;
}

.policy-hero-inner,
.policy-wrap {
  width: min(1180px, 100%);
  margin: 0 auto;
}

.policy-kicker {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  margin-bottom: 1rem;
  padding: .55rem .75rem;
  border: 1px solid var(--mp-line);
  border-radius: 8px;
  color: var(--mp-lime);
  background: color-mix(in srgb, var(--mp-lime) 10%, transparent);
  font-weight: 800;
}

.policy-hero h1 {
  margin: 0 0 .75rem;
  font-size: clamp(2.7rem, 7vw, 5.8rem);
  line-height: .96;
  color: var(--mp-text) !important;
}

.policy-hero p {
  max-width: 780px;
  margin: 0 0 1.6rem;
  color: var(--mp-muted);
  font-size: clamp(1.05rem, 2vw, 1.35rem);
  font-weight: 650;
  line-height: 1.55;
}

.policy-jump-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: .65rem;
}

.policy-jump-grid a {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  min-height: 46px;
  padding: .75rem .9rem;
  border: 1px solid var(--mp-line);
  border-radius: 8px;
  color: var(--mp-text);
  background: rgba(255, 255, 255, .045);
  font-weight: 800;
}

.policy-jump-grid a:hover {
  color: #081007 !important;
  background: var(--mp-lime);
  border-color: var(--mp-lime);
}

.policy-jump-grid a:hover,
.policy-jump-grid a:hover *,
.nav-links a[href*="chatbox"]:hover,
.nav-links a[href*="chatbox"]:hover *,
.cta-button:hover,
.cta-button:hover *,
.rule-card .partner-btn:hover,
.rule-card .partner-btn:hover *,
.partner-btn:hover,
.partner-btn:hover *,
.aanmeld-btn:hover,
.aanmeld-btn:hover * {
  color: #081007 !important;
  -webkit-text-fill-color: #081007 !important;
}

.policy-wrap {
  padding: 2rem 5% 4rem;
}

.policy-card {
  margin-bottom: .9rem;
  border: 1px solid rgba(190, 255, 40, .22);
  border-radius: 8px;
  background: rgba(255, 255, 255, .045);
  box-shadow: 0 20px 55px rgba(0, 0, 0, .28);
  overflow: hidden;
}

.policy-card summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.1rem 1.25rem;
  color: var(--mp-text);
  cursor: pointer;
  font-size: clamp(1rem, 2vw, 1.2rem);
  font-weight: 900;
  list-style: none;
}

.policy-card summary::-webkit-details-marker {
  display: none;
}

.policy-card summary span {
  display: inline-flex;
  align-items: center;
  gap: .7rem;
}

.policy-card summary i {
  color: var(--mp-lime);
}

.policy-card[open] summary {
  border-bottom: 1px solid rgba(190, 255, 40, .18);
  background: rgba(190, 255, 40, .07);
}

.policy-card[open] summary .fa-chevron-down {
  transform: rotate(180deg);
}

.policy-copy {
  padding: 1.25rem;
}

.policy-copy pre {
  margin: 0;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-family: inherit;
  color: #e6edf5;
  font-size: clamp(.96rem, 1.5vw, 1.06rem);
  line-height: 1.75;
}

.particles .particle {
  background: var(--mp-lime) !important;
  box-shadow: 0 0 18px rgba(190, 255, 40, .55);
}

@media (max-width: 1024px) {
  .navbar {
    padding: .55rem 3% !important;
  }

  .nav-container {
    flex-direction: column !important;
    align-items: center !important;
    gap: .7rem !important;
  }

  .nav-links {
    justify-content: center !important;
    width: 100% !important;
  }
}

@media (max-width: 768px) {
  .hero {
    padding-top: 8.5rem !important;
  }

  .policy-hero {
    padding-top: 10.5rem !important;
  }

  .nav-links a {
    min-height: 38px;
  }

  .policy-dropdown {
    left: 50% !important;
    transform: translate(-50%, 8px) !important;
  }

  .policy-menu:hover .policy-dropdown,
  .policy-menu:focus-within .policy-dropdown {
    transform: translate(-50%, 0) !important;
  }
}

@media (min-width: 1025px) {
  .nav-container {
    max-width: 1500px !important;
    gap: 1rem !important;
  }

  .nav-links {
    flex: 1 1 auto !important;
    flex-wrap: nowrap !important;
    justify-content: flex-end !important;
    gap: clamp(.3rem, .72vw, .68rem) !important;
    min-width: 0 !important;
  }

  .nav-links a,
  .chatmee-contact-link {
    padding: .42rem .64rem !important;
    gap: .38rem !important;
  }

  .chatmee-preferences {
    flex: 0 0 auto !important;
    gap: .7rem !important;
    margin-left: 0 !important;
  }

  .chatmee-preferences .chatmee-contact-link {
    margin-right: .25rem !important;
  }

  .chatmee-preferences .theme-control {
    min-height: 36px !important;
    padding: .28rem .42rem !important;
  }

  .chatmee-preferences .theme-control span {
    font-size: .8rem !important;
  }

  .chatmee-preferences .theme-control select {
    max-width: 138px !important;
    min-height: 28px !important;
    font-size: .82rem !important;
  }

  .chatmee-preferences .language-toggle {
    width: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    margin-left: .2rem !important;
    font-size: .92rem !important;
  }
}

/* Header polish: gelijke hoogtes, gelijke afstand en leesbare hover-states */
.navbar .nav-links {
  align-items: center !important;
  gap: .78rem !important;
}

.navbar .nav-links > li {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
}

.navbar .nav-links a,
.navbar .chatmee-contact-link,
.navbar .theme-control,
.navbar .language-toggle {
  box-sizing: border-box !important;
  height: 44px !important;
  min-height: 44px !important;
  border-radius: 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
}

.navbar .nav-links a,
.navbar .chatmee-contact-link {
  padding: 0 .8rem !important;
}

.navbar .chatmee-preferences {
  gap: .78rem !important;
  margin-left: 0 !important;
}

.navbar .chatmee-preferences .chatmee-contact-link,
.navbar .chatmee-preferences .language-toggle {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.navbar .theme-control {
  padding: 0 .55rem !important;
}

.navbar .theme-control select {
  height: 32px !important;
  min-height: 32px !important;
}

.navbar .language-toggle {
  width: 44px !important;
  min-width: 44px !important;
  padding: 0 !important;
}

.navbar .nav-links a:hover,
.navbar .nav-links a:focus-visible,
.navbar .chatmee-contact-link:hover,
.navbar .chatmee-contact-link:focus-visible,
.navbar .language-toggle:hover,
.navbar .language-toggle:focus-visible {
  background: var(--mp-lime) !important;
  border-color: var(--mp-lime) !important;
  color: #081007 !important;
  -webkit-text-fill-color: #081007 !important;
  box-shadow: 0 0 24px color-mix(in srgb, var(--mp-lime) 32%, transparent) !important;
  transform: translateY(-1px) !important;
}

.navbar .nav-links a:hover *,
.navbar .nav-links a:focus-visible *,
.navbar .chatmee-contact-link:hover *,
.navbar .chatmee-contact-link:focus-visible *,
.navbar .language-toggle:hover *,
.navbar .language-toggle:focus-visible * {
  color: #081007 !important;
  -webkit-text-fill-color: #081007 !important;
}

.navbar .theme-control:hover,
.navbar .theme-control:focus-within {
  border-color: var(--mp-lime) !important;
  background: color-mix(in srgb, var(--mp-lime) 12%, transparent) !important;
  color: var(--mp-text) !important;
  box-shadow: 0 0 22px color-mix(in srgb, var(--mp-lime) 22%, transparent) !important;
}

/* Nettere beleid-dropdown en compacte beleidspagina */
.navbar .policy-dropdown {
  min-width: 292px !important;
  padding: .45rem !important;
}

.navbar .policy-dropdown a {
  display: grid !important;
  grid-template-columns: 24px 1fr !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: .62rem !important;
  width: 100% !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 .72rem !important;
  text-align: left !important;
  color: var(--mp-text) !important;
}

.navbar .policy-dropdown a i {
  width: 24px !important;
  text-align: center !important;
  color: var(--mp-muted) !important;
}

.navbar .policy-dropdown a:hover,
.navbar .policy-dropdown a:focus-visible {
  color: #081007 !important;
  background: var(--mp-lime) !important;
  border-color: var(--mp-lime) !important;
}

.navbar .policy-dropdown a:hover i,
.navbar .policy-dropdown a:focus-visible i {
  color: #081007 !important;
}

.policy-hero {
  padding-bottom: 2.4rem !important;
}

.policy-hero h1 {
  font-size: clamp(2.05rem, 5vw, 4.35rem) !important;
}

.policy-jump-grid {
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)) !important;
}

.policy-jump-grid a {
  display: grid !important;
  grid-template-columns: 24px 1fr !important;
  text-align: left !important;
}

.policy-jump-grid a i {
  width: 24px !important;
  text-align: center !important;
}

.policy-wrap {
  padding-top: 1.25rem !important;
}

.policy-card {
  scroll-margin-top: 96px !important;
}

.policy-card summary {
  min-height: 58px !important;
}

.policy-card summary span {
  min-width: 0 !important;
}

.policy-card summary span i {
  width: 26px !important;
  text-align: center !important;
}

.policy-card[open] {
  border-color: color-mix(in srgb, var(--mp-lime) 44%, transparent) !important;
}

.policy-card[open] .policy-copy {
  max-height: min(64vh, 720px) !important;
  overflow: auto !important;
  padding: 1rem 1.25rem 1.2rem !important;
}

.policy-card[open] .policy-copy::-webkit-scrollbar {
  width: 10px;
}

.policy-card[open] .policy-copy::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: color-mix(in srgb, var(--mp-lime) 48%, transparent);
}

.policy-copy pre {
  font-size: clamp(.92rem, 1.35vw, 1.01rem) !important;
  line-height: 1.65 !important;
}

.chatmee-contact-privacy {
  margin: -.15rem 0 .2rem !important;
  color: var(--mp-muted) !important;
  font-size: .82rem !important;
  line-height: 1.45 !important;
}

.chatmee-contact-privacy a {
  color: var(--mp-lime) !important;
  font-weight: 800 !important;
}

.chatmee-privacy-notice {
  position: fixed !important;
  right: 1rem !important;
  bottom: 1rem !important;
  z-index: 9998 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 1rem !important;
  width: min(720px, calc(100vw - 2rem)) !important;
  padding: .95rem !important;
  border: 1px solid var(--mp-line) !important;
  border-radius: 8px !important;
  background: color-mix(in srgb, var(--mp-bg) 94%, #000 6%) !important;
  color: var(--mp-text) !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .42) !important;
  backdrop-filter: blur(18px) !important;
}

.chatmee-privacy-notice strong {
  display: block !important;
  margin-bottom: .18rem !important;
  color: var(--mp-text) !important;
  font-size: .96rem !important;
}

.chatmee-privacy-notice p {
  margin: 0 !important;
  color: var(--mp-muted) !important;
  font-size: .86rem !important;
  line-height: 1.45 !important;
}

.chatmee-privacy-actions {
  display: inline-flex !important;
  align-items: center !important;
  gap: .55rem !important;
}

.chatmee-privacy-actions a,
.chatmee-privacy-actions button {
  min-height: 38px !important;
  padding: 0 .75rem !important;
  border-radius: 8px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

.chatmee-privacy-actions a {
  display: inline-flex !important;
  align-items: center !important;
  color: var(--mp-text) !important;
  border: 1px solid var(--mp-line) !important;
  text-decoration: none !important;
}

.chatmee-privacy-actions button {
  border: 1px solid var(--mp-lime) !important;
  background: var(--mp-lime) !important;
  color: #081007 !important;
  cursor: pointer !important;
}

@media (max-width: 720px) {
  .chatmee-privacy-notice {
    left: 1rem !important;
    grid-template-columns: 1fr !important;
  }

  .chatmee-privacy-actions {
    justify-content: space-between !important;
  }
}

.features-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: clamp(1rem, 1.5vw, 1.5rem) !important;
}

.feature-card h3 {
  font-size: clamp(1.08rem, 1.25vw, 1.34rem) !important;
  line-height: 1.16 !important;
  white-space: nowrap !important;
  overflow-wrap: normal !important;
}

@media (max-width: 1180px) {
  .features-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  .features-grid {
    grid-template-columns: 1fr !important;
  }

  .feature-card h3 {
    white-space: normal !important;
  }
}

@keyframes mp-grid {
  to {
    background-position: 58px 58px;
  }
}

@keyframes mp-scan {
  from {
    background-position: 0 -220px;
  }
  to {
    background-position: 0 100vh;
  }
}

@keyframes mp-shimmer {
  to {
    background-position: 220px 180px;
  }
}