/* =====================================================================
   WATERCOLOR-VEREINHEITLICHUNG für ALLE Artikel-Templates (single-*.php)
   Lädt als LETZTES auf Einzelbeiträgen → überschreibt die 25 Template-CSS.
   Rein CSS: Splatter via mask (background = Leitfarbe), kein JS, keine Template-Edits.
   Revertierbar: einfach das Enqueue in functions.php entfernen.
   ===================================================================== */

body.single{
  --nx-ink:#141233; --nx-ink2:#3a3763; --nx-muted:#5c5a7a; --nx-line:#ececf4; --nx-card:#ffffff;
  --nx-accent:#e0119d; --nx-accent2:#0891b2;
  /* wiederverwendbare Splatter-Maske (organischer Klecks + Sprüh-Tropfen) */
  --nx-splat-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 220 180"><defs><filter id="f" x="-30%25" y="-30%25" width="160%25" height="160%25"><feTurbulence type="fractalNoise" baseFrequency="0.032 0.04" numOctaves="3" seed="9" result="n"/><feDisplacementMap in="SourceGraphic" in2="n" scale="17"/></filter></defs><g filter="url(%23f)" fill="black"><ellipse cx="86" cy="92" rx="58" ry="46"/><ellipse cx="128" cy="66" rx="30" ry="25"/><ellipse cx="52" cy="60" rx="22" ry="18"/><ellipse cx="120" cy="120" rx="20" ry="15"/><circle cx="168" cy="48" r="8"/><circle cx="186" cy="78" r="5"/><circle cx="160" cy="112" r="6"/><circle cx="196" cy="58" r="3"/><circle cx="140" cy="150" r="4.5"/><circle cx="30" cy="104" r="5"/><circle cx="20" cy="42" r="3.4"/><circle cx="104" cy="24" r="4"/></g></svg>');
}
/* Kategorie-Leitfarben (deterministisch via nx-acc-<term_id % 6>) */
body.nx-acc-0{--nx-accent:#e0119d;--nx-accent2:#0891b2;}
body.nx-acc-1{--nx-accent:#0891b2;--nx-accent2:#7c3aed;}
body.nx-acc-2{--nx-accent:#7c3aed;--nx-accent2:#e0119d;}
body.nx-acc-3{--nx-accent:#f97316;--nx-accent2:#e0119d;}
body.nx-acc-4{--nx-accent:#db2777;--nx-accent2:#f97316;}
body.nx-acc-5{--nx-accent:#2563eb;--nx-accent2:#0891b2;}

/* Splatter-Helfer (als ::before/::after) */
body.single .nx-wc-splat::before,
body.single .nx-wc-splat::after{content:"";position:absolute;pointer-events:none;z-index:0;
  -webkit-mask:var(--nx-splat-mask) center/contain no-repeat;mask:var(--nx-splat-mask) center/contain no-repeat;}

/* ===================== ARTIKEL-KARTE (.glass-card) ===================== */
body.single .glass-card{
  position:relative !important; overflow:hidden !important;
  background:var(--nx-card) !important; -webkit-backdrop-filter:none !important; backdrop-filter:none !important;
  border:1px solid var(--nx-line) !important; border-radius:20px !important;
  box-shadow:0 22px 55px -34px rgba(20,18,51,.5) !important;
}
body.single .glass-card::before,
body.single .glass-card::after{content:"";position:absolute;pointer-events:none;z-index:0;
  -webkit-mask:var(--nx-splat-mask) center/contain no-repeat;mask:var(--nx-splat-mask) center/contain no-repeat;}
body.single .glass-card::before{top:-42px;right:-46px;width:200px;height:164px;background:var(--nx-accent);opacity:.5;transform:rotate(150deg);}
body.single .glass-card::after{bottom:-64px;left:-48px;width:168px;height:138px;background:var(--nx-accent2);opacity:.4;transform:rotate(40deg);}
body.single .glass-card > *{position:relative;z-index:2;}

/* Titel solide navy (statt Verlaufs-/Farbvarianten der Templates) */
body.single .post-title{
  color:var(--nx-ink) !important; background:none !important;
  -webkit-text-fill-color:var(--nx-ink) !important; background-clip:border-box !important;
}
/* Kategorie-Badge einheitlich navy */
body.single .post-category,
body.single .category-badge,
body.single .post-cat{background:var(--nx-ink) !important;color:#fff !important;}

/* ===================== „HACK DEN ALGO" SHARE-LEISTE ===================== */
/* WICHTIG: Position/Layout des schwebenden Widgets NICHT anfassen (ist position:fixed).
   Nur Farben vereinheitlichen. */
body.single .algo-hack-widget{
  background:var(--nx-card) !important; -webkit-backdrop-filter:none !important; backdrop-filter:none !important;
  border:1px solid var(--nx-line) !important;
  box-shadow:0 15px 40px -22px rgba(20,18,51,.28) !important;
}
/* Anzahl der Optionen wie beim Drogenlexikon (Mail-Button raus → überall 8) */
body.single .asb-mail{display:none !important;}
/* Share-Buttons vereinheitlicht */
body.single .algo-share-btn{
  border:1px solid var(--nx-line) !important; background:#fbfaff !important;
  border-radius:11px !important; transition:transform .15s, border-color .15s, background .15s !important;
}
body.single .algo-share-btn:hover{transform:translateY(-2px);border-color:var(--nx-accent) !important;background:#fff !important;}
body.single .algo-share-btn.asb-copy{background:var(--nx-ink) !important;color:#fff !important;border-color:var(--nx-ink) !important;}

/* ===================== SPENDENBOX (einheitlich, statt Gold pro Template) ===================== */
body.single .neelix-donation-wrapper{
  position:relative !important; overflow:hidden !important;
  background:var(--nx-card) !important; border:1px solid var(--nx-line) !important;
  border-radius:20px !important; box-shadow:0 22px 55px -34px rgba(20,18,51,.5) !important;
}
body.single .neelix-donation-wrapper::before,
body.single .neelix-donation-wrapper::after{content:"";position:absolute;pointer-events:none;z-index:0;
  -webkit-mask:var(--nx-splat-mask) center/contain no-repeat;mask:var(--nx-splat-mask) center/contain no-repeat;}
body.single .neelix-donation-wrapper::before{top:-34px;left:-40px;width:180px;height:147px;background:var(--nx-accent2);opacity:.42;}
body.single .neelix-donation-wrapper::after{bottom:-56px;right:-46px;width:165px;height:135px;background:var(--nx-accent);opacity:.4;}
body.single .neelix-donation-wrapper > *{position:relative;z-index:2;}

/* Ticker → navy */
body.single .donation-ticker-bar{background:var(--nx-ink) !important;color:#fff !important;}
body.single .donation-ticker-bar .ticker-content{color:#fff !important;}
/* Trennlinien neutral */
body.single .donation-grid{background:transparent !important;}
body.single .col-info{border-right:1px solid var(--nx-line) !important;background:transparent !important;}
@media (max-width:768px){body.single .col-info{border-right:0 !important;border-bottom:1px solid var(--nx-line) !important;}}
/* Badge/Überschrift/Text */
body.single .info-badge{background:rgba(224,17,157,.09) !important;color:var(--nx-accent) !important;border-color:transparent !important;}
body.single .info-title{color:var(--nx-ink) !important;}
body.single .pay-title{color:var(--nx-ink) !important;}
/* Betrags-Buttons */
body.single .amt-btn{border:1.5px solid var(--nx-line) !important;background:#fff !important;color:var(--nx-ink) !important;}
body.single .amt-btn:hover,body.single .amt-btn.active,body.single .amt-btn.is-active{
  border-color:var(--nx-accent) !important;background:rgba(224,17,157,.07) !important;color:var(--nx-accent) !important;}
body.single .custom-input-group{border-color:var(--nx-line) !important;}
/* Haupt-Button → Leitfarbe */
body.single .main-pay-btn{background:var(--nx-accent) !important;color:#fff !important;border:0 !important;}
body.single .main-pay-btn:hover{filter:brightness(1.07);}
/* Krypto + Share-Buttons in der Box */
body.single .cry-btn{background:#fbfaff !important;border:1px solid var(--nx-line) !important;color:var(--nx-ink) !important;}
body.single .cry-btn:hover{border-color:var(--nx-accent) !important;}
body.single .moonpay-link{color:var(--nx-accent) !important;}
body.single .share-title{color:var(--nx-ink) !important;}
/* IBAN-Kopieren im Modal → Leitfarbe */
body.single .nlx-copy-btn{background:var(--nx-ink) !important;color:#fff !important;}
body.single .nlx-copy-btn:hover{background:var(--nx-accent) !important;color:#fff !important;}

/* ---- Feinschliff: verbleibende template-farbige Elemente vereinheitlichen ---- */
/* „Hack den Algo"-Balken → navy */
body.single .algo-head{background:var(--nx-ink) !important;color:#fff !important;-webkit-text-fill-color:#fff !important;border:0 !important;}
/* Content-Überschriften einheitlich navy + Akzent-Unterstrich */
body.single .entry-content h2{color:var(--nx-ink) !important;-webkit-text-fill-color:var(--nx-ink) !important;background:none !important;}
body.single .entry-content h2::after{background:var(--nx-accent) !important;}
body.single .entry-content a{color:var(--nx-accent) !important;}
/* Kategorie-Badge (template-spezifisch, z. B. .cra-badge) → navy */
body.single .glass-card a[class*="-badge"]{background:var(--nx-ink) !important;color:#fff !important;-webkit-text-fill-color:#fff !important;border-color:var(--nx-ink) !important;}
/* Spendenbox-Details */
body.single .info-text{color:var(--nx-muted) !important;}
body.single .custom-input{color:var(--nx-ink) !important;background:#fff !important;}
body.single .custom-input-group{border:1.5px solid var(--nx-line) !important;background:#fff !important;}
/* Betrags-Eingabe + Share-Box in der Spendenbox */
body.single .custom-input-group{border:1.5px solid var(--nx-line) !important;background:#fff !important;}
body.single .currency-symbol{color:var(--nx-ink) !important;-webkit-text-fill-color:var(--nx-ink) !important;}
body.single .share-box{border:1px solid var(--nx-line) !important;background:transparent !important;}
body.single .share-subtitle{color:var(--nx-muted) !important;}
body.single .custom-input{border:0 !important;box-shadow:none !important;outline:0 !important;}
body.single .amount-wrapper .custom-input-group{box-shadow:none !important;}

/* Share-Optionen reduzieren: TikTok + „Mehr Optionen" generell raus (mobil überladen) */
body.single .asb-tiktok,
body.single .asb-copy{display:none !important;}
/* Schwebendes „Hack den Algo"-Widget mobil zuverlässig am unteren Rand halten */
@media (max-width:1000px){
  body.single .algo-hack-widget{top:auto !important;bottom:20px !important;}
}
/* 6 Share-Buttons perfekt mittig im Widget-Rahmen (mobil war linksbündig) */
body.single .algo-buttons-group{justify-content:center !important;}