/* /css/theme-dark.css */
/* Mørkt tema – aktiveres når <html data-theme="dark"> */

/* ==========================================================
   BASIS-PALLETTE FOR DARK THEME
   (grå/blå baggrund, mørk lyserød accent, grå/hvid tekst)
========================================================== */

:root[data-theme="dark"] {
  /* Baggrunde */
  --site-bg:            #1c1f2b;   /* hovedbaggrund – blå/grå */
  --site-bg-soft:       #222634;   /* lidt lysere sektioner */
  --site-card-bg:       #232736;   /* kort/paneler */
  --site-card-bg-soft:  #282c3c;   /* ekstra blødt kort */
  --site-card-border:   #2f3345;   /* diskret kant */

  /* Tekst */
  --site-text:          #e6e8f2;   /* grå/hvid brødtekst */
  --site-text-muted:    #aeb4c9;   /* sekundær tekst */

  /* Navbar */
  --site-navbar-bg:     #1e2230;
  --site-navbar-text:   #e6e8f2;

  /* Links / accent – mørk lyserød */
  --site-link:          #d63384;
  --site-link-hover:    #f06595;

  /* Accent-variabler til komponenter */
  --accent-pink:        #d63384;   /* hovedaccent */
  --accent-pink-soft:   rgba(214,51,132,0.18);
  --accent-blue:        #6ea8ff;
  --accent-danger:      #ff6b8b;

  /* Mutede flader */
  --muted-bg:           #2a2e3e;
  --muted-border:       #34384a;
  --muted-soft:         #262a3a;

  /* Online/offline farver m.m. */
  --online-dot:         #2ecc71;
  --offline-dot:        #6c7085;

  /* Hjul (spinwheel) ekstra */
  --page-bg:            #1c1f2b;
  --bold-color:         #d63384;
}

/* Global body + links */
:root[data-theme="dark"] body {
  background-color: var(--site-bg);
  color: var(--site-text);
}

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

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

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

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

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

:root[data-theme="dark"] .card.shadow-soft {
  border: 0;
  border-radius: 18px;
  background: radial-gradient(circle at top left, #2a2e40 0, #1e2230 60%, #151827 100%);
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.65);
}

/* HERO / velkomstsektion */
:root[data-theme="dark"] .hero-1flirt {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(1200px 600px at 0% -10%, rgba(214,51,132,0.22) 0%, transparent 60%),
    radial-gradient(1000px 600px at 110% 0%, rgba(110,168,255,0.2) 0%, transparent 60%),
    linear-gradient(135deg, #181c2a 0%, #202534 45%, #1c1f2b 100%);
}

/* Flyvende hjerter */
.floating-heart {
  position: absolute;
  width: 18px;
  height: 18px;
  background: var(--accent-pink);
  transform: rotate(45deg);
  animation: floatUp 10s linear infinite;
  opacity: 0.18;
  border-radius: 3px;
  bottom: -24px;
  box-shadow: 0 0 14px rgba(214,51,132,0.55);
}
.floating-heart::before,
.floating-heart::after {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  background: var(--accent-pink);
  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: 0.18; }
  100% { transform: translateY(-120vh) rotate(45deg); opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .floating-heart { display: none; animation: none !important; }
}

/* Udvalgte profiler – kort */
:root[data-theme="dark"] .profile-card {
  border-radius: 14px;
  background: var(--site-card-bg-soft);
  border: 1px solid var(--site-card-border);
  padding: 10px;
  text-align: center;
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease, background .12s ease;
}
:root[data-theme="dark"] .profile-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.7);
  border-color: rgba(214,51,132,0.45);
  background: radial-gradient(circle at top, rgba(214,51,132,0.18), var(--site-card-bg-soft));
}

