/* DEEPDIEMER v109 — Frontend-Patch. Muss als LETZTES Stylesheet geladen werden.
   Deckt das Feedback vom 12.09.2026 ab. Jede Regel ist additiv, nichts wird ersetzt. */

/* ── 2. WhatsApp-Button überall grün mit Icon ───────────────────────────── */
a[href*="wa.me"], a[href*="whatsapp.com"], .ddfx-share, [data-share="whatsapp"]{
  background:#25d366 !important; color:#0b2e17 !important; border-color:#25d366 !important;
  display:inline-flex !important; align-items:center; gap:.55rem;
  box-shadow:0 8px 26px rgba(37,211,102,.28);
}
a[href*="wa.me"]:hover, a[href*="whatsapp.com"]:hover, .ddfx-share:hover{
  background:#2be26e !important; color:#06240f !important;
}
/* Icon vor jedem WhatsApp-Link, der noch keins hat */
a[href*="wa.me"]:not(:has(svg)):not(:has(img))::before,
a[href*="whatsapp.com"]:not(:has(svg)):not(:has(img))::before{
  content:""; width:1.15em; height:1.15em; flex:0 0 auto; background:currentColor;
  -webkit-mask:var(--dd-wa-icon) center/contain no-repeat; mask:var(--dd-wa-icon) center/contain no-repeat;
}
:root{--dd-wa-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2Zm0 18.2a8.2 8.2 0 0 1-4.2-1.2l-.3-.2-3 .8.8-2.9-.2-.3A8.2 8.2 0 1 1 12 20.2Zm4.5-6.1c-.2-.1-1.5-.7-1.7-.8s-.4-.1-.6.1-.6.8-.8 1-.3.2-.5.1a6.7 6.7 0 0 1-3.3-2.9c-.3-.4.3-.4.8-1.4.1-.2 0-.3 0-.5l-.8-1.8c-.2-.5-.4-.4-.6-.4h-.5a1 1 0 0 0-.7.3 3 3 0 0 0-.9 2.2 5.2 5.2 0 0 0 1.1 2.8 12 12 0 0 0 4.6 4c1.7.7 2.4.8 3.2.7a2.7 2.7 0 0 0 1.8-1.3 2.2 2.2 0 0 0 .2-1.3c-.1-.1-.3-.2-.5-.3Z'/%3E%3C/svg%3E")}
@keyframes dd109-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.055)}}
a[href*="wa.me"], .ddfx-share{animation:dd109-pulse 1.9s ease-in-out infinite}

/* ── 4. Buttons wechseln die Farbe, sobald die Pfote drüber ist ─────────── */
@media (hover:hover) and (pointer:fine){
  a.dd-button, button.dd-button, .ddpt-btn, .rf-button, .btn, .cd-choice label, [role="button"]{
    transition:background-color .16s ease, color .16s ease, border-color .16s ease,
               box-shadow .2s ease, transform .14s ease;
  }
  a.dd-button:hover, button.dd-button:hover, .ddpt-btn:hover, .rf-button:hover, .btn:hover{
    background:#e9c78e !important; color:#20170a !important; border-color:#e9c78e !important;
    transform:translateY(-2px);
    box-shadow:0 0 0 3px rgba(233,199,142,.22), 0 14px 34px rgba(233,199,142,.3);
  }
  /* WhatsApp behält sein Grün, wird nur heller */
  a[href*="wa.me"]:hover, .ddfx-share:hover{transform:translateY(-2px)}
}
a.dd-button:focus-visible, button:focus-visible, .ddpt-btn:focus-visible, .rf-button:focus-visible,
.cd-choice input:focus-visible + *{outline:3px solid #e9c78e; outline-offset:3px}


/* ── 4b. Pfoten-Cursor UND Farbwechsel auf allen Antwortflächen ─────────── */
/* PNG statt SVG: Safari ignoriert SVG-Cursor komplett. Nur echte Maus. */
@media (hover:hover) and (pointer:fine){
  .ddpt-likert button, .rf-option, .cd-choice label, .couple-choice label,
  .bs-answer, #bs-answer-wrap button, #bs-answer-wrap label, [data-answer], .opt{
    cursor:url("data:image/png;base64,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") 16 16, pointer !important;
    transition:background-color .16s ease, color .16s ease, border-color .16s ease, transform .14s ease;
  }
  /* Farbwechsel, sobald die Pfote drüber ist */
  .ddpt-likert button:hover, .rf-option:hover, .bs-answer:hover,
  #bs-answer-wrap button:hover, #bs-answer-wrap label:hover, [data-answer]:hover, .opt:hover{
    background:#e9c78e !important; color:#20170a !important; border-color:#e9c78e !important;
    transform:translateY(-2px);
    box-shadow:0 0 0 3px rgba(233,199,142,.2), 0 12px 30px rgba(233,199,142,.28);
  }
  .cd-choice label:hover, .couple-choice label:hover{
    background:rgba(233,199,142,.9) !important; color:#20170a !important;
    border-color:#e9c78e !important; transform:translateY(-2px);
  }
  /* ausgewählte Antwort bleibt erkennbar, auch wenn die Maus weiterzieht */
  .ddpt-likert button.is-on, .rf-option:has(input:checked){
    background:#e9c78e !important; color:#20170a !important; border-color:#e9c78e !important;
  }
}

