/* /css/theme-light.css */

/* Lys tema – aktiveres når <html data-theme="light"> */
:root[data-theme="light"] {
  --site-bg: #fce4ec;
  --site-text: #212529;
  --site-card-bg: #ffffff;
  --site-card-border: #e0e0e0;
  --site-navbar-bg: #ffffff;
  --site-navbar-text: #212529;
  --site-link: #e91e63;
  --site-link-hover: #c2185b;
}

/* Fælles elementer, men styret af variablerne */
:root[data-theme="light"] body {
  background-color: var(--site-bg);
  color: var(--site-text);
}

:root[data-theme="light"] a {
  color: var(--site-link);
}
:root[data-theme="light"] a:hover,
:root[data-theme="light"] a:focus {
  color: var(--site-link-hover);
}

:root[data-theme="light"] .navbar,
:root[data-theme="light"] .navbar-light,
:root[data-theme="light"] .navbar-expand-lg {
  background-color: var(--site-navbar-bg) !important;
  color: var(--site-navbar-text) !important;
}

:root[data-theme="light"] .navbar a.nav-link,
:root[data-theme="light"] .navbar-brand {
  color: var(--site-navbar-text) !important;
}

:root[data-theme="light"] .card,
:root[data-theme="light"] .modal-content {
  background-color: var(--site-card-bg);
  border-color: var(--site-card-border);
  color: var(--site-text);
}