:root[data-theme="dark"] .profile-avatar {
  position: relative;
  width: 100%;
  padding-top: 100%;
  border-radius: 12px;
  overflow: hidden;
  background: radial-gradient(circle at top, #323750 0, #262a3a 50%, #202434 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}
:root[data-theme="dark"] .profile-avatar img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

:root[data-theme="dark"] .profile-name {
  margin-top: .5rem;
  font-weight: 600;
  color: #ffffff;
  font-size: .95rem;
}
:root[data-theme="dark"] .profile-subtext {
  font-size: .8rem;
  color: rgba(223, 228, 255, 0.75);
}

/* Udvalgte beskeder – lille widget */
:root[data-theme="dark"] .promoted-widget .card {
  background: var(--site-card-bg-soft);
  border-color: var(--site-card-border);
}
:root[data-theme="dark"] .promoted-widget .msg {
  color: var(--site-text);
}
:root[data-theme="dark"] .promoted-widget .heading {
  color: #ffffff;
}
:root[data-theme="dark"] .promoted-widget .expires {
  color: rgba(223, 228, 255, 0.6);
}

/* Terms / policy / regler kort + TOC */
:root[data-theme="dark"] .terms-card,
:root[data-theme="dark"] .policy-card,
:root[data-theme="dark"] .rules-card {
  border: 0;
  border-radius: 18px;
  background: var(--site-card-bg);
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.7);
}

:root[data-theme="dark"] .terms h2,
:root[data-theme="dark"] .policy h2,
:root[data-theme="dark"] .rules h2 {
  font-size: 1.35rem;
  margin-top: 1.75rem;
  color: #ffffff;
}

:root[data-theme="dark"] .terms ol,
:root[data-theme="dark"] .rules ol {
  padding-left: 1.1rem;
}
:root[data-theme="dark"] .terms li,
:root[data-theme="dark"] .rules li {
  margin-bottom: .5rem;
}

:root[data-theme="dark"] .toc {
  position: sticky;
  top: 90px;
}
:root[data-theme="dark"] .toc .list-group-item {
  border: 0;
  padding: .45rem .25rem;
  background: transparent;
}
:root[data-theme="dark"] .toc .list-group-item a {
  text-decoration: none;
  color: rgba(223, 228, 255, 0.75);
}
:root[data-theme="dark"] .toc .list-group-item a:hover {
  text-decoration: underline;
  color: var(--site-link-hover);
}

/* Muted / infobokse */
:root[data-theme="dark"] .muted-box {
  background: var(--muted-bg);
  border: 1px solid var(--muted-border);
  border-radius: 12px;
  padding: 1rem;
  color: rgba(233, 237, 255, 0.9);
}

/* Sektion + subtekst generelt */
:root[data-theme="dark"] .section-wrap + .section-wrap {
  margin-top: 2rem;
}
:root[data-theme="dark"] .subtext {
  margin-top: .25rem;
  color: rgba(223, 228, 255, 0.6);
}

/* Callouts (god/dårlig adfærd) */
:root[data-theme="dark"] .callout {
  border-left: 4px solid var(--accent-blue);
  background: var(--muted-soft);
  padding: 1rem;
  border-radius: .5rem;
}
:root[data-theme="dark"] .callout.bad {
  background: #3b1b25;
  border: 1px solid #ff6b81;
  border-left-color: #e03131;
}
:root[data-theme="dark"] .callout.good {
  background: #163423;
  border: 1px solid #4ade80;
  border-left-color: #2f9e44;
}

/* Floating finder */
:root[data-theme="dark"] .floating-finder {
  position: fixed;
  width: 56px;
  height: 56px;
  cursor: pointer;
  z-index: 9999;
  display: none;
  transition: transform .08s ease, box-shadow .08s ease;
  user-select: none;
  -webkit-user-drag: none;
  border-radius: 999px;
  background: radial-gradient(circle at top, rgba(214,51,132,.22), #202434);
  box-shadow: 0 12px 30px rgba(0, 0, 0, .8);
}
:root[data-theme="dark"] .floating-finder:hover {
  transform: scale(1.06);
  box-shadow: 0 18px 40px rgba(0, 0, 0, .9);
}

/* Tema-knap */
:root[data-theme="dark"] .theme-toggle-btn {
  border-radius: 999px;
  font-size: .85rem;
  padding: .25rem .7rem;
  display: inline-flex;
  align-items: center;
  gap: .25rem;
  white-space: nowrap;
  border: 1px solid var(--site-card-border);
  background: radial-gradient(circle at top, rgba(214,51,132, 0.18), #202434);
  color: var(--site-text);
}
:root[data-theme="dark"] .theme-toggle-btn i {
  font-size: 1rem;
}

/* Spinner & navbar z-index (uændret) */
#spinner { z-index: 1040; }
.navbar  { position: relative; z-index: 1050; }

/* Dropdown-trekant skjules */
:root[data-theme="dark"] .navbar .dropdown-toggle::after {
  display: none !important;
}

/* Notifikations-badges i navbar */
:root[data-theme="dark"] .nav-item .badge-notif {
  position: absolute;
  top: 0;
  left: 100%;
  transform: translate(-40%, -30%);
  font-size: .65rem;
  padding: .2rem .35rem;
}

:root[data-theme="dark"] .dropdown-menu-notif {
  min-width: 340px;
  background: var(--site-card-bg);
  border: 1px solid var(--site-card-border);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.8);
}
:root[data-theme="dark"] .dropdown-menu-notif .list-group-item {
  border: 0;
  background: transparent;
  color: var(--site-text);
}

/* Post + besøgs badges */
:root[data-theme="dark"] .post-badge {
  margin-left: .35rem;
  font-size: .75rem;
  padding: .1rem .45rem;
  border-radius: 999px;
  background: var(--accent-danger);
  color: #fff;
  font-weight: 700;
}
:root[data-theme="dark"] .nav-post-pulse {
  position: absolute;
  top: 6px;
  right: -6px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--accent-danger);
  box-shadow: 0 0 0 0 rgba(255, 77, 141, .7);
  animation: postPulse 1.7s infinite;
}

:root[data-theme="dark"] .besog-badge {
  margin-left: .35rem;
  font-size: .75rem;
  padding: .1rem .45rem;
  border-radius: 999px;
  background: var(--accent-blue);
  color: #fff;
  font-weight: 700;
}
:root[data-theme="dark"] .nav-besog-pulse {
  position: absolute;
  top: 6px;
  right: -6px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--accent-blue);
  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); }
}