/* ── 5. Haupt-CTA leuchtet, indirekt beleuchtet ─────────────────────────── */
@keyframes dd109-glow{
  0%,100%{box-shadow:0 0 0 0 rgba(233,199,142,.34), 0 10px 30px rgba(233,199,142,.2)}
  50%    {box-shadow:0 0 0 10px rgba(233,199,142,0), 0 18px 48px rgba(233,199,142,.42)}
}
.dd-hero-cta, .dd-primary-cta, [data-cta-priority="1"], .hero .dd-button:first-of-type{
  position:relative; animation:dd109-glow 2.7s ease-in-out infinite;
}
/* indirektes Licht hinter dem Button, nicht auf ihm */
.dd-hero-cta::before, .dd-primary-cta::before{
  content:""; position:absolute; inset:-22px -30px; z-index:-1; border-radius:999px;
  background:radial-gradient(ellipse at center, rgba(233,199,142,.3), transparent 68%);
  filter:blur(14px); pointer-events:none;
}
.dd-hero-cta::after{
  content:""; position:absolute; inset:-2px; border-radius:inherit; pointer-events:none;
  background:linear-gradient(115deg,transparent 32%,rgba(255,255,255,.34) 50%,transparent 68%);
  background-size:230% 100%; mix-blend-mode:overlay; animation:dd109-sheen 3.6s linear infinite;
}
@keyframes dd109-sheen{from{background-position:125% 0}to{background-position:-125% 0}}

/* ── 6. Blind Spot Test: die gelbe Umrandung der 5 ──────────────────────── */
#bs-progress-text, #bs-progress-bar, .bs-step, .bs-progress *,
[class*="bs-step"], [id^="bs-step"]{
  border-color:transparent !important; outline:none !important; box-shadow:none !important;
}
.bs-step.is-current, [class*="bs-step"][aria-current="step"]{
  background:rgba(233,199,142,.16) !important; color:#f5f0e8 !important;
  border:1px solid rgba(233,199,142,.4) !important;
}

/* ── 7. Couple-Test: Choice-Buttons und Ausrichtung ─────────────────────── */
fieldset.cd-choice, .cd-choice, .couple-choice{
  display:flex; flex-wrap:wrap; gap:.6rem; justify-content:center; align-items:center;
  border:0; margin:0 auto 1.1rem; padding:0; max-width:640px;
}
.cd-choice legend, .couple-choice legend{
  float:none; width:100%; text-align:center; margin:0 0 .7rem;
  color:#c4bbad; font-size:.95rem; padding:0;
}
.cd-choice label, .couple-choice label{
  display:inline-flex; align-items:center; gap:.5rem; cursor:pointer;
  min-height:50px; padding:0 1.35rem; border-radius:999px;
  border:1px solid rgba(233,199,142,.34); background:rgba(255,255,255,.035);
  color:#e6dfd2; font-weight:600; font-size:1rem; line-height:1;
}
.cd-choice label:has(input:checked), .couple-choice label:has(input:checked){
  background:#e9c78e; color:#20170a; border-color:#e9c78e;
  box-shadow:0 0 0 3px rgba(233,199,142,.24), 0 10px 26px rgba(233,199,142,.26);
}
.cd-choice input[type=radio], .couple-choice input[type=radio]{
  appearance:none; width:1.05em; height:1.05em; margin:0; border-radius:50%;
  border:2px solid currentColor; flex:0 0 auto;
}
.cd-choice input[type=radio]:checked{background:#20170a; box-shadow:inset 0 0 0 3px #e9c78e}
/* Boxen auf gleiche Höhe bringen */
.couple-grid, .cd-grid, .dd-couple-boxes{align-items:stretch}
.couple-grid > *, .cd-grid > *, .dd-couple-boxes > *{display:flex; flex-direction:column}
.couple-grid > * > :last-child, .cd-grid > * > :last-child{margin-top:auto}

/* ── 1. Typen-Teaser: sichtbar schneller durchlaufen ────────────────────── */
.type-cycle, [data-type-cycle], .dd-type-carousel, .type-teaser{
  --dd-cycle-step:.55s;
}
.type-cycle *, [data-type-cycle] *{animation-duration:var(--dd-cycle-step) !important}
/* Teaser-Bilder dürfen nicht erst beim Scrollen laden */
.type-teaser img, [data-type-cycle] img, .dd-type-carousel img{
  content-visibility:auto; contain-intrinsic-size:320px 240px;
}

/* ── Dackel bewegen sich immer, auch ohne Hover ─────────────────────────── */
@keyframes dd109-breathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.008)}}
img[src*="-rosi-v95"], img[src*="rosi-scholar"], img[src*="rosi-ai-"], img[src*="rosi-brand-reference"],
img[src*="rosi-community-"], img[src*="rosi-couch"], img[src*="rosi-finder-"]{
  animation:dd109-breathe 5s ease-in-out infinite; will-change:transform;
}
.ddmicro-suspended, [class*="motion-toggle"], .rosi-motion-toggle, .dd-home-motion-toggle{
  animation-play-state:running !important;
}
.rosi-motion-toggle, .dd-home-motion-toggle, .ddmicro-toggle{display:none !important}

/* ── mobile first: ambient ruhig, fokussiertes Element bewegt sich ──────── */
@media (max-width:640px){
  img[src*="rosi-community-"], img[src*="rosi-brand-reference"]{animation:none}
  .dd-hero-cta{animation-duration:3.4s}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none !important}
  .dd-hero-cta::after, .dd-hero-cta::before{display:none}
}