.hero-1flirt{position:relative;overflow:hidden;background:
radial-gradient(1200px 600px at 10% -10%, #ffe6f0 0%, transparent 60%),
radial-gradient(1000px 600px at 110% 10%, #fff0e0 0%, transparent 60%),
linear-gradient(135deg, #ffffff 0%, #fff6fb 60%, #fff 100%);}
.floating-heart{position:absolute;width:18px;height:18px;background:#ff6ea7;transform:rotate(45deg);
animation:floatUp 10s linear infinite;opacity:.18;border-radius:3px;bottom:-24px;}
.floating-heart::before,.floating-heart::after{content:"";position:absolute;width:18px;height:18px;background:#ff6ea7;border-radius:50%;}
.floating-heart::before{top:-9px;left:0}.floating-heart::after{top:0;left:-9px}
@keyframes floatUp{0%{transform:translateY(0) rotate(45deg);opacity:.18}100%{transform:translateY(-120vh) rotate(45deg);opacity:0}}
@media (prefers-reduced-motion:reduce){.floating-heart{display:none;animation:none!important}}
.card.shadow-soft{border:0;border-radius:18px;box-shadow:0 10px 24px rgba(0,0,0,.06)}

/* Udvalgte profiler – kort */
.profile-card{
  border-radius:14px;
  background:var(--bs-body-bg);
  border:1px solid var(--bs-border-color);
  padding:10px;
  text-align:center;
  transition:transform .12s ease, box-shadow .12s ease;
}
.profile-card:hover{ transform:translateY(-2px); box-shadow:0 8px 18px rgba(0,0,0,.06); }

.profile-avatar{
  position:relative;
  width:100%;
  padding-top:100%;
  border-radius:12px;
  overflow:hidden;
  background:var(--bs-secondary-bg, #f3f4f6);
  display:flex;align-items:center;justify-content:center;
}
.profile-avatar img{
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit:cover;
}
.profile-name{ margin-top:.5rem; font-weight:600; color:var(--bs-heading-color, #111); font-size:.95rem; }
.profile-subtext{ font-size:.8rem; color:var(--bs-secondary-color, #6c757d); }

/* Udvalgte beskeder – lille boks i højre side */
.promoted-widget .avatar{ width:42px; height:42px; border-radius:50%; object-fit:cover; }
.promoted-widget .msg{ line-height:1.4; }
.promoted-widget .heading{ font-weight:700; display:flex; align-items:center; gap:.5rem; }
.promoted-widget .expires{ font-size:.8rem; color:var(--bs-secondary-color, #6c757d); }

  .terms-card { border:0; border-radius:18px; box-shadow:0 10px 24px rgba(0,0,0,.06); }
  .toc { position:sticky; top:90px; }
  .toc .list-group-item { border:0; padding:.4rem .25rem; background:transparent; }
  .toc .list-group-item a { text-decoration:none; }
  .toc .list-group-item a:hover { text-decoration:underline; }
  .terms h2 { font-size:1.35rem; margin-top:1.75rem; }
  .terms ol { padding-left:1.1rem; }
  .terms li { margin-bottom:.5rem; }
  .muted-box { background:var(--bs-light, #f8f9fa); border:1px solid var(--bs-border-color); border-radius:12px; padding:1rem; }

  .policy-card { border:0; border-radius:18px; box-shadow:0 10px 24px rgba(0,0,0,.06); }
  .toc { position: sticky; top: 90px; }
  .toc .list-group-item { border:0; padding:.45rem .25rem; background:transparent; }
  .toc .list-group-item a { text-decoration: none; }
  .toc .list-group-item a:hover { text-decoration: underline; }
  .policy h2 { font-size:1.35rem; margin-top:1.75rem; }
  .muted-box { background:var(--bs-light, #f8f9fa); border:1px solid var(--bs-border-color); border-radius:12px; padding:1rem; }

  .floating-finder{
    position:fixed; width:56px; height:56px; cursor:pointer; z-index:9999;
    display:none; transition:transform .08s ease;
    user-select:none; -webkit-user-drag:none;
  }
  .floating-finder:hover{ transform: scale(1.06); }
  .floating-finder img{ width:100%; height:100%; display:block; }

  /* Kun “extra” CSS – tema-farver ligger nu i theme-light.css / theme-light.css */

  /* Tema-knap */
  .theme-toggle-btn {
    border-radius: 999px;
    font-size: .85rem;
    padding: .25rem .7rem;
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    white-space: nowrap;
  }
  .theme-toggle-btn i { font-size: 1rem; }

  /* Z-index: navbar over spinner */
  #spinner { z-index: 1040; }
  .navbar  { position: relative; z-index: 1050; }

  .navbar .dropdown-toggle::after{display:none!important}

  .nav-item .badge-notif{
    position:absolute; top:0; left:100%;
    transform: translate(-40%, -30%);
    font-size:.65rem; padding:.2rem .35rem;
  }
  .dropdown-menu-notif{ min-width: 340px; }
  .dropdown-menu-notif .list-group-item{ border:0; }

  .post-badge{
    margin-left:.35rem; font-size:.75rem; padding:.1rem .45rem; border-radius:999px;
    background:#ff4d8d; color:#fff; font-weight:700;
  }
  .nav-post-pulse{
    position:absolute; top:6px; right:-6px; width:8px; height:8px; border-radius:50%;
    background:#ff4d8d; box-shadow:0 0 0 0 rgba(255,77,141,.7); animation:postPulse 1.7s infinite;
  }

  /* NYT: badge til Besøg */
  .besog-badge{
    margin-left:.35rem; font-size:.75rem; padding:.1rem .45rem; border-radius:999px;
    background:#0d6efd; color:#fff; font-weight:700;
  }
  .nav-besog-pulse{
    position:absolute; top:6px; right:-6px; width:8px; height:8px; border-radius:50%;
    background:#0d6efd; box-shadow:0 0 0 0 rgba(13,110,253,.7); animation:postPulse 1.7s infinite;
  }

  @keyframes postPulse{0%{box-shadow:0 0 0 0 rgba(255,77,141,.7)}70%{box-shadow:0 0 0 10px rgba(255,77,141,0)}100%{box-shadow:0 0 0 0 rgba(255,77,141,0)}}

  .notif-toasts{ position:fixed; left:16px; bottom:16px; z-index:1060; display:flex; flex-direction:column; gap:10px; pointer-events:none; }
  .notif-toast{ min-width:260px; max-width:340px; background:#fff; pointer-events:auto; border:1px solid rgba(0,0,0,.08); border-radius:12px; box-shadow:0 10px 28px rgba(0,0,0,.12); padding:.75rem .9rem; display:flex; gap:.6rem; align-items:flex-start; }
  .notif-toast .icon{flex:0 0 28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center}
  .notif-toast .title{font-weight:700;margin:0;font-size:.95rem}
  .notif-toast .body{font-size:.9rem;margin:.15rem 0 .25rem}
  .notif-toast .actions{display:flex;gap:.5rem;margin-top:.25rem}
  .notif-toast .btn{padding:.25rem .5rem;border-radius:999px}

  .notif-item.unread { background:#fff0f5; }
  .notif-item .title { font-weight:600; }
  .notif-item .meta  { font-size:.8rem; color: var(--bs-secondary-color, #6c757d); }
  .notif-empty { padding:.75rem 1rem; color: var(--bs-secondary-color,#6c757d); }

  .nav-bell-hasnew .bi-bell { color:#ff4d8d; }

  /* Ekstra styles til team-kort */
  .team-item { background:#fff; border:1px solid var(--bs-border-color); border-radius:.75rem; overflow:hidden; }
  .team-item .thumb { position:relative; aspect-ratio:1/1; overflow:hidden; }
  .team-item .thumb img { width:100%; height:100%; object-fit:cover; display:block; }
  .team-item .team-text { padding: .75rem .85rem; text-align:center; }
  .team-item .team-text h4 { font-size:1.05rem; margin:0; }
  .team-item .online-dot, .team-item .offline-dot {
    position:absolute; right:.5rem; bottom:.5rem; width:12px; height:12px; border-radius:50%;
    border:2px solid #fff; box-shadow:0 0 0 1px rgba(0,0,0,.06);
  }
  .team-item .online-dot { background:#2ecc71; }
  .team-item .offline-dot { background:#c0c0c0; }
  .faq-accordion .collapsible { display:flex; align-items:center; width:100%; padding:.75rem 1rem; border:1px solid var(--bs-border-color);
    background:#fff; border-radius:.5rem; margin-bottom:.5rem; cursor:pointer; transition:background .15s ease; }
  .faq-accordion .collapsible.active { background:#f8f9fa; }
  .faq-accordion .content1 { overflow:hidden; max-height:0; transition:max-height .25s ease; background:#fff; border:1px solid var(--bs-border-color);
    border-top:0; border-radius:0 0 .5rem .5rem; padding:0 1rem; }
  .faq-accordion .content1 p { margin:.75rem 0; }
  .help-badge { display:inline-block; background:#ffe3f2; color:#c61b68; font-weight:600; padding:.35rem .7rem; border-radius:999px; }

  .policy-card { border:0; border-radius:18px; box-shadow:0 10px 24px rgba(0,0,0,.06); }
  .toc { position: sticky; top: 90px; }
  .toc .list-group-item { border:0; padding:.45rem .25rem; background:transparent; }
  .toc .list-group-item a { text-decoration: none; }
  .toc .list-group-item a:hover { text-decoration: underline; }
  .section-wrap { margin-top: 1.5rem; }
  .section-wrap + .section-wrap { margin-top: 2rem; }
  .muted-box { background:var(--bs-light, #f8f9fa); border:1px solid var(--bs-border-color); border-radius:12px; padding:1rem; }
  .subtext { margin-top:.25rem; color:var(--bs-secondary-color,#6c757d); }
  .purpose-table th, .purpose-table td { vertical-align: top; }
  @media (max-width: 992px) { .display-5.mb-0 { font-size:1.6rem; } }

  .rules-card   { border:0; border-radius:18px; box-shadow:0 10px 24px rgba(0,0,0,.06); }
  .toc          { position:sticky; top:90px; }
  .toc .list-group-item { border:0; padding:.45rem .25rem; background:transparent; }
  .toc .list-group-item a { text-decoration:none; }
  .toc .list-group-item a:hover { text-decoration:underline; }
  .rules h2     { font-size:1.35rem; margin-top:1.75rem; }
  .callout      { border-left:4px solid var(--bs-primary); background:var(--bs-light, #f8f9fa); padding:1rem; border-radius:.5rem; }
  .bad          { background:#fff4f4; border:1px solid #ffd1d1; border-left:4px solid #e03131; }
  .good         { background:#f3fbef; border:1px solid #d7f0cc; border-left:4px solid #2f9e44; }
  .muted-box    { background:var(--bs-light, #f8f9fa); border:1px solid var(--bs-border-color); border-radius:12px; padding:1rem; }
  
   .cc-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.4);backdrop-filter:blur(1px);display:none;z-index:1059}
  .cc-wrap{
    position:fixed;left:50%;bottom:16px;transform:translateX(-50%);
    width:min(960px, calc(100% - 24px));
    background:#fff;border:1px solid #eee;border-radius:14px;padding:14px;
    box-shadow:0 16px 40px rgba(0,0,0,.15);z-index:1060;display:none;font:14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu
  }
  .cc-title{font-weight:800;font-size:18px;margin-bottom:6px}
  .cc-text{color:#555;margin-bottom:10px}
  .cc-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}
  .cc-btn{border-radius:999px;border:1px solid #ffd1e1;background:#fff;color:#b0003a;font-weight:700;padding:.5rem .9rem;cursor:pointer}
  .cc-btn.brand{background:#e91e63;border-color:#e91e63;color:#fff}
  .cc-btn.alt{background:#fff0f5}
  .cc-link{color:#e91e63;text-decoration:none}
  .cc-advanced{margin-top:10px;border-top:1px solid #f0f1f4;padding-top:10px;display:none}
  .cc-cat{display:flex;align-items:center;gap:8px;margin:.25rem 0}
  .cc-cat small{color:#6c757d}
  .cc-on{accent-color:#e91e63}
  @media (max-width:600px){ .cc-row{flex-direction:column;align-items:stretch} .cc-actions{width:100%;display:flex;gap:6px;flex-wrap:wrap} .cc-btn{flex:1} }

/* Brandet look der matcher Bootstrap’s primary */
.qotd-card{border:1px solid var(--bs-border-color); border-radius:16px; box-shadow:0 10px 28px rgba(0,0,0,.06); background:#fff;}
.qotd-title{
  font-weight:800;
  color: var(--bs-primary);                 /* "Dagens Icebreaker" i temaets primære farve */
  letter-spacing:.2px;
}
.qotd-subdate{color: var(--bs-secondary-color, #6c757d)}
.qotd-q{
  color: var(--bs-primary);                 /* Spørgsmålet i samme farve */
  font-weight:700;
  border-left:4px solid var(--bs-primary);
  padding-left:.6rem;
}

/* Options / Resultater */
.qotd-btn{display:block;width:100%;text-align:left;border:1px solid var(--bs-border-color);background:#fff;border-radius:12px;padding:.7rem .9rem}
.qotd-btn:hover{background:#f8f9fb}
.qotd-bar{height:10px;border-radius:999px;background:#eef2ff;overflow:hidden}
.qotd-fill{height:100%; background:rgba(var(--bs-primary-rgb,13,110,253), .35)}
.qotd-meta{color:#6c757d}

/* “Se hvem” link-knap */
.qotd-who{border:0; background:transparent; padding:0; font-size:.9rem; color:var(--bs-primary); text-decoration:underline; cursor:pointer}
.qotd-who:hover{opacity:.85}

/* Modal styling — matcher temaets primærfarve */
.qotd-modal-title{
  color: var(--bs-primary);
  font-weight: 800;
  letter-spacing: .2px;
}

/* Liste over brugere i modal */
.who-item{display:flex; align-items:center; gap:.6rem; padding:.35rem 0; border-bottom:1px dashed #eee;}
.who-item:last-child{border-bottom:0}
.who-avatar{width:36px; height:36px; border-radius:50%; overflow:hidden; background:#f2f2f2; border:1px solid #fff; box-shadow:0 2px 6px rgba(0,0,0,.06)}
.who-avatar img{width:100%; height:100%; object-fit:cover}

/* Brugernavn i temaets farve */
.who-name{
  color: var(--bs-primary);
  text-decoration: none;
  font-weight: 700;
}
.who-name:hover{ text-decoration: underline; opacity:.9; }

.gift-page-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
}
.gift-page-header h1{
  font-size:1.5rem;
  margin:0;
}
.gift-table{
  font-size:.9rem;
}
.gift-icon-cell{
  width:40px;
  text-align:center;
}
.gift-row-unread{
  background:#fff7fb;
}
.gift-name-line{
  font-size:.8rem;
  color:#6c757d;
}
.gift-name-line strong{
  color:#495057;
}
@media(max-width: 768px){
  .gift-table thead{
    display:none;
  }
  .gift-table tbody tr{
    display:block;
    margin-bottom:.75rem;
    border-radius:8px;
    border:1px solid var(--bs-border-color);
    padding:.4rem .6rem;
  }
  .gift-table td{
    display:block;
    border:0 !important;
    padding:.15rem 0 !important;
  }
  .gift-table td::before{
    content:attr(data-label);
    font-weight:600;
    margin-right:.35rem;
    color:#6c757d;
  }
}

/* Lille, egen styling til farve-vælgeren (checkbox look m. ✓) */
.skin-grid { display:grid; grid-template-columns: repeat(auto-fill, minmax(140px,1fr)); gap:.6rem; }
.skin-card {
  position:relative; border:1px solid var(--bs-border-color,#dee2e6); border-radius:.6rem;
  padding:.7rem .6rem; cursor:pointer; background:#fff; min-height:74px;
}
.skin-card:hover { box-shadow:0 4px 16px rgba(0,0,0,.06); }
.skin-card input[type="radio"] { position:absolute; inset:0; opacity:0; cursor:pointer; }
.skin-card .skin-name { font-weight:700; font-size:.9rem; margin-bottom:.15rem; }
.skin-card .skin-chip { display:inline-block; font-size:.75rem; padding:.15rem .5rem; border-radius:999px; border:1px solid rgba(0,0,0,.08); }
.skin-card .tick {
  position:absolute; top:.5rem; right:.5rem; width:22px; height:22px; border-radius:50%;
  border:2px solid #adb5bd; display:flex; align-items:center; justify-content:center; font-size:.9rem; color:transparent;
}
.skin-card input[type="radio"]:checked ~ .tick { background:#0d6efd; border-color:#0d6efd; color:#fff; }
.skin-preview {
  border:1px dashed var(--bs-border-color,#dee2e6); border-radius:.6rem; padding:1rem;
  display:flex; align-items:center; gap:.75rem; background:#fff;
}
.skin-preview .avatar-md { width:64px; height:64px; border-radius:50%; object-fit:cover; }
.skin-preview .username { font-weight:700; }
.skin-preview .status-quote { font-style:italic; margin-top:.25rem; padding-top:.4rem; border-top:2px solid rgba(0,0,0,.08); }

/* Låse-overlay for ikke-VIP */
.locked-overlay { position: relative; }
.locked-overlay::after{
  content: "Kun VIP kan ændre farven";
  position:absolute; inset:0;
  display:flex; align-items:center; justify-content:center;
  font-weight:800; letter-spacing:.02em;
  background:rgba(255,255,255,.7);
  border:1px dashed #ffda6a;
  color:#7a5500;
  border-radius:.6rem;
}

/* ===================== TOKENS TIL PREVIEW ===================== */
[data-skin="alm"] {
  --skin-accent:#6c757d; --skin-accent-2:#adb5bd; --skin-ring:#d9dde1; --skin-ring-glow:rgba(108,117,125,.18);
  --skin-chip-bg:#f6f7f9; --skin-chip-border:rgba(0,0,0,.08); --skin-chip-text:#2b2f33;
  --skin-quote-border:#eceff3; --skin-quote-text:#5b636a;
}
[data-skin="guld"] {
  --skin-accent:#d4af37; --skin-accent-2:#ffce54; --skin-ring:#e6c55c; --skin-ring-glow:rgba(212,175,55,.40);
  --skin-chip-bg:#fff8dc; --skin-chip-border:#e6c55c; --skin-chip-text:#6b5200;
  --skin-quote-border:#ffedb3; --skin-quote-text:#6b5200;
}
[data-skin="soelv"] {
  --skin-accent:#9aa3ad; --skin-accent-2:#c7d0d8; --skin-ring:#c9d1d8; --skin-ring-glow:rgba(154,163,173,.35);
  --skin-chip-bg:#f3f6f8; --skin-chip-border:#d7dee5; --skin-chip-text:#2a3137;
  --skin-quote-border:#e3e9ee; --skin-quote-text:#3a4148;
}
[data-skin="roed"] {
  --skin-accent:#dc3545; --skin-accent-2:#ff6b81; --skin-ring:#ffc9cf; --skin-ring-glow:rgba(220,53,69,.35);
  --skin-chip-bg:#ffe9ec; --skin-chip-border:#ffc9cf; --skin-chip-text:#66121a;
  --skin-quote-border:#ffd5da; --skin-quote-text:#66121a;
}
[data-skin="blaa"] {
  --skin-accent:#3b82f6; --skin-accent-2:#93c5fd; --skin-ring:#c5e0ff; --skin-ring-glow:rgba(59,130,246,.35);
  --skin-chip-bg:#eef7ff; --skin-chip-border:#c5e0ff; --skin-chip-text:#0b3a5a;
  --skin-quote-border:#dbeeff; --skin-quote-text:#0b3a5a;
}
[data-skin="lilla"] {
  --skin-accent:#8b5cf6; --skin-accent-2:#c4b5fd; --skin-ring:#e9d5ff; --skin-ring-glow:rgba(139,92,246,.35);
  --skin-chip-bg:#f6f0ff; --skin-chip-border:#e9d5ff; --skin-chip-text:#2b1f4d;
  --skin-quote-border:#eadcff; --skin-quote-text:#2b1f4d;
}
[data-skin="orange"] {
  --skin-accent:#f97316; --skin-accent-2:#ffb580; --skin-ring:#ffd1b0; --skin-ring-glow:rgba(249,115,22,.35);
  --skin-chip-bg:#fff3e6; --skin-chip-border:#ffd6b8; --skin-chip-text:#3b1700;
  --skin-quote-border:#ffe3cc; --skin-quote-text:#3b1700;
}
[data-skin="gul"] {
  --skin-accent:#f59e0b; --skin-accent-2:#ffe08a; --skin-ring:#ffe28a; --skin-ring-glow:rgba(245,158,11,.35);
  --skin-chip-bg:#fff8dc; --skin-chip-border:#ffe28a; --skin-chip-text:#6b3f00;
  --skin-quote-border:#ffefb3; --skin-quote-text:#6b3f00;
}
[data-skin] .avatar-md {
  box-shadow: 0 0 0 2px var(--skin-ring), 0 0 0 6px var(--skin-ring-glow);
}
[data-skin] .username { color: var(--skin-accent); }
[data-skin] .badge-chip {
  background: var(--skin-chip-bg); color: var(--skin-chip-text); border:1px solid var(--skin-chip-border);
  display:inline-flex; align-items:center; gap:.35rem; padding:.15rem .55rem; border-radius:999px; font-weight:700; font-size:.72rem;
}
[data-skin] .badge-chip.is-accent {
  background: linear-gradient(180deg,
               color-mix(in srgb, var(--skin-accent) 10%, #fff),
               color-mix(in srgb, var(--skin-accent-2) 25%, #fff));
  color:#1d2125;
  border-color: color-mix(in srgb, var(--skin-accent) 35%, #fff);
}
[data-skin] .status-quote { border-top:2px solid var(--skin-quote-border); color:var(--skin-quote-text); }

.auth-hero{position:relative;overflow:hidden;background:
  radial-gradient(900px 460px at -20% 0%, #ffe6f2 0%, transparent 60%),
  radial-gradient(900px 480px at 120% 10%, #fff0e0 0%, transparent 60%),
  linear-gradient(135deg,#fff 0%,#fff6fb 60%,#fff 100%)}
.card-glass{background:rgba(255,255,255,.9);border:1px solid var(--bs-border-color);
  border-radius:16px;box-shadow:0 12px 30px rgba(0,0,0,.06);backdrop-filter:blur(6px)}
.icon-badge{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:#f1f4ff;color:var(--bs-primary);box-shadow:inset 0 0 0 1px rgba(13,110,253,.15)}
.form-floating>label{color:var(--bs-secondary-color,#6c757d)}
.btn-icon{display:inline-flex;align-items:center;gap:.5rem}
.help-list{color:var(--bs-secondary-color,#6c757d)} .help-list li{margin-bottom:.4rem}

  #holiday{ --holiday-accent: <?php echo h($holiday['theme_color'] ?? '#8e44ad'); ?>; }
  #holiday{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;}
  #holiday .holiday-wrap{max-width:1000px;margin:1.5rem auto;padding:1rem;}
  #holiday .holiday-hero{background:linear-gradient(135deg,var(--holiday-accent),#222);color:#fff;border-radius:18px;padding:1.2rem 1.4rem;display:flex;align-items:center;gap:1rem}
  #holiday .holiday-emoji{font-size:2.2rem}
  #holiday .holiday-badge-pill{display:inline-block;background:#ffffff22;color:#fff;padding:.2rem .6rem;border-radius:999px;font-size:1rem}
  #holiday .holiday-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-top:1rem}
  #holiday .holiday-card{border:1px solid #eaeaea;border-radius:16px;padding:1rem;background:#fff;box-shadow:0 2px 9px rgba(0,0,0,.04)}
  #holiday .holiday-card h3{margin:.2rem 0 .3rem 0;font-size:1.05rem}
  #holiday .holiday-card p{margin:.3rem 0 .8rem 0;color:#333;min-height:2.4em}
  #holiday .holiday-btn{display:inline-flex;align-items:center;gap:.5rem;border:none;border-radius:12px;padding:.6rem .9rem;cursor:pointer;background:var(--holiday-accent);color:#fff;font-weight:600}
  #holiday .holiday-btn[disabled]{opacity:.45;cursor:not-allowed}
  #holiday .holiday-mini{color:#666;font-size:.92rem}
  #holiday .holiday-row{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}
  #holiday .holiday-col{flex:1 1 320px}
  #holiday .holiday-table{width:100%;border-collapse:collapse}
  #holiday .holiday-table th,#holiday .holiday-table td{padding:.6rem;border-bottom:1px solid #eee;text-align:left}
  #holiday .holiday-medal{font-size:1.1rem;margin-right:.3rem}
  #holiday .holiday-badge-list{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.4rem}
  #holiday .holiday-badge-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .55rem;border-radius:999px;font-size:.9rem;border:1px solid #eee;background:#fafafa}
  #holiday .holiday-modal{position:fixed;inset:0;background:rgba(0,0,0,.5);display:none;align-items:center;justify-content:center;z-index:9999}
  #holiday .holiday-modal .holiday-box{background:#fff;border-radius:14px;max-width:420px;width:90%;padding:1rem 1.2rem;text-align:center}
  #holiday .holiday-toast{position:fixed;left:1rem;bottom:1rem;background:#111;color:#fff;padding:.8rem 1rem;border-radius:10px;display:none;z-index:9998}
  #holiday .holiday-hero h2{
  color:#fff !important;
  font-weight:800;
  margin:.2rem 0 0 0;
}
#holiday .holiday-card h3{
  color: var(--holiday-accent);
}

  :root{
    --brand:#e91e63;
    --brand-2:#d81b60;
  }
  .stats-hero{
    border:1px solid #ffd1e1; background:linear-gradient(180deg,#fff7fb,#fff);
    border-radius:16px; padding:18px; box-shadow:0 12px 30px rgba(233,30,99,.06);
  }
  .stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
  @media (max-width: 992px){ .stat-grid{grid-template-columns:repeat(2,1fr);} }
  @media (max-width: 576px){ .stat-grid{grid-template-columns:1fr;} }
  .stat-card{
    background:#fff; border:1px solid #eee; border-radius:14px; padding:14px;
    box-shadow:0 2px 10px rgba(0,0,0,.04);
  }
  .stat-card .k{font-size:.82rem; color:#6c757d; margin-bottom:4px}
  .stat-card .v{font-size:1.35rem; font-weight:800}
  .muted{color:#6c757d}
  .chip{
    display:inline-flex; align-items:center; gap:.4rem;
    padding:.22rem .55rem; border-radius:999px;
    background:#fff; border:1px solid #ffd1e1; color:#c2185b; font-weight:600; font-size:.85rem;
  }
  .divider{height:1px; background:#f0f1f4; margin:10px 0}
  .bullet{display:inline-block;width:8px;height:8px;border-radius:50%}
  .b1{background:#0d6efd33;border:1px solid #0d6efd55}
  .b2{background:#ffd54f55;border:1px solid #ffc10788}
  .b3{background:#34a85333;border:1px solid #34a85366}
  .mini{
    display:flex; align-items:center; gap:10px; justify-content:space-between;
    padding:6px 10px; border-radius:12px; border:1px solid #f0f1f4; background:#fafbff;
  }
  .label-sml{font-size:.84rem; color:#6c757d}

  /* Badges-liste */
  .badge-list{display:flex; flex-wrap:wrap; gap:.5rem}
  .badge-chip{
    display:inline-flex; align-items:center; gap:.45rem;
    padding:.28rem .6rem; border-radius:999px; border:1px solid #eee; background:#fff;
    font-size:.92rem;
  }
  .badge-chip .emoji{font-size:1.1rem; line-height:1}
  .badge-chip .name{font-weight:700}
  .badge-chip .holiday{opacity:.75; font-size:.85rem}

  /* Streak */
  .streak-card{
    border:1px solid #ffd1e1;
    border-radius:14px;
    background:
      radial-gradient(800px 300px at -20% -40%, #fff0f5 0%, transparent 60%),
      linear-gradient(180deg,#ffffff,#fff9fc);
    box-shadow:0 10px 28px rgba(233,30,99,.06);
    padding:14px;
  }
  .streak-card .title{ font-weight:800; letter-spacing:.2px; }
  .streak-pill{
    display:inline-flex; align-items:center; gap:.45rem;
    border:1px solid #ffb6ca; border-radius:999px; padding:.25rem .6rem; background:#fff;
  }
  .streak-big{ font-size: clamp(28px, 5vw, 40px); font-weight:900; line-height:1; }
  .streak-sub{ color:#6c757d; }

  /* BOOST-knap lille indikator i hero */
  .boost-dot{
    width:8px; height:8px; border-radius:50%;
    background:#ffc107;
    box-shadow:0 0 0 0 rgba(255,193,7,.6);
    animation:boostDotPulse 1.7s infinite;
  }
  @keyframes boostDotPulse{
    0%  { box-shadow:0 0 0 0 rgba(255,193,7,.6); }
    70% { box-shadow:0 0 0 8px rgba(255,193,7,0); }
    100%{ box-shadow:0 0 0 0 rgba(255,193,7,0); }
  }

.settings-menu {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
    padding: 20px;
}
.settings-menu h5 {
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 8px;
    margin-bottom: 15px;
}
.settings-menu a {
    display: block;
    padding: 10px 12px;
    border-radius: 8px;
    text-decoration: none;
    color: #333;
    font-weight: 500;
    transition: all 0.2s ease-in-out;
}
.settings-menu a i {
    margin-right: 8px;
    color: #ff4d6d; /* kærligheds-farve */
}
.settings-menu a:hover {
    background-color: #fff0f4;
    color: #d6336c;
}

.likes-hero{
  background:
    radial-gradient(900px 480px at -10% 0%, #ffe6f2 0%, transparent 60%),
    radial-gradient(900px 480px at 110% 10%, #fff0e0 0%, transparent 60%),
    linear-gradient(135deg,#fff,#fff6fb 60%,#fff 100%);
}
.user-card{
  border:1px solid var(--bs-border-color);
  border-radius:14px;
  padding:10px;
  background:#fff;
  transition:transform .1s ease, box-shadow .1s ease;
}
.user-card:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.08)}
.user-avatar{
  width:88px;height:88px;border-radius:50%;object-fit:cover;
  border:3px solid #fff;box-shadow:0 .35rem .9rem rgba(0,0,0,.08)
}
.badge-like{background:#ffe6ee;color:#c2255c}
.badge-match{background:#e7f5ff;color:#0b7285}
.heart-float{
  position:absolute;right:-4px;top:-6px;
  background:#ffe6ee;border:1px solid #ffb3c7;border-radius:999px;
  padding:.2rem .45rem;font-size:.8rem
}
.tab-pill .nav-link{border-radius:999px}

/* Swipe sektion */
.swipe-section{margin-top:1.5rem;margin-bottom:1.5rem}
.swipe-chooser .btn-kon{
  border-radius:999px;
  padding:.55rem 1.3rem;
  font-weight:600;
}
.swipe-chooser .btn-kon.active{
  background:#ff4d8d;
  border-color:#ff4d8d;
  color:#fff;
}
.swipe-chooser .btn-kon-reset{
  border-style:dashed;
  opacity:.8;
  font-size:.8rem;
}
.swipe-card-wrap{
  max-width:420px;
  margin:0 auto;
}
#swipeCard{
  border-radius:18px;
  border:1px solid rgba(0,0,0,.06);
  box-shadow:0 14px 32px rgba(0,0,0,.12);
  overflow:hidden;
  background:#fff;
  touch-action:pan-y;
}
#swipeCardImg{
  width:100%;height:280px;object-fit:cover;
}
.swipe-meta{padding:0.9rem 1rem 0.9rem 1rem}
.swipe-name{
  font-weight:800;
  font-size:1.1rem;
}
.swipe-sub{color:var(--bs-secondary-color);font-size:.9rem}
.swipe-actions{
  display:flex;
  justify-content:space-between;
  gap:1rem;
  margin-top:.8rem;
}
.swipe-btn{
  flex:1;
  padding:.65rem 0;
  border-radius:999px;
  font-size:1.05rem;
  font-weight:600;
}
.swipe-btn-no{
  border:1px solid #ffccd5;
  background:#fff5f7;
  color:#e03131;
}
.swipe-btn-yes{
  border:1px solid #63e6be;
  background:#e6fcf5;
  color:#087f5b;
}
@media (max-width: 576px){
  #swipeCardImg{height:240px;}
}

/* Overskrift / header */
.noti-header {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
}
.noti-header h3 {
  color:#d63384; /* lyserød som på velkomst-siden */
}

/* Nav-pills til filter */
.nav-pills .nav-link {
  border-radius:999px;
  padding:.25rem .9rem;
  font-size:.85rem;
}
.nav-pills .nav-link.active {
  background:#d63384;
  color:#fff;
}
.nav-pills .nav-link:not(.active) {
  color:#6c757d;
}
.nav-pills .nav-link:not(.active):hover {
  color:#d63384;
}

/* Ulæst-prik */
.noti-pill-unread {
  width:9px;
  height:9px;
  border-radius:50%;
  background:#d63384;
  display:inline-block;
}

/* Kort-udseende for notifikation */
.noti-item {
  border-radius:14px;
  border:1px solid rgba(0,0,0,.06);
  padding:.85rem 1rem;
  background:#ffffff;
  transition:box-shadow .15s ease, transform .05s ease, border-color .15s ease;
}
.noti-item:hover {
  box-shadow:0 6px 18px rgba(0,0,0,.06);
  transform:translateY(-1px);
}
.noti-item.unread {
  border-color:#ffc9de;
  background:#fff5fa;
}

/* Ikoner */
.noti-icon {
  width:38px;
  height:38px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:1.1rem;
}
.noti-icon.like {
  background:#ffe3ec;
  color:#c2255c;
}
.noti-icon.match {
  background:#ffe8cc;
  color:#d9480f;
}
.noti-icon.msg {
  background:#e7f1ff;
  color:#0b5ed7;
}
.noti-icon.info {
  background:#e6f4ea;
  color:#137333;
}

/* Tekst */
.noti-time {
  font-size:.8rem;
  color:#6c757d;
}
.noti-text-main {
  font-size:.9rem;
  color:#212529;
}
.noti-label-badge {
  font-size:.7rem;
  font-weight:600;
  border-radius:999px;
  padding:.05rem .55rem;
  background:#f8f9fa;
  color:#6c757d;
  border:1px solid rgba(0,0,0,.04);
}

/* Link til "Gå til siden" */
.noti-link a {
  font-size:.8rem;
  text-decoration:none;
  color:#6c757d;
}
.noti-link a i {
  font-size:.75rem;
}
.noti-link a:hover {
  color:#d63384;
  text-decoration:underline;
}

/* "Markér som læst" knap */
.noti-item .btn-outline-secondary.btn-sm {
  font-size:.75rem;
  padding:.15rem .5rem;
  border-radius:999px;
}

/* Info / succes beskeder øverst på siden */
.alert.small-alert {
  font-size:.85rem;
  padding:.35rem .75rem;
}

/* Responsiv finjustering */
@media (max-width: 576px){
  .noti-header {
    flex-direction:column;
    align-items:flex-start;
  }
}

/* Checkbox styling (fra din gamle fil) */
#accept_privacy.form-check-input { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(0 0 0 0); overflow: hidden; }
#accept_privacy + label.form-check-label { display: inline-flex; align-items: center; gap: .55rem; cursor: pointer; user-select: none; font-size: .95rem; line-height: 1.4; color: #212529; }
#accept_privacy + label.form-check-label::before { content: ""; width: 1.05rem; height: 1.05rem; border: 2px solid #adb5bd; border-radius: .25rem; box-sizing: border-box; display: inline-block; transition: all .15s ease-in-out; }
#accept_privacy:checked + label.form-check-label::before { background: #e91e63; border-color: #e91e63; box-shadow: 0 0 0 2px rgba(233,30,99,.15); }

/* Password strength meter */
.pw-meter { height: 10px; background: #e9ecef; border-radius: 6px; overflow: hidden; margin-top: .5rem; }
.pw-meter > i { display: block; height: 100%; width: 0%; transition: width .18s ease; background: linear-gradient(90deg,#ff6a9a,#ff4d8d); }
.pw-strap { font-size: .9rem; margin-top:.4rem; color:#6c757d; }
.pw-weak { color:#dc3545; font-weight:700; }
.pw-fair { color:#fd7e14; font-weight:700; }
.pw-good { color:#0d6efd; font-weight:700; }
.pw-strong { color:#198754; font-weight:700; }

/* Button styling */
form[action="nybruger.php"] .btn-primary { background-color: #e91e63; border-color: #e91e63; }
form[action="nybruger.php"] .btn-primary:hover { filter: brightness(.95); }

.pay-wrap{max-width:720px;margin:0 auto}
.pay-card{background:#fff;border:1px solid var(--bs-border-color);border-radius:14px;padding:16px}
.badge-soft{display:inline-block;padding:.25rem .55rem;border-radius:999px;border:1px solid #f0d6e3;background:#fff5f8;color:#e91e63;font-weight:600}
.order-row{display:flex;justify-content:space-between;gap:1rem;padding:.35rem 0;border-bottom:1px dashed #eef0f3}
.order-row:last-child{border-bottom:0}
.order-label{color:#6c757d}
.pay-actions{display:flex;gap:.5rem;flex-wrap:wrap}

.points-hero{
  background:
    radial-gradient(900px 450px at -20% 0%, #ffe6f2 0%, transparent 60%),
    radial-gradient(900px 480px at 120% 10%, #fff0e0 0%, transparent 60%),
    linear-gradient(135deg,#ffffff 0%,#fff6fb 60%,#fff 100%);
  border:1px solid var(--bs-border-color);
  border-radius:16px;
  box-shadow:0 14px 30px rgba(0,0,0,.06);
}
.balance-big{ font-size: clamp(34px, 6vw, 52px); font-weight: 800; line-height: 1; }
.pill{ display:inline-flex; gap:.5rem; align-items:center; padding:.4rem .7rem; border-radius:999px; border:1px solid var(--bs-border-color); background:#fff; }
.pill i{font-size:1.1rem}
.txn{ display:flex; gap:.8rem; align-items:flex-start; padding:.8rem .9rem; border:1px solid var(--bs-border-color); border-radius:12px; background:#fff; }
.txn + .txn{ margin-top:.6rem; }
.txn-icon{ width:40px; height:40px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:#f6f6ff; border:1px solid rgba(0,0,0,.06); }
.txn .title{ font-weight:600; }
.txn .meta{ font-size:.85rem; color: var(--bs-secondary-color, #6c757d); }
.amount{ font-weight:800; white-space:nowrap; }
.amount.plus  { color:#1f9d55; } /* grøn */
.amount.minus { color:#dc3545; } /* rød */
.filter-bar .nav-pills .nav-link{ border-radius:999px; padding:.35rem .8rem; }
.search-input{ max-width: 280px; }
/* Subtle utility farver til badges */
.bg-success-subtle{ background:#e9f7ef !important; }
.text-success{ color:#198754 !important; }
.border-success-subtle{ border-color:#cfe8d8 !important; }
.bg-danger-subtle{ background:#fdecea !important; }
.text-danger{ color:#dc3545 !important; }
.border-danger-subtle{ border-color:#f6c8c2 !important; }

/* Baseline */
.progress.rounded-pill{height:.9rem;}
.profile-cover{position:relative;background:#f7f7fb;border-radius:16px;overflow:hidden}
.profile-avatar{width:120px;height:120px;border-radius:50%;overflow:hidden;border:4px solid #fff;box-shadow:0 .3rem .8rem rgba(0,0,0,.08); position:relative;}
.online-dot, .offline-dot{position:absolute; width:12px;height:12px;border-radius:50%; border:2px solid #fff; right:6px; bottom:6px}
.online-dot{background:#2ecc71} .offline-dot{background:#adb5bd}
.stat-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .5rem;border:1px solid var(--bs-border-color);border-radius:999px;background:#fff}
.img-cover{width:100%;height:100%;object-fit:cover}
.like-widget{ background:#fff5f8;border:2px solid #e0316d33;border-radius:14px;padding:12px;text-align:center; box-shadow:0 8px 20px rgba(224,49,109,.08); }
.like-widget h6{font-weight:800;margin:0 0 .35rem; color:#e0316d;}
.heart-btn{ width:64px;height:64px;border-radius:50%; border:2px solid #e0316d55;background:#fff; display:inline-flex;align-items:center;justify-content:center; transition:transform .08s ease, border-color .12s ease, background .12s ease;}
.heart-btn:hover{transform:scale(1.05);}
.heart-btn:disabled{opacity:.55; cursor:not-allowed;}
.heart-btn svg{width:30px;height:30px;display:block}
.heart-btn .stroke{fill:none;stroke:#e0316d;stroke-width:2}
.heart-btn .fill{fill:#e0316d;opacity:.10}
.heart-btn.filled{background:#ffe6ee;border-color:#e0316d}
.heart-hint{font-size:.8rem;color:#9b2d57}
.blurred{ filter: blur(6px); user-select: none; }

/* Navn-farver efter skin */
.profile-name{font-weight:800;}
.profile-name.name-alm { color: #212529; }
.profile-name.name-guld { color:#b8860b; }
.profile-name.name-soelv { color:#6b7280; }
.profile-name.name-roed { color:#c1121f; }
.profile-name.name-blaa { color:#0d6efd; }
.profile-name.name-lilla { color:#7c3aed; }
.profile-name.name-orange { color:#d97706; }
.profile-name.name-gul { color:#eab308; }

/* SKINS */
.profile-cover[class*="skin-"] { border:0; }
.profile-cover .skin-ribbon{
  position:absolute; right:8px; top:8px; z-index:3;
  font-size:.8rem; font-weight:800; letter-spacing:.02em;
  padding:.25rem .5rem; border-radius:999px; display:inline-flex; align-items:center; gap:.35rem;
  background:#fff; border:1px solid rgba(0,0,0,.08); box-shadow:0 6px 18px rgba(0,0,0,.08);
}
.profile-avatar.skin-ring { box-shadow:0 0 0 4px rgba(255,255,255,.85), 0 0 0 7px rgba(0,0,0,.06); }

/* ALM (neutral) */
.profile-cover.skin-alm { background:linear-gradient(180deg,#f7f7fb,#ffffff); }

/* GULD */
@keyframes goldShimmer { 0%{transform:translateX(-100%);} 100%{transform:translateX(100%);} }
.profile-cover.skin-guld{ background:linear-gradient(135deg,#fff7da,#ffe08a,#ffd166); }
.profile-cover.skin-guld .skin-ribbon{ background:#fff6d6; border-color:#ffd666; color:#8a6d00; }
.profile-cover.skin-guld .skin-ribbon i{ color:#d4af37; }
.profile-avatar.skin-guld{ box-shadow:0 0 0 4px #fff, 0 0 0 10px rgba(212,175,55,.55), 0 8px 26px rgba(212,175,55,.35); position:relative; }
.profile-cover.skin-guld .shimmer{
  position:absolute; inset:0; overflow:hidden; pointer-events:none;
}
.profile-cover.skin-guld .shimmer::before{
  content:""; position:absolute; top:0; left:0; width:40%; height:100%;
  background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.65) 50%, rgba(255,255,255,0) 100%);
  transform:skewX(-15deg); animation:goldShimmer 2.4s linear infinite;
}

/* SØLV */
.profile-cover.skin-soelv{ background:linear-gradient(135deg,#f3f4f6,#e5e7eb,#d1d5db); }
.profile-cover.skin-soelv .skin-ribbon{ background:#f8fafc; border-color:#d1d5db; color:#1f2937; }
.profile-avatar.skin-soelv{ box-shadow:0 0 0 4px #fff, 0 0 0 10px rgba(180,180,200,.55); }

/* RØD */
.profile-cover.skin-roed{ background:linear-gradient(135deg,#ffe0e0,#ff9a9a,#ff4d4d); color:#2b2b2b; }
.profile-avatar.skin-roed{ box-shadow:0 0 0 4px #fff, 0 0 0 8px rgba(220,53,69,.45); }

/* BLÅ */
.profile-cover.skin-blaa{ background:linear-gradient(135deg,#dbeafe,#93c5fd,#3b82f6); color:#1f2937; }
.profile-avatar.skin-blaa{ box-shadow:0 0 0 4px #fff, 0 0 0 8px rgba(59,130,246,.45); }

/* LILLA */
.profile-cover.skin-lilla{ background:linear-gradient(135deg,#ede9fe,#c4b5fd,#8b5cf6); color:#1f2937; }
.profile-avatar.skin-lilla{ box-shadow:0 0 0 4px #fff, 0 0 0 8px rgba(139,92,246,.45); }

/* ORANGE */
.profile-cover.skin-orange{ background:linear-gradient(135deg,#fff4e6,#ffd8a8,#ff922b); color:#2b2b2b; }
.profile-avatar.skin-orange{ box-shadow:0 0 0 4px #fff, 0 0 0 8px rgba(255,146,43,.45); }

/* GUL */
.profile-cover.skin-gul{ background:linear-gradient(135deg,#fffbe6,#fff3bf,#ffe066); color:#2b2b2b; }
.profile-avatar.skin-gul{ box-shadow:0 0 0 4px #fff, 0 0 0 8px rgba(255,224,102,.55); }

/* LUKKET overlay + gråtoner */
.closed-wrap { filter: grayscale(100%); position: relative; }
.closed-badge {
  position: absolute;
  z-index: 20;
  top: 18px;
  left: 12px;
  transform: rotate(-18deg);
  color: #dc3545;
  font-weight: 900;
  letter-spacing: .08em;
  border: 3px solid rgba(220,53,69,.3);
  padding: .35rem .6rem;
  border-radius: 8px;
  background: rgba(255,255,255,.85);
  text-shadow: 0 1px 0 #fff;
  box-shadow: 0 8px 26px rgba(0,0,0,.12);
}
.closed-note {
  color:#dc3545; font-weight:700;
}

/* System/robot-profil badge */
.system-label{
  font-size:.75rem;
  font-weight:700;
  border-radius:999px;
  padding:.15rem .5rem;
  border:1px solid rgba(13,110,253,.25);
  background:#e7f1ff;
  color:#0b5ed7;
  display:inline-flex;
  align-items:center;
  gap:.25rem;
}

/* Gave-modal */
.gift-option{
  cursor:pointer;
  transition:.15s ease;
  border-radius:12px;
  border:1px solid #e5e7eb;
  background:#fff;
}
.gift-option:hover{
  border-color:var(--bs-primary);
  box-shadow:0 0 0 2px rgba(13,110,253,.18);
}
input[name="gift_id"]:checked + .gift-option{
  border-color:var(--bs-primary);
  box-shadow:0 0 0 2px rgba(13,110,253,.3);
  background:#f8f9ff;
}
.gift-emoji{
  font-size:2.1rem;
  line-height:1;
}
.gift-price{
  font-size:.9rem;
  font-weight:600;
}
.gift-desc{
  font-size:.8rem;
  color:#6b7280;
}

.profile-cover{background:#f7f7fb;border-radius:16px;overflow:hidden}
.profile-avatar{width:120px;height:120px;border-radius:50%;overflow:hidden;border:4px solid #fff;box-shadow:0 .3rem .8rem rgba(0,0,0,.08)}
.online-dot, .offline-dot{position:absolute; width:12px;height:12px;border-radius:50%; border:2px solid #fff; right:6px; bottom:6px}
.online-dot{background:#2ecc71} .offline-dot{background:#adb5bd}
.img-cover{width:100%;height:100%;object-fit:cover}

/* NY: MEGET SYNLIG LIKE-BOKS */
.like-box{
  border:2px solid #e0316d; background:#fffafc; border-radius:16px;
  padding:14px; text-align:center; box-shadow:0 6px 22px rgba(224,49,109,.12);
}
.like-box .title{font-weight:800; color:#c81e5b; margin-bottom:.35rem;}
.like-box .heart-btn{
  display:inline-flex; align-items:center; justify-content:center;
  width:72px; height:72px; border-radius:50%;
  border:2px solid #e0316d; background:#fff; font-size:34px; line-height:1;
  transition:transform .09s ease, background .12s ease, border-color .12s ease;
}
.like-box .heart-btn:hover{ transform:scale(1.05); }
.like-box .heart-btn:disabled{ opacity:.55; cursor:not-allowed; }
.like-box .sub{ font-size:.85rem; color:#9b2d57; margin-top:.25rem; }

/* ─── Profil status – “tale-bobbel” i fuld bredde ─── */
.profile-status-wrap{
  margin-top:.35rem;
  display:flex; justify-content:flex-start; width:100%;
}
.profile-status-bubble{
  position:relative; display:block; width:100%;
  background:#ffffff;
  border:1px solid rgba(0,0,0,.12);
  border-radius:14px;
  padding:.45rem .65rem .5rem .65rem;
  font-size:.9rem; line-height:1.35;
  /* fuld længde: ingen ellipsis, bevar linjeskift */
  white-space:pre-wrap; word-break:break-word; overflow:visible;
  box-shadow:0 6px 18px rgba(0,0,0,.06);
}
.profile-status-bubble:after{
  /* lille hale der peger op (venstre side) */
  content:""; position:absolute; top:-6px; left:18px; width:12px; height:12px;
  background:#fff; border-left:1px solid rgba(0,0,0,.12); border-top:1px solid rgba(0,0,0,.12);
  transform:rotate(45deg);
}
.profile-status-icon{ margin-right:.4rem; opacity:.8; }

  .pw-card{
    border:1px solid #ffd1e1;
    border-radius:16px;
    background:
      radial-gradient(800px 300px at -20% -40%, #fff0f5 0%, transparent 60%),
      linear-gradient(180deg,#ffffff,#fff9fc);
    box-shadow:0 12px 30px rgba(233,30,99,.06);
    padding:18px;
  }
  .pw-card h1{ font-weight:900; letter-spacing:.2px; }
  .pw-meter-wrap{ background:#f3f4f6; border-radius:10px; overflow:hidden; height:12px; }
  .pw-meter-bar{ height:12px; width:0%; transition:width .25s ease; }
  .pw-meter-weak   { background:#dc3545; }  /* rød */
  .pw-meter-fair   { background:#fd7e14; }  /* orange */
  .pw-meter-good   { background:#ffc107; }  /* gul */
  .pw-meter-strong { background:#28a745; }  /* grøn */
  .pw-checklist li{ margin:.15rem 0; }
  .form-text.small{ font-size:.875rem; }
  .input-group-text.btn-eye{ cursor:pointer; }
  
    :root{ --brand:#e91e63; --brand-2:#d81b60; }
  .del-card{
    border:1px solid #ffd1e1; border-radius:16px;
    background:
      radial-gradient(800px 300px at -20% -40%, #fff0f5 0%, transparent 60%),
      linear-gradient(180deg,#ffffff,#fff9fc);
    box-shadow:0 12px 30px rgba(233,30,99,.08);
    padding:18px;
  }
  .del-card h1{ font-weight:900; letter-spacing:.2px; }
  .warn{ border:1px dashed #ff99b3; background:#fff7fb; color:#7a2941; border-radius:12px; padding:12px; margin:8px 0 14px; }
  .btn-danger-brand{ background:var(--brand); border-color:var(--brand); font-weight:700; }
  .btn-danger-brand:hover{ background:var(--brand-2); border-color:var(--brand-2); }
  .form-check-input.brand:checked{ background-color:var(--brand); border-color:var(--brand); }

/* Quickbar matcher temaet */
.quickbar { display:flex; flex-wrap:wrap; gap:.5rem; }
.qb{
  display:inline-flex; align-items:center; gap:.45rem;
  padding:.45rem .75rem; border-radius:999px;
  background:#fff; color:var(--bs-body-color);
  border:1px solid var(--bs-border-color);
  font-weight:600; font-size:.9rem; line-height:1;
  text-decoration:none; transition:.15s ease;
}
.qb:hover{ background:var(--bs-light); text-decoration:none; }
.qb.active{ background:var(--bs-primary); color:#fff; border-color:var(--bs-primary); }
.qb .bi{ font-size:1rem; }

/* Brugernavn på kort: brug overskriftsfarve + fin hover */
.profile-card .name-truncate{
  color: var(--bs-heading-color, #212529);
  transition: color .15s ease, text-decoration-color .15s ease;
}
.profile-card:hover .name-truncate{
  color: var(--bs-primary);
  text-decoration: underline;
  text-decoration-color: rgba(var(--bs-primary-rgb), .4);
}

/* Små status-badges i kortets nederste linje */
.profile-card .card-body .small i{ opacity:.8; }

/* BOOST ⚡ badge – lille og diskret med pulse */
.boost-badge{
  position:absolute;
  top:6px;
  left:6px;
  width:20px;
  height:20px;
  border-radius:50%;
  background:rgba(255,255,255,0.92);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  color:#ffc107;
  box-shadow:0 0 0 0 rgba(255,193,7,.5);
  animation:boostPulse 1.7s infinite;
  z-index:3;
}
@keyframes boostPulse{
  0%{
    transform:scale(1);
    box-shadow:0 0 0 0 rgba(255,193,7,.5);
  }
  60%{
    transform:scale(1.1);
    box-shadow:0 0 0 8px rgba(255,193,7,0);
  }
  100%{
    transform:scale(1);
    box-shadow:0 0 0 0 rgba(255,193,7,0);
  }
}
.boost-badge .bi{
  font-size:12px;
}

.name-alm { color:#212529; }
.name-guld { color:#b8860b; }
.name-soelv { color:#6b7280; }
.name-roed { color:#c1121f; }
.name-blaa { color:#0d6efd; }
.name-lilla { color:#7c3aed; }
.name-orange { color:#d97706; }
.name-gul { color:#eab308; }

.text-pink { color:#d63384 !important; }

.soft-link{
  font-size:.85rem;
  color:#6c757d;
  text-decoration:none;
}
.soft-link:hover{
  color:#d63384;
  text-decoration:underline;
}

.welcome-cover{
  position:relative;
  border-radius:16px;
  padding:1.5rem;
  background:linear-gradient(135deg,#f7f7fb,#ffffff);
  border:1px solid var(--bs-border-color);
  overflow:hidden;
}
.welcome-cover::before{
  content:""; position:absolute; inset:-40%; opacity:.10;
  background:radial-gradient(circle at 0 0,#ff6bcb,transparent 55%),
             radial-gradient(circle at 100% 0,#845ef7,transparent 55%),
             radial-gradient(circle at 50% 100%,#4dabf7,transparent 55%);
}
.welcome-cover-inner{ position:relative; z-index:2; }

.profile-avatar-lg{
  width:110px;height:110px;border-radius:50%;overflow:hidden;
  border:4px solid #fff;
  box-shadow:0 .3rem .8rem rgba(0,0,0,.08);
}
.profile-avatar-lg img{width:100%;height:100%;object-fit:cover;}

.stat-pill{
  display:inline-flex;align-items:center;gap:.35rem;
  padding:.25rem .55rem;border-radius:999px;
  border:1px solid var(--bs-border-color);
  background:#fff;
  font-size:.8rem;
}

.quick-card{
  border-radius:14px;
  border:1px solid var(--bs-border-color);
  background:#fff;
  padding:.85rem 1rem;
}
.quick-card h6{
  font-size:.9rem;
  margin-bottom:.15rem;
  color:#212529;
}
.quick-num{
  font-size:1.4rem;
  font-weight:800;
  color:#212529;
}
.quick-link{
  font-size:.8rem;
}
.quick-link a{
  color:#6c757d;
  text-decoration:none;
}
.quick-link a:hover{
  color:#d63384;
  text-decoration:underline;
}

.mission-card{
  border-radius:16px;
}

.badge-soft{
  font-size:.75rem;
  font-weight:600;
  border-radius:999px;
  padding:.15rem .55rem;
}
.badge-soft-pink{
  background:#ffe3ec;
  color:#c2255c;
}
.badge-soft-blue{
  background:#e7f1ff;
  color:#0b5ed7;
}
.badge-soft-green{
  background:#e6f4ea;
  color:#137333;
}

.mission-check{
  width:20px;height:20px;border-radius:50%;border:2px solid #20c997;
  display:inline-flex;align-items:center;justify-content:center;
  font-size:12px;color:#20c997;margin-right:.4rem;
}

.reco-avatar{
  width:44px;height:44px;border-radius:50%;overflow:hidden;
  border:2px solid #fff;background:#f8f9fa;
}
.reco-avatar img{width:100%;height:100%;object-fit:cover;}
.reco-chip{
  font-size:.7rem;
  padding:.1rem .45rem;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.05);
  background:#f8f9fa;
}

.visitor-pill{
  display:flex;justify-content:space-between;align-items:center;
  padding:.25rem .5rem;
  border-radius:999px;
  background:#f8f9fa;
  font-size:.8rem;
}
.visitor-pill a{
  color:#0b5ed7;
  text-decoration:none;
}
.visitor-pill a:hover{
  color:#d63384;
  text-decoration:underline;
}
.visitor-blur{
  filter: blur(4px);
  user-select:none;
}

/* gave-liste i højre side */
.gift-item{
  border-radius:10px;
  border:1px solid var(--bs-border-color);
  background:#fff;
  padding:.45rem .6rem;
}
.gift-item + .gift-item{
  margin-top:.3rem;
}
.gift-item .from{
  font-weight:600;
}
.gift-item .meta{
  font-size:.75rem;
}
.gift-item .msg{
  font-size:.8rem;
}
.gift-badge-new{
  font-size:.7rem;
  padding:.1rem .45rem;
}

.mm-card-wrap{
  position:relative;
  min-height:200px;
}
.mm-card{
  border-radius:18px;
  background:#fff;
  padding:1rem;
  box-shadow:0 10px 25px rgba(0,0,0,.08);
  border:1px solid #ffd6e8;
}
.mm-card-header{
  display:flex;
  align-items:center;
  gap:.75rem;
  margin-bottom:.5rem;
}
.mm-avatar{
  width:64px;height:64px;border-radius:50%;overflow:hidden;
  border:3px solid #fff;
  box-shadow:0 .3rem .8rem rgba(0,0,0,.08);
}
.mm-avatar img{
  width:100%;height:100%;object-fit:cover;
}
.mm-name{
  font-weight:700;
}
.mm-meta{
  font-size:.8rem;
  color:#6c757d;
}
.mm-extra{
  font-size:.8rem;
}
.mm-extra-chips span{
  font-size:.7rem;
}
.mm-actions{
  margin-top:.75rem;
  display:flex;
  gap:.5rem;
}
.mm-btn-skip,
.mm-btn-like{
  flex:1;
}
.mm-btn-skip{
  border-radius:999px;
}
.mm-btn-like{
  border-radius:999px;
}
.mm-empty{
  font-size:.9rem;
  color:#6c757d;
}
#mm-status{
  font-size:.8rem;
  color:#6c757d;
  margin-top:.35rem;
  min-height:1.2em;
}

/* Profil-komplethed */
.profile-progress-title{
  font-size:.9rem;
  font-weight:600;
}
.profile-progress-pct{
  font-size:1.1rem;
  font-weight:700;
}
.profile-progress-bar{
  height:.55rem;
  border-radius:999px;
  overflow:hidden;
}
.profile-progress-bar .progress-bar{
  background:linear-gradient(90deg,#ff6ea7,#ff9bd5);
}

/* små chips med ting der mangler */
.profile-todo-container{
  display:flex;
  flex-wrap:wrap;
  gap:.25rem;
}
.profile-todo-chip{
  display:inline-flex;
  align-items:center;
  max-width:100%;
  padding:.15rem .55rem;
  border-radius:999px;
  background:#f8f9fa;
  border:1px dashed #ffd6e8;
  font-size:.75rem;
  color:#495057;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.profile-todo-chip i{
  font-size:.7rem;
  margin-right:.25rem;
  color:#d63384;
}

.streak-number{
  font-size:1.4rem;
  font-weight:800;
}
.streak-sub{
  font-size:.8rem;
  color:#6c757d;
}

.shortcut-btn{
  font-size:.85rem;
}

.status-preview{
  background:#f8f9fa;
  border-radius:10px;
  padding:.5rem .75rem;
  font-size:.85rem;
}
.status-preview-empty{
  color:#6c757d;
  font-style:italic;
}

@media(max-width:576px){
  .welcome-cover{
    padding:1.1rem;
  }
}

.vip-hero{
  background:#fff9ef;
  border:1px solid #ffe9bb;
  border-radius:14px;
  padding:16px;
}
.vip-card{
  border:1px solid var(--bs-border-color);
  border-radius:14px;
  padding:16px;
  background:#fff;
}
.vip-card.featured{
  border-color:#ffd78a;
  box-shadow:0 12px 28px rgba(244,180,0,.12);
}
.vip-chip{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  padding:.15rem .5rem;
  border-radius:999px;
  border:1px solid #ffd78a;
  background:#fffaf2;
}
.vip-chip .bi-crown{color:#f4b400}
.points{font-weight:700; font-size:1.1rem}

/* "Som VIP får du" – matcher VIP-kort-stilen + lyserød overskrift */
.vip-perks-card{
  border-radius:14px;
  border:1px solid #ffd78a;
  background:linear-gradient(135deg,#fffdf7,#fff7e6);
  padding:18px 20px;
  box-shadow:0 12px 28px rgba(244,180,0,.12);
}
.vip-perks-card h5{
  font-weight:700;
  color:#d63384; /* lyserød farve som de andre steder */
}
.vip-perks-card ul{
  margin:0;
  padding-left:1.1rem;
}
.vip-perks-card li{
  margin-bottom:.25rem;
}
.vip-perks-card li i{
  color:#d63384;
  margin-right:.25rem;
}

.vip-pill{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  padding:.1rem .5rem;
  border-radius:999px;
  background:#fff1c7;
  border:1px solid #ffd78a;
  font-size:.8rem;
}

  :root{
    --page-bg: #fff1f7;              /* lyserød sidebaggrund */
    --wheel-size: 360px;
    --wheel-border: 10px;
    --slice-count: 15;
    --slice-deg: calc(360deg/var(--slice-count));
    --label-gap: 28px;               /* afstand fra hjulkant til tekst */
    --bold-color: #ff4d8d;
  }
  body{ background: var(--page-bg); }

  .wheel-wrap{display:flex;flex-direction:column;align-items:center;gap:16px}
  .stage{position:relative;display:inline-flex;flex-direction:column;align-items:center}

  /* Pilen – peger ned og overlapper hjulet */
  .pointer{
    position:absolute; top: 9px; left:calc(50% - 16px); z-index:5;
    width:0;height:0; border-left:16px solid transparent; border-right:16px solid transparent;
    border-top:26px solid #ff4d8d;
    filter: drop-shadow(0 2px 2px rgba(0,0,0,.15));
    pointer-events:none;
  }

  .wheel{
    width:var(--wheel-size);height:var(--wheel-size);
    border-radius:50%; border:var(--wheel-border) solid #fff; box-shadow:0 14px 28px rgba(0,0,0,.12);
    position:relative; overflow:hidden; transition:transform 4.8s cubic-bezier(.2,.9,.1,1);
    background:
      conic-gradient(
        #fff7f7 0deg var(--slice-deg),
        #f0f7ff var(--slice-deg) calc(2*var(--slice-deg)),
        #fff7e6 calc(2*var(--slice-deg)) calc(3*var(--slice-deg)),
        #fcecff calc(3*var(--slice-deg)) calc(4*var(--slice-deg)),
        #f9f9ff calc(4*var(--slice-deg)) calc(5*var(--slice-deg)),
        #fff7f7 calc(5*var(--slice-deg)) calc(6*var(--slice-deg)),
        #f0f7ff calc(6*var(--slice-deg)) calc(7*var(--slice-deg)),
        #fff7e6 calc(7*var(--slice-deg)) calc(8*var(--slice-deg)),
        #fcecff calc(8*var(--slice-deg)) calc(9*var(--slice-deg)),
        #f9f9ff calc(9*var(--slice-deg)) calc(10*var(--slice-deg)),
        #fff7f7 calc(10*var(--slice-deg)) calc(11*var(--slice-deg)),
        #f0f7ff calc(11*var(--slice-deg)) calc(12*var(--slice-deg)),
        #fff7e6 calc(12*var(--slice-deg)) calc(13*var(--slice-deg)),
        #fcecff calc(13*var(--slice-deg)) calc(14*var(--slice-deg)),
        #f9f9ff calc(14*var(--slice-deg)) calc(15*var(--slice-deg))
      );
  }
  .wheel::after{
    content:""; position:absolute; inset:0; border-radius:50%;
    background:
      repeating-conic-gradient(
        rgba(0,0,0,.06) 0deg,
        rgba(0,0,0,.06) .8deg,
        transparent .8deg,
        transparent var(--slice-deg)
      );
    pointer-events:none;
  }

  /* Tekster – ENS radius via transform-kæde fra centrum */
  .wheel-labels{position:absolute; inset:0; border-radius:50%; pointer-events:none;}
  .wheel-label{
    position:absolute; left:50%; top:50%;
    transform-origin:center;
  }
  .wheel-label span{
    display:inline-block;
    white-space:nowrap;
    font-weight:700;
    font-size:.92rem;
    letter-spacing:.01em;
    color:#3b3b3b;
    text-shadow:0 1px 1px rgba(255,255,255,.95), 0 1px 6px rgba(0,0,0,.05);
    user-select:none;
  }
  .wheel-label.rare   span{ color:#8a6d00; }
  .wheel-label.epic   span{ color:#b01e1e; }
  .wheel-label.points span{ color:#222;     }

  .controls{display:flex;gap:8px;align-items:center;justify-content:center}
  .result{font-weight:700}
  .muted{color:#6c757d}

  .legend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:780px}
  .legend .item{
    background:#fff;border:1px solid var(--bs-border-color,#ddd);border-radius:10px;padding:.5rem .6rem;
    display:flex;align-items:center;gap:.55rem;font-size:.92rem
  }
  .legend .item .bi{opacity:.85}
  .legend .rare{border-color:#f1c40f;background:#fffbe6}
  .legend .epic{border-color:#ff6b6b;background:#fff0f0}

  @media (max-width:480px){
    :root{ --wheel-size: 300px; --label-gap: 18px; }
    .legend{grid-template-columns:repeat(2,minmax(0,1fr))}
    .wheel-label span{ font-size:.84rem; }
  }

  .fw-bold{ color: var(--bold-color) !important; }
  
  .chat-wrap { display:flex; gap:1rem; }
.chat-sidebar { width: 320px; max-width: 100%; }
.chat-card { border:0; border-radius:16px; box-shadow:0 10px 24px rgba(0,0,0,.06); }
.convo-item { display:flex; align-items:center; gap:.75rem; padding:.65rem .75rem; border-radius:12px; text-decoration:none; color:#333; transition: background .2s ease; }
.convo-item:hover { background:#f8f9fa; }
.convo-item.active { background:#ffe3f2; }
.convo-item .avatar { width:42px; height:42px; border-radius:50%; object-fit:cover; flex:0 0 42px; border:2px solid #fff; box-shadow:0 2px 8px rgba(0,0,0,.08); }
.convo-item .name { font-weight:700; line-height:1.1; }
.convo-item .meta { font-size:.8rem; color:#7a7a7a; }
.badge-unread { background:#e91e63; color:#fff; font-weight:700; border-radius:999px; padding:2px 8px; font-size:.75rem; }

.chat-body { flex:1; display:flex; flex-direction:column; min-height:520px; }
.messages { padding:1rem; background:#fff; border-radius:16px; border:1px solid #f0ecf4; max-height:60vh; overflow:auto; }
.msg-row { display:flex; gap:.5rem; margin-bottom:.9rem; align-items:flex-end; }
.msg-row.me { flex-direction: row-reverse; }
.msg-row .avatar { width:36px; height:36px; border-radius:50%; object-fit:cover; flex:0 0 36px; border:2px solid #fff; box-shadow:0 4px 16px rgba(0,0,0,.06); }

.msg-bubble { max-width:70%; padding:.6rem .8rem; border-radius:14px; line-height:1.35; position:relative; box-shadow:0 4px 16px rgba(0,0,0,.06); cursor:pointer; }
.msg-row.them .msg-bubble { background:#f7f7f9; color:#333; border:1px solid #f0ecf4; border-bottom-left-radius:4px; }
.msg-row.me .msg-bubble { background:#e91e63; color:#fff; border:1px solid #e91e63; border-bottom-right-radius:4px; }

.msg-bubble a { color:#fff; text-decoration:underline; }
.msg-row.them .msg-bubble a { color:#e91e63; }
.msg-quote{
  margin:.25rem 0 0;
  padding:.4rem .55rem;
  border-left:3px solid rgba(0,0,0,.15);
  background:rgba(255,255,255,.35);
  border-radius:6px;
  font-size:.9em;
}

.msg-time { font-size:.75rem; opacity:.7; margin-top:2px; }
.msg-actions { display:flex; gap:.5rem; align-items:center; }
.msg-receipt { font-size:.75rem; opacity:.75; }
.msg-receipt.ok { color:#2e7d32; opacity:1; }
.msg-receipt.no { color:#6c757d; }

.composer { margin-top:1rem; }
.composer .input-group textarea { height:78px; resize:vertical; }

h5.mb-0.fw-bold i.fas.fa-envelope-open-text { color:#e91e63; margin-right:8px; }
h5.mb-0.fw-bold { color:#ad1457; border-bottom:2px solid #f8bbd0; padding-bottom:4px; }

@media (max-width: 991.98px){
  .chat-wrap { flex-direction:column; }
  .chat-sidebar { width:100%; }
}

.link-user{
  display:inline-flex; align-items:center; gap:.35rem; padding:.28rem .65rem;
  border-radius:999px; font-weight:600; line-height:1.2;
  color:#e91e63; background:linear-gradient(180deg,#fff5f8,#ffe6ee); border:1px solid rgba(233,30,99,.28);
  text-decoration:none; box-shadow:0 1px 2px rgba(233,30,99,.08);
}

/* “Forside” hero når ingen tråd valgt */
.chat-empty-hero{
  border:1px dashed #e9c1d0; border-radius:16px; padding:28px; text-align:center; background:#fff5f8;
}
.chat-empty-hero .emo{ font-size:40px; line-height:1; display:block; margin-bottom:8px; }
.chat-empty-hero h4{ margin:0 0 6px; font-weight:800; color:#ad1457; }
.chat-empty-hero p{ margin:0; color:#7a7a7a; }

/* Reaktioner under boblen (kun én vises) */
.reaction-area { margin-top:.35rem; display:flex; gap:.35rem; align-items:center; }
.reaction-chip{
  display:none; align-items:center; justify-content:center;
  font-weight:800; padding:.15rem .55rem; border-radius:999px; font-size:1rem;
  background:#fff; border:1px solid #f0ecf4; min-width:34px; min-height:28px;
}
.reaction-chip.show { display:inline-flex; }
.reaction-chip.mine   { border-color:#ffc2d1; background:#fff0f6; color:#ad1457; }

/* Popover: skjult indtil klik */
.reaction-pop { display:none; }
.reaction-pop.show { display:inline-flex; }

/* Popover-stil + a11y */
.reaction-pop .rf-wrap{
  display:inline-flex; gap:.35rem; align-items:center;
  background:#fff; border:1px solid #f0ecf4; border-radius:12px;
  padding:.25rem .4rem; box-shadow:0 10px 22px rgba(0,0,0,.08);
}
.reaction-pop .rf-emo-btn,
.reaction-pop .rf-clear-btn{
  font-size:1.15rem; line-height:1; padding:.3rem .45rem; border-radius:8px;
  border:0; background:transparent; cursor:pointer;
}
.reaction-pop .rf-emo-btn:hover,
.reaction-pop .rf-clear-btn:hover{ background:#f8f9fa; outline:0; }
.reaction-pop [aria-checked="true"]{ outline:2px solid #ffd1e1; border-radius:8px; }

/* Isbryder-boks */
.icebreaker-box{
  border-radius:12px;
  border:1px dashed #f3c0d4;
  background:#fff7fb;
  padding:.6rem .75rem;
  margin-top:.5rem;
}
.icebreaker-box .ib-title{
  font-size:.85rem;
  font-weight:600;
  color:#c2185b;
  margin-bottom:.3rem;
}
.icebreaker-box .ib-list{
  display:flex;
  flex-wrap:wrap;
  gap:.25rem;
}
.ib-btn{
  border-radius:999px!important;
  font-size:.8rem!important;
  padding:.25rem .5rem!important;
  white-space:normal;
  text-align:left;
}

/* Formaterings-værktøjslinje */
.msg-tools{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:.25rem;
  margin-bottom:.3rem;
}
.msg-tools-label{
  font-size:.8rem;
  color:#6c757d;
  margin-right:.25rem;
}
.msg-tools .btn{
  border-radius:999px;
  padding:.15rem .5rem;
  font-size:.8rem;
}
.msg-tools .btn strong,
.msg-tools .btn em{
  font-size:.9rem;
}
.msg-tools-hint{
  font-size:.75rem;
  color:#a1a1a1;
  margin-bottom:.25rem;
}

.besog-hero{
  display:flex;align-items:center;gap:.75rem;flex-wrap:wrap
}
.besog-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .5rem;border:1px solid var(--bs-border-color);border-radius:999px;background:#fff;font-size:.85rem}
.besog-item{border:1px solid var(--bs-border-color);border-radius:14px;padding:.6rem .75rem;background:#fff}
.besog-avatar{
  width:56px;height:56px;border-radius:50%;overflow:hidden;border:2px solid #fff;
  box-shadow:0 .25rem .6rem rgba(0,0,0,.08)
}
.besog-avatar img{width:100%;height:100%;object-fit:cover}
.besog-name{font-weight:800;font-size:1.05rem}
.besog-sub{color:var(--bs-secondary-color);font-size:.9rem}
.besog-when{white-space:nowrap;color:var(--bs-secondary-color);font-size:.9rem}

  .boost-hero{
    background: linear-gradient(135deg, #ffe4f0, #fff5fb);
    border-radius: 16px;
    border:1px solid rgba(255,110,167,.3);
    padding: 16px 18px;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:12px;
  }
  .boost-hero h4{
    margin:0;
    font-weight:800;
    color:#ff4d8d;
  }
  .boost-hero .sub{
    color:#6c757d;
    font-size:.9rem;
  }
  .boost-hero-badge{
    display:inline-flex;
    align-items:center;
    gap:.35rem;
    padding:.15rem .6rem;
    border-radius:999px;
    background:#fff;
    border:1px solid rgba(255,110,167,.4);
    font-size:.8rem;
  }
  .boost-status{
    border-radius:16px;
    border:1px solid #f1f3f5;
    padding:14px 16px;
    background:#fff;
  }
  .boost-status-active{
    border-color:#c7f9cc;
    background:#f0fff4;
  }
  .boost-countdown{
    font-weight:700;
    font-size:1.1rem;
  }
  .boost-perks li{
    margin-bottom:.2rem;
  }
  /* Grundlæggende kort-stil (lys + mørk) */
.recent-visitors-card {
  background: var(--site-card-bg) !important;
  border: 1px solid var(--site-card-border) !important;
  border-radius: 14px;
  padding: 15px;
}

/* VIP/ikke-VIP rækker */
.visitor-pill {
  background: var(--site-card-bg-soft, rgba(255,255,255,.05));
  border: 1px solid var(--site-card-border);
  border-radius: 10px;
  padding: 6px 10px;
  color: var(--site-text);
}

/* Sløret besøgende (ikke VIP) */
.visitor-blur {
  color: rgba(255,255,255,.35);
}

/* Små datoer */
.besog-when {
  color: rgba(223,228,255,.6);
}
/* Dashboard/velkomst-widgets (fødselsdag + gaver + besøgende) */
.home-widget-card {
  background: var(--site-card-bg);
  border: 1px solid var(--site-card-border);
  border-radius: 16px;
  box-shadow: 0 14px 32px rgba(0,0,0,.12);
}

/* Lys tema fallback */
.home-widget-card .card-body {
  background: transparent;
}

/* Fødselsdags-linje – samme stil som visitor-pill */
.birthday-pill {
  background: var(--site-card-bg-soft);
  border: 1px solid var(--site-card-border);
  border-radius: 12px;
  color: var(--site-text);
}

/* Just in case: gør gavelisten mere “kort-agtig” */
.gift-item {
  border-radius: 10px;
  border: 1px solid var(--site-card-border);
  background: var(--site-card-bg);
}

/* light mode – ekstra lille løft (valgfrit, men lækkert) */
:root[data-theme="light"] .home-widget-card {
  box-shadow: 0 18px 40px rgba(0,0,0,.9);
}
:root[data-theme="light"] .birthday-pill {
  background: var(--site-card-bg-soft);
}
:root[data-theme="light"] .gift-item {
  background: var(--site-card-bg-soft);
}
/* Widget: Brugere du måske har overset */
.overset-pill{
  border-radius: 12px;
  border: 1px solid var(--bs-border-color);
  background: #fff;                    /* lys fallback i light-theme */
  transition: transform .08s ease, box-shadow .12s ease, border-color .12s ease;
}

.overset-pill:hover{
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(0,0,0,.06);
  border-color: rgba(214, 51, 132, .3); /* lidt lyserød kant */
}

/* light theme override */
:root[data-theme="light"] .overset-pill{
  background: var(--site-card-bg-soft);
  border-color: var(--site-card-border);
  box-shadow: 0 10px 26px rgba(0,0,0,.8);
}

:root[data-theme="light"] .overset-pill:hover{
  border-color: rgba(255,121,198,.5);
  background: radial-gradient(circle at top,
              rgba(255,121,198,.12),
              var(--site-card-bg-soft));
}
.text-muted {
  color: #6f7480 !important; /* elegant neutral grå */
}

.lead.text-muted {
  color: #707788 !important;
}
:root[data-theme="light"] .text-muted {
  color: rgba(223,228,255,0.65) !important; /* samme type grå som resten af dit tema */
}

:root[data-theme="light"] .lead.text-muted {
  color: rgba(223,228,255,0.75) !important;
}
/* Step-bokse – mørkt tema */
:root[data-theme="light"] .howto-box,
:root[data-theme="light"] .bg-white {
  background: var(--site-card-bg) !important;
  border-color: var(--site-card-border) !important;
  color: var(--site-text) !important;
}

/* Tekstfarver */
:root[data-theme="light"] .howto-box p,
:root[data-theme="light"] .bg-white p {
  color: rgba(223,228,255,0.75) !important;
}

/* Overskrifter */
:root[data-theme="light"] .howto-box h5,
:root[data-theme="light"] .bg-white h5 {
  color: #fff !important;
}

/* Badge (1-2-3 prikker) */
:root[data-theme="light"] .howto-box .badge,
:root[data-theme="light"] .bg-white .badge {
  background: var(--accent-pink) !important;
  color: #fff !important;
}
.home-highlight {
  background: #f7f8fa !important; /* lækker neutral lys grå, ikke pink */
}
:root[data-theme="light"] .home-highlight {
  background: #0a0c19 !important; /* en anelse lysere end baggrunden */
}
.cta-flirt-box {
  background: linear-gradient(90deg,#ff6ea7 0%,#ff9f7b 100%);
  color: #fff;
}
:root[data-theme="light"] .cta-flirt-box {
  background:
    radial-gradient(900px 480px at -10% 0%, rgba(255,110,167,.25) 0%, transparent 60%),
    radial-gradient(900px 480px at 110% 10%, rgba(255,150,200,.25) 0%, transparent 60%),
    linear-gradient(135deg,#0c0f1c 0%, #151a2b 60%, #10131e 100%);
  color: var(--site-text);
  border: 1px solid var(--site-card-border);
  box-shadow: 0 18px 40px rgba(0,0,0,.85);
}

/* Knapper i mørk cta */
:root[data-theme="light"] .cta-flirt-box .btn-light {
  background: var(--accent-pink);
  border-color: var(--accent-pink);
  color: #fff;
}

:root[data-theme="light"] .cta-flirt-box .btn-light:hover {
  opacity: .9;
}

:root[data-theme="light"] .cta-flirt-box .btn-outline-light {
  border-color: var(--accent-pink);
  color: var(--accent-pink);
}

:root[data-theme="light"] .cta-flirt-box .btn-outline-light:hover {
  background: rgba(255,110,167,.12);
  color: #fff;
  border-color: var(--accent-pink);
}
/* ───────────────────────────────────────────
   PROFIL-SKINS (ring + navn) i mørkt tema
─────────────────────────────────────────── */
:root[data-theme="light"] .profile-name {
  color: #f6f4ff;
}

/* GULD */
:root[data-theme="light"] .profile-avatar.skin-guld {
  border-width: 3px;
  border-color: #f5d46b;
  box-shadow:
    0 0 0 2px rgba(245,212,107,.3),
    0 0 18px rgba(245,212,107,.45);
}
:root[data-theme="light"] .profile-name.name-guld {
  color: #f9e28b;
  text-shadow: 0 0 10px rgba(245,212,107,.5);
}

/* SØLV */
:root[data-theme="light"] .profile-avatar.skin-soelv {
  border-width: 3px;
  border-color: #cfd5e5;
  box-shadow:
    0 0 0 2px rgba(207,213,229,.3),
    0 0 16px rgba(207,213,229,.4);
}
:root[data-theme="light"] .profile-name.name-soelv {
  color: #dde4f5;
  text-shadow: 0 0 8px rgba(207,213,229,.5);
}

/* RØD */
:root[data-theme="light"] .profile-avatar.skin-roed {
  border-width: 3px;
  border-color: #ff6b81;
  box-shadow:
    0 0 0 2px rgba(255,107,129,.35),
    0 0 18px rgba(255,107,129,.55);
}
:root[data-theme="light"] .profile-name.name-roed {
  color: #ff8ba0;
  text-shadow: 0 0 10px rgba(255,107,129,.6);
}

/* BLÅ */
:root[data-theme="light"] .profile-avatar.skin-blaa {
  border-width: 3px;
  border-color: #4ea9ff;
  box-shadow:
    0 0 0 2px rgba(78,169,255,.35),
    0 0 18px rgba(78,169,255,.55);
}
:root[data-theme="light"] .profile-name.name-blaa {
  color: #7bc1ff;
  text-shadow: 0 0 10px rgba(78,169,255,.6);
}

/* LILLA */
:root[data-theme="light"] .profile-avatar.skin-lilla {
  border-width: 3px;
  border-color: #c084fc;
  box-shadow:
    0 0 0 2px rgba(192,132,252,.35),
    0 0 18px rgba(192,132,252,.55);
}
:root[data-theme="light"] .profile-name.name-lilla {
  color: #d9a9ff;
  text-shadow: 0 0 10px rgba(192,132,252,.6);
}

/* ORANGE */
:root[data-theme="light"] .profile-avatar.skin-orange {
  border-width: 3px;
  border-color: #ff9f5a;
  box-shadow:
    0 0 0 2px rgba(255,159,90,.35),
    0 0 18px rgba(255,159,90,.55);
}
:root[data-theme="light"] .profile-name.name-orange {
  color: #ffc08b;
  text-shadow: 0 0 10px rgba(255,159,90,.6);
}

/* GUL */
:root[data-theme="light"] .profile-avatar.skin-gul {
  border-width: 3px;
  border-color: #ffd24a;
  box-shadow:
    0 0 0 2px rgba(255,210,74,.35),
    0 0 18px rgba(255,210,74,.55);
}
:root[data-theme="light"] .profile-name.name-gul {
  color: #ffe27b;
  text-shadow: 0 0 10px rgba(255,210,74,.6);
}
/* ───────────────────────────────────────────
   STAT-PILLS på profil (top-boksen)
   – gør tekst lysere i mørkt tema
─────────────────────────────────────────── */
:root[data-theme="light"] .profile-cover .stat-pill {
  color: #f7f3ff;
  font-weight: 600;
}

/* Ikoner inde i stat-pill skal følge teksten */
:root[data-theme="light"] .profile-cover .stat-pill i {
  color: inherit !important;
}
/* ───────────────────────────────────────────
   VIP & ADMIN badges tydeligere
─────────────────────────────────────────── */

/* VIP-badge (den med #fff9e6 baggrund) */
:root[data-theme="light"] .profile-cover .stat-pill[style*="fff9e6"] {
  box-shadow:
    0 0 0 1px rgba(0,0,0,.45),
    0 0 16px rgba(255,210,90,.6);
  color: #3b2b00;
}

/* ADMIN-badge (den med #ffe6e9 baggrund) */
:root[data-theme="light"] .profile-cover .stat-pill[style*="ffe6e9"] {
  box-shadow:
    0 0 0 1px rgba(0,0,0,.45),
    0 0 16px rgba(255,107,129,.55);
  color: #4a0611;
}

/* Gør også ikonfarverne kraftigere på mørk baggrund */
:root[data-theme="light"] .profile-cover .stat-pill[style*="fff9e6"] i {
  color: #d4af37 !important;
}
:root[data-theme="light"] .profile-cover .stat-pill[style*="ffe6e9"] i {
  color: #ff4b6b !important;
}
/* ───────────────────────────────────────────
   Lidt lysere text-muted i mørkt tema
─────────────────────────────────────────── */
:root[data-theme="light"] .text-muted {
  color: rgba(228,233,255,.8) !important;
}
/* ───────────────────────────────────────────
   BESKEDER – venstre samtaleliste (mørk)
─────────────────────────────────────────── */

/* Kortet i venstre side */
:root[data-theme="light"] .chat-sidebar .chat-card{
  background: var(--site-card-bg-soft);
  border-color: var(--site-card-border);
}

/* Headeren "Beskeder" */
:root[data-theme="light"] .chat-sidebar .chat-card .card-body{
  border-bottom: 1px solid var(--site-card-border);
}

/* Selve rækkerne i samtalelisten */
:root[data-theme="light"] .chat-sidebar .list-group-item,
:root[data-theme="light"] .chat-sidebar .convo-item{
  background: var(--site-card-bg);
  border-color: var(--site-card-border);
  color: var(--site-text);
}

/* Hover-effekt */
:root[data-theme="light"] .chat-sidebar .convo-item:hover{
  background: var(--muted-soft);
}

/* Aktiv samtale (den man har åbnet) */
:root[data-theme="light"] .chat-sidebar .convo-item.active{
  background: rgba(255,110,167,.16);
  border-left: 2px solid var(--accent-pink);
}

/* Navn + meta-tekst */
:root[data-theme="light"] .chat-sidebar .convo-item .name{
  color: #f5f1ff;
  font-weight: 600;
}
:root[data-theme="light"] .chat-sidebar .convo-item .meta{
  color: rgba(223,228,255,.6);
  font-size: 0.8rem;
}

/* Avatar i venstre liste */
/* -----------------------------------------------------------
   light mode – avatar i venstre samtaleliste (CHAT SIDEBAR)
   Gør dem runde, klare, flotte og med “glow” som passer til 1Flirt
----------------------------------------------------------- */
:root[data-theme="light"] .chat-sidebar .convo-item .avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  object-fit: cover;

  /* Let indramning */
  border: 2px solid rgba(255, 126, 180, 0.35); /* mørk-lyserød kant */

  /* Blød glow */
  box-shadow: 
    0 0 6px rgba(255, 112, 165, 0.35),
    0 0 12px rgba(0,0,0,0.7);

  /* Baggrund hvis ingen profil */
  background: rgba(255,255,255,0.05);

  /* Ensartet afstand */
  margin-right: .65rem;
}

/* Hover-effekt for premium look */
:root[data-theme="light"] .chat-sidebar .convo-item:hover .avatar {
  box-shadow:
    0 0 10px rgba(255, 112, 165, 0.55),
    0 0 20px rgba(0,0,0,0.9);
  border-color: rgba(255, 126, 180, 0.55);
  transition: .2s ease;
}


/* Badge med ulæste beskeder */
:root[data-theme="light"] .chat-sidebar .badge-unread{
  background: var(--accent-pink);
  color: #fff;
  border-radius: 999px;
  font-size: 0.75rem;
  padding: 0.15rem 0.45rem;
  box-shadow: 0 0 0 1px rgba(0,0,0,.6);
}
/* ─────────────────────────────────────────────
   BESØG-SIDE (Administrator / I alt / sider 1,2,3…)
────────────────────────────────────────────── */

/* Teksten i besog-hero */
:root[data-theme="light"] .besog-hero h3 {
  color: #e5e7ff;
}

/* Små chips: "Administrator", "VIP", "I alt: X" */
:root[data-theme="light"] .besog-chip {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  padding: .25rem .7rem;
  border-radius: 999px;

  background: rgba(15, 23, 42, 0.9);              /* mørk, let gennemsigtig */
  border: 1px solid rgba(148, 163, 253, 0.6);     /* kold, blålig kant */
  color: rgba(226, 232, 255, 0.9);                /* lys grå/blå tekst */

  font-size: .8rem;
  letter-spacing: .02em;
}

/* Lidt luft mellem chips */
:root[data-theme="light"] .besog-hero .besog-chip + .besog-chip {
  margin-left: .4rem;
}

/* Pagination nederst (1,2,3,4…) */
:root[data-theme="light"] .pagination .page-link {
  background-color: var(--site-card-bg-soft);
  border-color: var(--site-card-border);
  color: rgba(223,228,255,0.8);
}

:root[data-theme="light"] .pagination .page-link:hover {
  background-color: var(--muted-soft);
  border-color: rgba(255,121,198,0.6);           /* lidt pink på hover */
  color: #ffffff;
}

:root[data-theme="light"] .pagination .page-item.active .page-link {
  background: var(--accent-pink);                /* aktiv side = pink */
  border-color: var(--accent-pink);
  color: #050713;                                /* mørk tekst ovenpå */
  box-shadow: 0 0 0 1px rgba(255,121,198,.4);
}

/* Disabled (hvis du senere får “forrige/næste”) */
:root[data-theme="light"] .pagination .page-item.disabled .page-link {
  background-color: rgba(15,23,42,0.7);
  border-color: var(--site-card-border);
  color: rgba(148,163,184,0.7);
}
/* ─────────────────────────────────────────────
   STREAK-KORT + "Bedst:" pill (light mode)
────────────────────────────────────────────── */

/* Selve kortet */
:root[data-theme="light"] .streak-card {
  background: var(--site-card-bg-soft);
  border-radius: 1rem;
  border: 1px solid var(--site-card-border);
  box-shadow: 0 10px 25px rgba(0,0,0,0.45);
}

/* Titel-linjen "Din login-streak" */
:root[data-theme="light"] .streak-card .title {
  color: rgba(226, 232, 255, 0.9);
}

/* Den store talværdi "XX dage" */
:root[data-theme="light"] .streak-big {
  color: #ffffff;
}

/* Undertekst, fx “Log ind X dage i træk…” */
:root[data-theme="light"] .streak-sub {
  color: rgba(148, 163, 184, 0.95);
}

/* PILLEN "Bedst: XX" */
:root[data-theme="light"] .streak-pill {
  display: inline-flex;
  align-items: center;
  gap: .35rem;

  padding: .2rem .7rem;
  border-radius: 999px;

  background: radial-gradient(circle at top left,
              rgba(248, 113, 151, 0.22),
              rgba(15, 23, 42, 0.95));
  border: 1px solid rgba(248, 113, 151, 0.65);
  color: rgba(241, 245, 249, 0.96);

  font-size: .8rem;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

/* Ikonet inde i pillen */
:root[data-theme="light"] .streak-pill i {
  filter: drop-shadow(0 0 6px rgba(250, 204, 21, 0.55));
}

/* Fed tekst inde i pillen ("Bedst: 12") */
:root[data-theme="light"] .streak-pill b {
  color: #fff;
}
/* ─────────────────────────────────────────────
   light theme – "Det du søger" / Hurtige valg
────────────────────────────────────────────── */

/* Kortene */
:root[data-theme="light"] .card.card-soft {
  background: var(--site-card-bg-soft, #020617);
  border-radius: 1rem;
  border: 1px solid var(--site-card-border, #1f2937);
  box-shadow: 0 12px 32px rgba(0,0,0,0.55);
}

/* Sektionstitel "Det du søger" behøver ikke ændres
   – men hjælpemærkatet gør */
:root[data-theme="light"] .help-badge {
  background: rgba(15, 23, 42, 0.95);
  border: 1px solid rgba(148, 163, 184, 0.5);
  color: rgba(226, 232, 240, 0.96);
}

/* GRID med hurtige valg */
:root[data-theme="light"] .seek-grid {
  background: transparent;
}

/* Hele pillen omkring switchen */
:root[data-theme="light"] .switch-pill {
  background: rgba(15, 23, 42, 0.95);
  border: 1px solid rgba(30, 64, 175, 0.4); /* lidt blålig kant */
  border-radius: 999px;
  box-shadow: 0 4px 14px rgba(0,0,0,0.6);
}

/* Selve "slideren" */
:root[data-theme="light"] .switch-pill .slider {
  background: #020617;
  box-shadow: inset 0 0 0 1px rgba(51, 65, 85, 0.9);
}

/* Når man har slået den til */
:root[data-theme="light"] .switch-pill input:checked + .slider {
  background: linear-gradient(135deg, var(--brand, #ec4899), #22c55e);
  box-shadow:
    0 0 12px rgba(236, 72, 153, 0.8),
    0 0 20px rgba(34, 197, 94, 0.7);
}

/* Label-teksten ("Kæreste", "Date" osv.) */
:root[data-theme="light"] .switch-pill .label {
  color: rgba(226, 232, 240, 0.96);
}

/* Når man hoover – lidt lysere kant */
:root[data-theme="light"] .switch-pill:hover {
  border-color: rgba(59, 130, 246, 0.8);
}

/* Tekstfeltet + tæller i nederste kort */
:root[data-theme="light"] .pretty-textarea {
  background: #020617;
  border-color: #1f2937;
  color: #e5e7eb;
}

:root[data-theme="light"] .pretty-textarea::placeholder {
  color: #64748b;
}

:root[data-theme="light"] .char-counter {
  color: #9ca3af;
  background: rgba(15, 23, 42, 0.95);
  border-radius: 999px;
  padding: 2px 10px;
  border: 1px solid rgba(55, 65, 81, 0.8);
}
/* Kommentar-listen (boksen med alle svar) */
.forum-comments-card {
  background: #111320;
  border-radius: 16px;
  border: 1px solid #252842;
  box-shadow: 0 18px 40px rgba(0,0,0,.7);
}

.forum-comments-card .card-body {
  background: transparent;
}

/* Hver enkelt kommentar-linje */
.forum-comments-card .list-group-item {
  background: transparent;
  border-color: #252842;
  color: #e5e7f5;
}

.forum-comments-card .list-group-item + .list-group-item {
  border-top-color: #1c1f33;
}

/* Tekster inde i kommentaren */
.forum-comments-card .post-text {
  color: #e5e7f5;
}

.forum-comments-card .meta,
.forum-comments-card .text-muted,
.forum-comments-card small.text-muted {
  color: #9ca3b8 !important;
}

/* Avatar-tekst under billederne */
.forum-comments-card .byline-avatar .meta {
  color: #a0a4c0 !important;
}

/* Den lille “Kommentarer”-overskrift */
.forum-comments-card h6.fw-bold {
  color: #f3f4ff;
}

/* Like-counter */
.forum-comments-card .heart-count {
  color: #cbd0e5;
}

/* Divider + citat i bunden af en kommentar */
.forum-comments-card .sig-hr {
  border-top-color: rgba(255,255,255,.08);
}

.forum-comments-card .sig-quote {
  color: #b8bed8;
}

/* Online/offline dot */
.forum-comments-card .dot.online {
  background: #22c55e;
}
.forum-comments-card .dot.offline {
  background: #4b5563;
}

/* ---------- Formularen hvor man skriver kommentar ---------- */

.forum-comment-form {
  background: #101221;
  border-radius: 16px;
  border: 1px solid #252842;
  box-shadow: 0 18px 40px rgba(0,0,0,.7);
}

.forum-comment-form .card-body {
  background: transparent;
}

/* Selve tekstfeltet */
.forum-comment-form textarea.form-control {
  background: #070814;
  border-color: #2a2f45;
  color: #f9fafb;
  border-radius: 12px;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.6);
}

.forum-comment-form textarea.form-control:focus {
  background: #050611;
  color: #ffffff;
  border-color: #e91e63;
  box-shadow:
    0 0 0 1px rgba(233,30,99,.65),
    0 0 0 4px rgba(233,30,99,.18);
}

/* Placeholder-tekst */
.forum-comment-form textarea::placeholder {
  color: #6b7280;
}

/* Knappen “Kommentér” */
.forum-comment-form .btn-primary {
  background: #e91e63;
  border-color: #e91e63;
  font-weight: 600;
}

.forum-comment-form .btn-primary:hover {
  background: #d81b60;
  border-color: #d81b60;
}
/* ===== SIDEBAR: Mest aktive (7 dage) ===== */

.leader-card {
  background-color: #080a16 !important;
  border: 1px solid #252842 !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 40px rgba(0,0,0,.7) !important;
}

.leader-card .card-body {
  background-color: transparent !important;
}

/* Hvert item */
.leader-card .list-group-item {
  background-color: transparent !important;
  border-color: #1e2236 !important;
  color: #e5e7f5 !important;
}

/* Brugernavn */
.leader-card a {
  color: #f3f4ff !important;
}

/* Aktivitetstekst */
.leader-card .small.text-muted,
.leader-card span.text-muted {
  color: #9aa0b8 !important;
}

/* Dots (online/offline) */
.leader-card .dot.online {
  background: #22c55e !important;
}
.leader-card .dot.offline {
  background: #475569 !important;
}

/* Rank nummer */
.leader-card .rank {
  color: #9aa0b8 !important;
}

/* Avatar kant */
.leader-card img {
  border: 2px solid #2a2f45 !important;
}

/* Overskrift */
.leader-card h6 {
  color: #f3f4ff !important;
}
/* === light MODE – QUICK FILTER KNAPPER === */

.quickbar {
    background: transparent !important;
    padding: 0.4rem 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

/* Standard knapper */
.quickbar .qb {
    background: #151824 !important;
    border: 1px solid #262b3d !important;
    color: #c8ccdd !important;
    padding: 6px 12px;
    border-radius: 8px;
    font-weight: 600;
    text-decoration: none;
    transition: 0.15s ease;
}

/* Hover */
.quickbar .qb:hover {
    background: #1e2232 !important;
    border-color: #30364a !important;
    color: #ffffff !important;
}

/* Aktiv knap (valgt) */
.quickbar .qb.active {
    background: #ff6ea7 !important;   /* Pink tema som resten */
    border-color: #ff6ea7 !important;
    color: #ffffff !important;
    box-shadow: 0 0 8px rgba(255,110,167,0.3);
}
/* === light MODE FORM FIELDS === */

.card-body .form-label {
    color: #d7d9e5 !important;
    font-weight: 600;
}

/* Tekstfelt (fritekst) */
.card-body .form-control {
    background: #151824 !important;
    border: 1px solid #2a2f44 !important;
    color: #ffffff !important;
    border-radius: 8px;
    padding: 0.55rem 0.75rem;
}

.card-body .form-control:focus {
    background: #1b1f2d !important;
    border-color: #ff6ea7 !important;
    box-shadow: 0 0 0 3px rgba(255,110,167,0.15) !important;
    color: #fff !important;
}

/* Select dropdown */
.card-body .form-select {
    background: #151824 !important;
    border: 1px solid #2a2f44 !important;
    color: #ffffff !important;
    border-radius: 8px;
    padding: 0.55rem 0.75rem;
}

.card-body .form-select:focus {
    background: #1b1f2d !important;
    border-color: #ff6ea7 !important;
    color: #fff !important;
    box-shadow: 0 0 0 3px rgba(255,110,167,0.15) !important;
}

/* Nummerfelter (alder) */
.card-body input[type="number"] {
    background: #151824 !important;
    border: 1px solid #2a2f44 !important;
    color: #fff !important;
}

.card-body input[type="number"]:focus {
    background: #1b1f2d !important;
    border-color: #ff6ea7 !important;
    box-shadow: 0 0 0 3px rgba(255,110,167,0.15) !important;
}

/* Checkboxes (Kun online, Kun med billede) */
.card-body .form-check-label {
    color: #d7d9e5 !important;
}

.card-body .form-check-input {
    background-color: #151824 !important;
    border: 1px solid #2a2f44 !important;
}

.card-body .form-check-input:checked {
    background-color: #ff6ea7 !important;
    border-color: #ff6ea7 !important;
}

/* “Søg” knap */
.card-body button.btn-primary {
    background: #ff6ea7 !important;
    border-color: #ff6ea7 !important;
    font-weight: 700;
}

.card-body button.btn-primary:hover {
    background: #ff5c98 !important;
    border-color: #ff5c98 !important;
}
/* === light MODE: Opret Tråd Formular === */

/* H2/H4 og labels */
.container .form-label,
.container h4,
.container .fw-bold {
    color: #e4e6ee !important;
}

/* Card, container baggrund */
.container {
    color: #fff !important;
}

/* ===== INPUTS, SELECT, TEXTAREA ===== */

form .form-control,
form .form-select,
form textarea {
    background: #151824 !important;
    border: 1px solid #2a2f44 !important;
    color: #ffffff !important;
    border-radius: 8px;
    padding: 0.55rem 0.75rem;
}

form .form-control:focus,
form .form-select:focus,
form textarea:focus {
    background: #1b1f2d !important;
    border-color: #ff6ea7 !important;
    box-shadow: 0 0 0 3px rgba(255, 110, 167, 0.15) !important;
    color: #fff !important;
}

/* Placeholder farve */
form .form-control::placeholder,
form textarea::placeholder {
    color: #9aa0b8 !important;
    opacity: 1;
}

/* ===== BUTTONS ===== */

form .btn-primary {
    background: #ff6ea7 !important;
    border-color: #ff6ea7 !important;
    font-weight: 700;
    color: #fff !important;
}

form .btn-primary:hover {
    background: #ff5c98 !important;
    border-color: #ff5c98 !important;
}

form .btn-outline-secondary {
    border-color: #9095a6 !important;
    color: #d7d9e5 !important;
    font-weight: 600;
}

form .btn-outline-secondary:hover {
    background: #2a2f44 !important;
    border-color: #b0b4c4 !important;
    color: #fff !important;
}

/* ===== ERROR BOX ===== */
.alert-danger {
    background: #3a0f18 !important;
    border: 1px solid #7a1c2d !important;
    color: #ffb6c4 !important;
}
.alert-danger li {
    color: #ffb6c4 !important;
}
/* === Kontakt / FAQ – mørk accordion === */

/* Selve boksen til "Spørgsmål & svar" */
.position-relative.rounded {
    background: #0f141f;          /* mørk baggrund */
    border-radius: 16px;
    padding: 1.5rem;
    border: 1px solid #252b3a;
}

/* Hele accordion-blokken */
.accordion {
    background: transparent;
}

/* Items (rammen rundt om hvert spørgsmål) */
.accordion-item {
    background-color: #151a26 !important;
    border: 1px solid #262c3d !important;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: .5rem;
}

/* Knappen med spørgsmålet (lukket) */
.accordion-button {
    background-color: #151a26 !important;
    color: #e4e7f5 !important;
    font-weight: 600;
    box-shadow: none !important;
}

/* Når den er åben */
.accordion-button:not(.collapsed) {
    background-color: #1b2130 !important;
    color: #ffffff !important;
    box-shadow: inset 0 -1px 0 #262c3d !important;
}

/* Den lille pil til højre */
.accordion-button::after {
    filter: invert(1) brightness(1.2); /* gør pilen lys */
}

/* Indholdet inde i svaret */
.accordion-body {
    background-color: #101521;
    color: #cfd3ea;
}

/* Links inde i svarene */
.accordion-body a,
.accordion-body a.link-primary {
    color: #ff6ea7 !important;
    text-decoration: underline;
}
.accordion-body a:hover {
    color: #ff89b7 !important;
}

/* Overskrifterne over FAQ’en */
.position-relative.rounded h1,
.position-relative.rounded p {
    color: #e4e7f5 !important;
}
/* ===========================
   Om 1Flirt – light theme
   /css/about.css
   =========================== */

:root {
  --brand: #e91e63;
  --brand-soft: #ff8ab4;
  --bg-main: #050815;
  --bg-card: #0b1020;
  --bg-card-soft: #101524;
  --border-soft: #1f2937;
  --text-main: #e5e7f5;
  --text-muted: #9ca3af;
}

/* Hero-blok (øverst) */
.about-hero {
  background:
    radial-gradient(1200px 600px at -10% -10%, rgba(233, 30, 99, 0.18), transparent 60%),
    radial-gradient(1000px 600px at 110% 120%, rgba(59, 130, 246, 0.16), transparent 60%),
    linear-gradient(145deg, #050815 0%, #070b18 45%, #050815 100%);
  color: var(--text-main);
}

/* Justér teksten inde i hero */
.about-hero h1,
.about-hero .lead,
.about-hero p {
  color: var(--text-main);
}

.about-hero .lead {
  color: var(--brand-soft);
}

/* Lille badge “Helt gratis at bruge” */
.about-badge {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  padding: .25rem .75rem;
  border-radius: 999px;
  font-size: .8rem;
  letter-spacing: .05em;
  text-transform: uppercase;
  background: rgba(233,30,99,0.1);
  border: 1px solid rgba(233,30,99,0.55);
  color: var(--brand-soft);
}

/* Features i højre side (Gratis at bruge / Nemt & hurtigt) */
.feature {
  border-left: 3px solid var(--brand);
  padding-left: 1rem;
  background: var(--bg-card);
  border-radius: 16px;
  padding-top: 1.1rem;
  padding-bottom: 1.1rem;
  color: var(--text-main);
  box-shadow: 0 14px 35px rgba(0,0,0,0.5);
}

.feature h4 {
  color: var(--text-main);
  font-weight: 700;
}

.feature span {
  color: var(--text-muted);
  font-size: .95rem;
}

.feature i.fa {
  color: var(--brand);
}

/* Knap – bruger dine globale btn-primary farver, men lidt ekstra glow */
.about-hero .btn-primary {
  box-shadow: 0 0 0 1px rgba(233,30,99,0.4), 0 12px 30px rgba(233,30,99,0.45);
  border-radius: 999px;
  font-weight: 700;
}

/* Fakta-sektion (Profiler / Besøg / osv.) */
.facts {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(900px 500px at 0% 0%, rgba(233, 30, 99, 0.23), transparent 60%),
    radial-gradient(900px 500px at 100% 100%, rgba(59, 130, 246, 0.23), transparent 60%),
    linear-gradient(180deg, #050815 0%, #020617 100%);
}

/* Hvis dit parallax-script sætter baggrundsbillede, laver vi en mørk overlay */
.facts::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at top, rgba(0,0,0,0.35), transparent 55%),
              linear-gradient(180deg, rgba(0,0,0,0.65), rgba(0,0,0,0.95));
  pointer-events: none;
}

/* Indholdet inde i facts skal ligge over overlay */
.facts .container {
  position: relative;
  z-index: 1;
}

/* Tal og tekst i facts */
.facts h1.display-4 {
  font-weight: 800;
  text-shadow: 0 10px 30px rgba(0,0,0,0.8);
}

.facts span.fs-5 {
  color: rgba(255,255,255,0.85);
}

/* Små tweaks til spacing på mobil */
@media (max-width: 767.98px) {
  .about-hero {
    padding-top: 3rem !important;
  }
  .feature {
    margin-top: 0.5rem;
  }
}
/* ============================
   Footer / copyright – light mode
   ============================ */

.copyright {
  background: #050815;                  /* mørk bund */
  border-top: 1px solid #111827;
  color: #9ca3af;                       /* dæmpet grå tekst */
  font-size: 0.9rem;
}

.copyright a {
  color: #e5e7f5;                       /* lys tekst */
  text-decoration: none;
  border-bottom: 1px solid transparent; /* vi styrer selv "underline" */
  padding-bottom: 1px;
  transition: color .15s ease, border-color .15s ease;
}

/* Logo-link til venstre (har class="border-bottom") */
.copyright a.border-bottom {
  border-bottom-color: rgba(233, 30, 99, 0.65); /* pink streg */
  color: #f9a8d4;                               /* lidt varmere/pink */
}

/* Hover-effekt på alle links i footer */
.copyright a:hover {
  color: #f472b6;                 /* pink highlight */
  border-bottom-color: #f472b6;
}