/* Toasts (venstre bund) */
:root[data-theme="dark"] .notif-toasts {
  position: fixed;
  left: 16px;
  bottom: 16px;
  z-index: 1060;
  display: flex;
  flex-direction: column;
  gap: 10px;
  pointer-events: none;
}
:root[data-theme="dark"] .notif-toast {
  min-width: 260px;
  max-width: 340px;
  background: var(--site-card-bg-soft);
  pointer-events: auto;
  border: 1px solid var(--site-card-border);
  border-radius: 12px;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.9);
  padding: .75rem .9rem;
  display: flex;
  gap: .6rem;
  align-items: flex-start;
  color: var(--site-text);
}
:root[data-theme="dark"] .notif-toast .icon {
  flex: 0 0 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--accent-pink-soft);
  color: #fff;
}
:root[data-theme="dark"] .notif-item.unread {
  background: rgba(214,51,132, 0.12);
}
:root[data-theme="dark"] .notif-item .title {
  font-weight: 600;
}
:root[data-theme="dark"] .notif-item .meta {
  font-size: .8rem;
  color: rgba(223, 228, 255, 0.6);
}
:root[data-theme="dark"] .notif-empty {
  padding: .75rem 1rem;
  color: rgba(223, 228, 255, 0.6);
}
:root[data-theme="dark"] .nav-bell-hasnew .bi-bell {
  color: var(--accent-pink);
}

/* Team-kort */
:root[data-theme="dark"] .team-item {
  background: var(--site-card-bg-soft);
  border: 1px solid var(--site-card-border);
  border-radius: .75rem;
  overflow: hidden;
}
:root[data-theme="dark"] .team-item .team-text h4 {
  color: #ffffff;
}
:root[data-theme="dark"] .team-item .online-dot,
:root[data-theme="dark"] .team-item .offline-dot {
  border: 2px solid #101322;
}

/* FAQ accordion */
:root[data-theme="dark"] .faq-accordion .collapsible {
  display: flex;
  align-items: center;
  width: 100%;
  padding: .75rem 1rem;
  border: 1px solid var(--site-card-border);
  background: var(--site-card-bg-soft);
  border-radius: .5rem;
  margin-bottom: .5rem;
  cursor: pointer;
  transition: background .15s ease, border-color .15s ease;
  color: var(--site-text);
}
:root[data-theme="dark"] .faq-accordion .collapsible.active {
  background: var(--muted-soft);
  border-color: rgba(214,51,132, 0.5);
}
:root[data-theme="dark"] .faq-accordion .content1 {
  overflow: hidden;
  max-height: 0;
  transition: max-height .25s ease;
  background: var(--site-card-bg);
  border: 1px solid var(--site-card-border);
  border-top: 0;
  border-radius: 0 0 .5rem .5rem;
  padding: 0 1rem;
}
:root[data-theme="dark"] .faq-accordion .content1 p {
  margin: .75rem 0;
  color: rgba(233, 237, 255, 0.9);
}
:root[data-theme="dark"] .help-badge {
  display: inline-block;
  background: rgba(214,51,132, 0.16);
  color: #f7a2c4;
  font-weight: 600;
  padding: .35rem .7rem;
  border-radius: 999px;
}

/* ==========================================================
   MØRKE OVERRIDES TIL NYE KOMPONENTER
========================================================== */

/* Cookie-banner */
:root[data-theme="dark"] .cc-backdrop{
  background:rgba(0,0,0,.7);
}
:root[data-theme="dark"] .cc-wrap{
  background:var(--site-card-bg-soft);
  border:1px solid var(--site-card-border);
  color:var(--site-text);
  box-shadow:0 18px 40px rgba(0,0,0,.85);
}
:root[data-theme="dark"] .cc-title{
  color:#fff;
}
:root[data-theme="dark"] .cc-text{
  color:rgba(233,237,255,.85);
}
:root[data-theme="dark"] .cc-btn{
  border-radius:999px;
  border:1px solid rgba(214,51,132,.4);
  background:transparent;
  color:var(--accent-pink);
}
:root[data-theme="dark"] .cc-btn.brand{
  background:var(--accent-pink);
  border-color:var(--accent-pink);
  color:#fff;
}
:root[data-theme="dark"] .cc-btn.alt{
  background:rgba(214,51,132,.14);
  border-color:rgba(214,51,132,.45);
  color:var(--accent-pink);
}
:root[data-theme="dark"] .cc-link{
  color:var(--site-link);
}
:root[data-theme="dark"] .cc-link:hover{
  color:var(--site-link-hover);
}
:root[data-theme="dark"] .cc-advanced{
  border-top:1px solid var(--site-card-border);
}
:root[data-theme="dark"] .cc-cat small{
  color:rgba(223,228,255,.6);
}

/* QOTD – Dagens icebreaker */
:root[data-theme="dark"] .qotd-card{
  border:1px solid var(--site-card-border);
  border-radius:16px;
  box-shadow:0 16px 40px rgba(0,0,0,.8);
  background:var(--site-card-bg);
}
:root[data-theme="dark"] .qotd-title{
  color:var(--accent-pink);
}
:root[data-theme="dark"] .qotd-subdate{
  color:rgba(223,228,255,.6);
}
:root[data-theme="dark"] .qotd-q{
  color:var(--site-text);
  border-left-color:var(--accent-pink);
}
:root[data-theme="dark"] .qotd-btn{
  border:1px solid var(--site-card-border);
  background:var(--site-card-bg-soft);
  color:var(--site-text);
}
:root[data-theme="dark"] .qotd-btn:hover{
  background:var(--muted-soft);
}
:root[data-theme="dark"] .qotd-bar{
  background:#262a3e;
}
:root[data-theme="dark"] .qotd-fill{
  background:rgba(110,168,255,.55);
}
:root[data-theme="dark"] .qotd-meta{
  color:rgba(223,228,255,.6);
}
:root[data-theme="dark"] .qotd-who{
  color:var(--site-link);
}
:root[data-theme="dark"] .qotd-who:hover{
  color:var(--site-link-hover);
}
:root[data-theme="dark"] .qotd-modal-title{
  color:var(--accent-pink);
}
:root[data-theme="dark"] .who-item{
  border-bottom:1px dashed var(--site-card-border);
}
:root[data-theme="dark"] .who-avatar{
  background:var(--site-card-bg-soft);
  border-color:#0000;
}
:root[data-theme="dark"] .who-name{
  color:var(--site-link);
}

/* Gaver liste / tabel */
:root[data-theme="dark"] .gift-page-header h1{
  color:#fff;
}
:root[data-theme="dark"] .gift-table{
  color:var(--site-text);
}
:root[data-theme="dark"] .gift-table thead{
  background:var(--site-card-bg-soft);
}
:root[data-theme="dark"] .gift-table tbody tr{
  background:var(--site-card-bg);
  border-color:var(--site-card-border);
}
:root[data-theme="dark"] .gift-row-unread{
  background:rgba(214,51,132,.12);
}
:root[data-theme="dark"] .gift-name-line{
  color:rgba(223,228,255,.7);
}
:root[data-theme="dark"] .gift-name-line strong{
  color:#fff;
}
@media(max-width:768px){
  :root[data-theme="dark"] .gift-table tbody tr{
    background:var(--site-card-bg-soft);
    border-color:var(--site-card-border);
  }
  :root[data-theme="dark"] .gift-table td::before{
    color:rgba(223,228,255,.7);
  }
}

/* Skin-vælger */
:root[data-theme="dark"] .skin-card{
  border:1px solid var(--site-card-border);
  background:var(--site-card-bg);
}
:root[data-theme="dark"] .skin-card:hover{
  box-shadow:0 10px 26px rgba(0,0,0,.8);
}
:root[data-theme="dark"] .skin-card .skin-name{
  color:#fff;
}
:root[data-theme="dark"] .skin-card .skin-chip{
  border-color:rgba(255,255,255,.09);
  background:var(--muted-soft);
  color:rgba(233,237,255,.9);
}
:root[data-theme="dark"] .skin-card .tick{
  border-color:#6c738a;
}
:root[data-theme="dark"] .skin-card input[type="radio"]:checked ~ .tick{
  background:var(--accent-blue);
  border-color:var(--accent-blue);
}
:root[data-theme="dark"] .skin-preview{
  border-color:var(--site-card-border);
  background:var(--site-card-bg-soft);
}
:root[data-theme="dark"] .skin-preview .status-quote{
  border-top-color:rgba(255,255,255,.12);
}
:root[data-theme="dark"] .locked-overlay::after{
  background:rgba(5,7,19,.9);
  border-color:#ffda6a;
  color:#ffec99;
}

/* Auth / ny bruger + password styrke + slet-konto */
:root[data-theme="dark"] .auth-hero{
  background:
    radial-gradient(900px 460px at -20% 0%, rgba(214,51,132,.22) 0%, transparent 60%),
    radial-gradient(900px 480px at 120% 10%, rgba(110,168,255,.24) 0%, transparent 60%),
    linear-gradient(135deg,#181c2a,#202534 60%,#1c1f2b 100%);
}
:root[data-theme="dark"] .card-glass{
  background:rgba(11,14,28,.92);
  border:1px solid var(--site-card-border);
  box-shadow:0 16px 40px rgba(0,0,0,.9);
}
:root[data-theme="dark"] .icon-badge{
  background:rgba(110,168,255,.14);
  color:var(--accent-blue);
}
:root[data-theme="dark"] .help-list{
  color:rgba(223,228,255,.7);
}
:root[data-theme="dark"] #accept_privacy + label.form-check-label{
  color:var(--site-text);
}
:root[data-theme="dark"] .pw-meter{
  background:#22263a;
}
:root[data-theme="dark"] .pw-strap{
  color:rgba(223,228,255,.7);
}
:root[data-theme="dark"] .pw-card,
:root[data-theme="dark"] .del-card{
  border:1px solid var(--site-card-border);
  border-radius:16px;
  background:
    radial-gradient(800px 300px at -20% -40%, rgba(214,51,132,.2) 0%, transparent 60%),
    linear-gradient(180deg,#181c2a,#202534);
  box-shadow:0 18px 40px rgba(0,0,0,.9);
}
:root[data-theme="dark"] .pw-card h1,
:root[data-theme="dark"] .del-card h1{
  color:#fff;
}
:root[data-theme="dark"] .pw-meter-wrap{
  background:#181b2b;
}
:root[data-theme="dark"] .warn{
  border-color:#ff99b3;
  background:#3b1b25;
  color:#ffdce7;
}
:root[data-theme="dark"] .btn-danger-brand{
  background:var(--accent-pink);
  border-color:var(--accent-pink);
}

/* Holiday / events */
:root[data-theme="dark"] #holiday .holiday-hero{
  background:linear-gradient(135deg,var(--holiday-accent),#181c2a);
}
:root[data-theme="dark"] #holiday .holiday-grid{
  margin-top:1rem;
}
:root[data-theme="dark"] #holiday .holiday-card{
  border-color:var(--site-card-border);
  background:var(--site-card-bg);
  box-shadow:0 14px 36px rgba(0,0,0,.85);
}
:root[data-theme="dark"] #holiday .holiday-card p{
  color:rgba(233,237,255,.9);
}
:root[data-theme="dark"] #holiday .holiday-mini{
  color:rgba(223,228,255,.7);
}
:root[data-theme="dark"] #holiday .holiday-table th,
:root[data-theme="dark"] #holiday .holiday-table td{
  border-bottom-color:var(--site-card-border);
}
:root[data-theme="dark"] #holiday .holiday-badge-chip{
  background:var(--muted-soft);
  border-color:var(--site-card-border);
}
:root[data-theme="dark"] #holiday .holiday-modal .holiday-box{
  background:var(--site-card-bg);
  color:var(--site-text);
}
:root[data-theme="dark"] #holiday .holiday-toast{
  background:#181c2a;
}

/* Stats / badges / streak */
:root[data-theme="dark"] .stats-hero{
  border:1px solid var(--site-card-border);
  background:
    radial-gradient(800px 300px at -20% -40%, rgba(214,51,132,.22) 0%, transparent 60%),
    linear-gradient(180deg,#181c2a,#202534);
  box-shadow:0 18px 40px rgba(0,0,0,.9);
}
:root[data-theme="dark"] .stat-card{
  background:var(--site-card-bg-soft);
  border-color:var(--site-card-border);
}
:root[data-theme="dark"] .stat-card .k{
  color:rgba(223,228,255,.65);
}
:root[data-theme="dark"] .muted{
  color:rgba(223,228,255,.65);
}
:root[data-theme="dark"] .chip{
  background:var(--site-card-bg);
  border-color:rgba(214,51,132,.5);
  color:var(--accent-pink);
}
:root[data-theme="dark"] .divider{
  background:var(--site-card-border);
}
:root[data-theme="dark"] .mini{
  border-color:var(--site-card-border);
  background:var(--site-card-bg-soft);
}
:root[data-theme="dark"] .badge-chip{
  border-color:var(--site-card-border);
  background:var(--site-card-bg-soft);
  color:var(--site-text);
}
:root[data-theme="dark"] .streak-card{
  border:1px solid var(--site-card-border);
  background:
    radial-gradient(800px 300px at -20% -40%, rgba(214,51,132,.22) 0%, transparent 60%),
    linear-gradient(180deg,#181c2a,#202534);
  box-shadow:0 18px 40px rgba(0,0,0,.9);
}
:root[data-theme="dark"] .streak-sub{
  color:rgba(223,228,255,.65);
}

/* Settings-menu */
:root[data-theme="dark"] .settings-menu{
  background:var(--site-card-bg);
  box-shadow:0 14px 32px rgba(0,0,0,.9);
}
:root[data-theme="dark"] .settings-menu h5{
  border-bottom-color:var(--site-card-border);
  color:#fff;
}
:root[data-theme="dark"] .settings-menu a{
  color:var(--site-text);
}
:root[data-theme="dark"] .settings-menu a i{
  color:var(--accent-pink);
}
:root[data-theme="dark"] .settings-menu a:hover{
  background-color:rgba(214,51,132,.18);
  color:var(--accent-pink);
}

/* Likes / swipe / besøgende / mm-kort */
:root[data-theme="dark"] .likes-hero,
:root[data-theme="dark"] .besog-hero,
:root[data-theme="dark"] .mm-card{
  background:
    radial-gradient(900px 480px at -10% 0%, rgba(214,51,132,.22) 0%, transparent 60%),
    radial-gradient(900px 480px at 110% 10%, rgba(110,168,255,.22) 0%, transparent 60%),
    linear-gradient(135deg,#181c2a,#202534 60%,#1c1f2b 100%);
  border-radius:16px;
  border:1px solid var(--site-card-border);
  box-shadow:0 18px 40px rgba(0,0,0,.9);
}
:root[data-theme="dark"] .user-card,
:root[data-theme="dark"] .besog-item{
  border-color:var(--site-card-border);
  background:var(--site-card-bg);
  box-shadow:0 10px 26px rgba(0,0,0,.8);
}
:root[data-theme="dark"] .swipe-card-wrap #swipeCard{
  border-color:var(--site-card-border);
  background:var(--site-card-bg);
}
:root[data-theme="dark"] .swipe-sub,
:root[data-theme="dark"] .besog-sub,
:root[data-theme="dark"] .besog-when{
  color:rgba(223,228,255,.65);
}

/* Notifikationer side */
:root[data-theme="dark"] .noti-header h3{
  color:var(--accent-pink);
}
:root[data-theme="dark"] .nav-pills .nav-link:not(.active){
  color:rgba(223,228,255,.65);
}
:root[data-theme="dark"] .nav-pills .nav-link:not(.active):hover{
  color:var(--accent-pink);
}
:root[data-theme="dark"] .noti-item{
  border-color:var(--site-card-border);
  background:var(--site-card-bg);
  box-shadow:0 10px 26px rgba(0,0,0,.8);
}
:root[data-theme="dark"] .noti-item.unread{
  border-color:rgba(214,51,132,.7);
  background:rgba(214,51,132,.16);
}
:root[data-theme="dark"] .noti-time{
  color:rgba(223,228,255,.6);
}
:root[data-theme="dark"] .noti-text-main{
  color:var(--site-text);
}
:root[data-theme="dark"] .noti-label-badge{
  background:var(--muted-bg);
  color:rgba(223,228,255,.7);
  border-color:var(--site-card-border);
}
:root[data-theme="dark"] .noti-link a{
  color:rgba(223,228,255,.6);
}
:root[data-theme="dark"] .noti-link a:hover{
  color:var(--accent-pink);
}

/* Betaling / points-historik */
:root[data-theme="dark"] .pay-card{
  background:var(--site-card-bg);
  border-color:var(--site-card-border);
}
:root[data-theme="dark"] .badge-soft{
  background:rgba(214,51,132,.14);
  border-color:rgba(214,51,132,.45);
  color:var(--accent-pink);
}
:root[data-theme="dark"] .order-row{
  border-bottom-color:var(--site-card-border);
}
:root[data-theme="dark"] .order-label{
  color:rgba(223,228,255,.6);
}
:root[data-theme="dark"] .points-hero{
  background:
    radial-gradient(900px 450px at -20% 0%, rgba(214,51,132,.24) 0%, transparent 60%),
    radial-gradient(900px 480px at 120% 10%, rgba(110,168,255,.24) 0%, transparent 60%),
    linear-gradient(135deg,#181c2a,#202534 60%,#1c1f2b 100%);
  border-color:var(--site-card-border);
}
:root[data-theme="dark"] .pill{
  border-color:var(--site-card-border);
  background:var(--site-card-bg-soft);
}
:root[data-theme="dark"] .txn{
  border-color:var(--site-card-border);
  background:var(--site-card-bg);
}
:root[data-theme="dark"] .txn-icon{
  background:#181b2b;
  border-color:var(--site-card-border);
}
:root[data-theme="dark"] .txn .meta{
  color:rgba(223,228,255,.6);
}

/* Profil + like widgets + welcome-cover */
:root[data-theme="dark"] .profile-cover{
  background:linear-gradient(180deg,#202534,#181c2a);
}
:root[data-theme="dark"] .profile-avatar{
  border-color:#181c2a;
  box-shadow:0 .3rem .8rem rgba(0,0,0,.9);
}
:root[data-theme="dark"] .stat-pill{
  border-color:var(--site-card-border);
  background:var(--site-card-bg-soft);
}
:root[data-theme="dark"] .like-widget,
:root[data-theme="dark"] .like-box{
  background:rgba(214,51,132,.18);
  border-color:rgba(214,51,132,.7);
  box-shadow:0 12px 32px rgba(0,0,0,.9);
}
:root[data-theme="dark"] .heart-btn{
  background:var(--site-card-bg);
}
:root[data-theme="dark"] .heart-hint,
:root[data-theme="dark"] .like-box .sub{
  color:rgba(233,212,255,.9);
}
:root[data-theme="dark"] .welcome-cover{
  background:linear-gradient(135deg,#202534,#181c2a);
  border-color:var(--site-card-border);
}
:root[data-theme="dark"] .quick-card{
  background:var(--site-card-bg);
  border-color:var(--site-card-border);
}
:root[data-theme="dark"] .quick-link a{
  color:rgba(223,228,255,.6);
}
:root[data-theme="dark"] .quick-link a:hover{
  color:var(--accent-pink);
}

/* VIP side */
:root[data-theme="dark"] .vip-hero{
  background:linear-gradient(135deg,#2b2113,#3b2a17);
  border-color:#806312;
}
:root[data-theme="dark"] .vip-card{
  background:var(--site-card-bg);
  border-color:var(--site-card-border);
}
:root[data-theme="dark"] .vip-card.featured{
  border-color:#ffd78a;
  box-shadow:0 16px 40px rgba(0,0,0,.9);
}
:root[data-theme="dark"] .vip-perks-card{
  background:linear-gradient(135deg,#3b2a17,#2b2113);
  border-color:#ffd78a;
}
:root[data-theme="dark"] .vip-perks-card h5{
  color:var(--accent-pink);
}

/* HJUL – Spinhjul i mørk stil */
:root[data-theme="dark"] body{
  background-color:var(--site-bg);
}
:root[data-theme="dark"] .wheel{
  box-shadow:0 18px 45px rgba(0,0,0,.95);
  border-color:#181c2a;
}
:root[data-theme="dark"] .wheel::after{
  background:
    repeating-conic-gradient(
      rgba(0,0,0,.45) 0deg,
      rgba(0,0,0,.45) .8deg,
      transparent .8deg,
      transparent var(--slice-deg)
    );
}
:root[data-theme="dark"] .wheel-label span{
  color:#f8f9ff;
  text-shadow:0 1px 4px rgba(0,0,0,.8);
}
:root[data-theme="dark"] .legend .item{
  background:var(--site-card-bg-soft);
  border-color:var(--site-card-border);
  color:var(--site-text);
}
:root[data-theme="dark"] .legend .rare{
  border-color:#f1c40f;
  background:#3b3312;
}
:root[data-theme="dark"] .legend .epic{
  border-color:#ff6b6b;
  background:#3b1515;
}

/* CHAT UI */
:root[data-theme="dark"] .chat-card{
  background:var(--site-card-bg);
  box-shadow:0 18px 40px rgba(0,0,0,.9);
}
:root[data-theme="dark"] .convo-item{
  color:var(--site-text);
}
:root[data-theme="dark"] .convo-item:hover{
  background:var(--muted-soft);
}
:root[data-theme="dark"] .convo-item.active{
  background:rgba(214,51,132,.2);
}
:root[data-theme="dark"] .convo-item .meta{
  color:rgba(223,228,255,.6);
}
:root[data-theme="dark"] .messages{
  background:var(--site-card-bg-soft);
  border-color:var(--site-card-border);
}
:root[data-theme="dark"] .msg-row.them .msg-bubble{
  background:#181b2b;
  color:var(--site-text);
  border-color:var(--site-card-border);
}
:root[data-theme="dark"] .msg-row.me .msg-bubble{
  background:var(--accent-pink);
  border-color:var(--accent-pink);
}
:root[data-theme="dark"] .msg-quote{
  background:rgba(5,7,19,.9);
  border-left-color:rgba(255,255,255,.18);
}
:root[data-theme="dark"] .msg-time,
:root[data-theme="dark"] .msg-receipt{
  color:rgba(223,228,255,.6);
}
:root[data-theme="dark"] .chat-empty-hero{
  border-color:rgba(214,51,132,.5);
  background:rgba(214,51,132,.16);
}
:root[data-theme="dark"] .chat-empty-hero h4{
  color:var(--accent-pink);
}
:root[data-theme="dark"] .chat-empty-hero p{
  color:rgba(223,228,255,.7);
}
:root[data-theme="dark"] .icebreaker-box{
  border-color:rgba(214,51,132,.55);
  background:rgba(214,51,132,.18);
}
:root[data-theme="dark"] .msg-tools-label,
:root[data-theme="dark"] .msg-tools-hint{
  color:rgba(223,228,255,.6);
}

/* Boost-side */
:root[data-theme="dark"] .boost-hero{
  background:linear-gradient(135deg,#2b1020,#3b1c24);
  border-color:rgba(214,51,132,.5);
}
:root[data-theme="dark"] .boost-hero .sub{
  color:rgba(223,228,255,.7);
}
:root[data-theme="dark"] .boost-hero-badge{
  background:var(--site-card-bg);
  border-color:rgba(214,51,132,.6);
}
:root[data-theme="dark"] .boost-status{
  background:var(--site-card-bg);
  border-color:var(--site-card-border);
}
:root[data-theme="dark"] .boost-status-active{
  background:#0f3b24;
  border-color:#37d18b;
}
:root[data-theme="dark"] .boost-perks{
  color:rgba(223,228,255,.8);
}
/* 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);
}

/* Dark mode – ekstra lille løft (valgfrit, men lækkert) */
:root[data-theme="dark"] .home-widget-card {
  box-shadow: 0 18px 40px rgba(0,0,0,.9);
}
:root[data-theme="dark"] .birthday-pill {
  background: var(--site-card-bg-soft);
}
:root[data-theme="dark"] .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 */
}

/* Dark theme override */
:root[data-theme="dark"] .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="dark"] .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="dark"] .text-muted {
  color: rgba(223,228,255,0.65) !important; /* samme type grå som resten af dit tema */
}

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

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

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

/* Badge (1-2-3 prikker) */
:root[data-theme="dark"] .howto-box .badge,
:root[data-theme="dark"] .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="dark"] .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="dark"] .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="dark"] .cta-flirt-box .btn-light {
  background: var(--accent-pink);
  border-color: var(--accent-pink);
  color: #fff;
}

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

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

:root[data-theme="dark"] .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="dark"] .profile-name {
  color: #f6f4ff;
}

/* GULD */
:root[data-theme="dark"] .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="dark"] .profile-name.name-guld {
  color: #f9e28b;
  text-shadow: 0 0 10px rgba(245,212,107,.5);
}

/* SØLV */
:root[data-theme="dark"] .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="dark"] .profile-name.name-soelv {
  color: #dde4f5;
  text-shadow: 0 0 8px rgba(207,213,229,.5);
}

/* RØD */
:root[data-theme="dark"] .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="dark"] .profile-name.name-roed {
  color: #ff8ba0;
  text-shadow: 0 0 10px rgba(255,107,129,.6);
}

/* BLÅ */
:root[data-theme="dark"] .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="dark"] .profile-name.name-blaa {
  color: #7bc1ff;
  text-shadow: 0 0 10px rgba(78,169,255,.6);
}

/* LILLA */
:root[data-theme="dark"] .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="dark"] .profile-name.name-lilla {
  color: #d9a9ff;
  text-shadow: 0 0 10px rgba(192,132,252,.6);
}

/* ORANGE */
:root[data-theme="dark"] .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="dark"] .profile-name.name-orange {
  color: #ffc08b;
  text-shadow: 0 0 10px rgba(255,159,90,.6);
}

/* GUL */
:root[data-theme="dark"] .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="dark"] .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="dark"] .profile-cover .stat-pill {
  color: #f7f3ff;
  font-weight: 600;
}

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

/* VIP-badge (den med #fff9e6 baggrund) */
:root[data-theme="dark"] .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="dark"] .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="dark"] .profile-cover .stat-pill[style*="fff9e6"] i {
  color: #d4af37 !important;
}
:root[data-theme="dark"] .profile-cover .stat-pill[style*="ffe6e9"] i {
  color: #ff4b6b !important;
}
/* ───────────────────────────────────────────
   Lidt lysere text-muted i mørkt tema
─────────────────────────────────────────── */
:root[data-theme="dark"] .text-muted {
  color: rgba(228,233,255,.8) !important;
}
/* ───────────────────────────────────────────
   BESKEDER – venstre samtaleliste (mørk)
─────────────────────────────────────────── */

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

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

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

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

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

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

/* Avatar i venstre liste */
/* -----------------------------------------------------------
   Dark mode – avatar i venstre samtaleliste (CHAT SIDEBAR)
   Gør dem runde, klare, flotte og med “glow” som passer til 1Flirt
----------------------------------------------------------- */
:root[data-theme="dark"] .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="dark"] .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="dark"] .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="dark"] .besog-hero h3 {
  color: #e5e7ff;
}

/* Små chips: "Administrator", "VIP", "I alt: X" */
:root[data-theme="dark"] .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="dark"] .besog-hero .besog-chip + .besog-chip {
  margin-left: .4rem;
}

/* Pagination nederst (1,2,3,4…) */
:root[data-theme="dark"] .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="dark"] .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="dark"] .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="dark"] .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 (dark mode)
────────────────────────────────────────────── */

/* Selve kortet */
:root[data-theme="dark"] .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="dark"] .streak-card .title {
  color: rgba(226, 232, 255, 0.9);
}

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

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

/* PILLEN "Bedst: XX" */
:root[data-theme="dark"] .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="dark"] .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="dark"] .streak-pill b {
  color: #fff;
}
/* ─────────────────────────────────────────────
   Dark theme – "Det du søger" / Hurtige valg
────────────────────────────────────────────── */

/* Kortene */
:root[data-theme="dark"] .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="dark"] .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="dark"] .seek-grid {
  background: transparent;
}

/* Hele pillen omkring switchen */
:root[data-theme="dark"] .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="dark"] .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="dark"] .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="dark"] .switch-pill .label {
  color: rgba(226, 232, 240, 0.96);
}

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

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

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

:root[data-theme="dark"] .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;
}
/* === DARK 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);
}
/* === DARK 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;
}
/* === DARK 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 – Dark 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 – dark 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;
}