/*
Theme Name: Portal heartlinesa.de Custom Theme
Theme URI: https://io.beraterportal.net/wordpress-themes/heartlines-portal/index.html
Author: Klaus Raschke
Author URI: https://www.bitkurier.de
Description: Portal Theme is a custom premium quality WordPress theme for creating impressive Advicer Portal Desktop/Mobile websites.
Version: 3.2.3
License URI: https://io.beraterportal.net/wordpress-themes/heartlinesa-portal/licenses.html
Text Domain: www.beraterportal.net
Tags: left-sidebar, right-sidebar, full-width-template, one-column, two-columns, theme-options, custom-background, custom-header, custom-menu, editor-style, featured-images, blog , translation-ready
*/
/* Dynamic footer columns: brand + menu columns + payment column. */

/* ===========================================================
   Heartlines – globaler Puls für aktive Chatbuttons
   Greift auf allen Seiten, unabhängig vom jeweils geladenen
   Seiten-CSS (Startseite, Beratersuche, Gefühlsseiten etc.).
   =========================================================== */

@keyframes heartlines-global-chat-pulse {
  0%, 100% {
    transform: translateY(0) scale(1);
    box-shadow:
      0 0 0 0 rgba(214, 43, 62, .30),
      0 5px 14px rgba(214, 43, 62, .12);
  }

  50% {
    transform: translateY(-1px) scale(1.025);
    box-shadow:
      0 0 0 9px rgba(214, 43, 62, 0),
      0 8px 20px rgba(214, 43, 62, .18);
  }
}

/* Normale Herzleser-Listen / Beratersuche */
.bl-chat.isaktive,

/* Top-Herzleser-Karten */
.adv-actions .btn.btn-red.isaktive {
  animation: heartlines-global-chat-pulse 1.9s ease-in-out infinite;
  transform-origin: center;
  will-change: transform, box-shadow;
}

/* Beim Hover/Fokus ruhig halten */
.bl-chat.isaktive:hover,
.bl-chat.isaktive:focus-visible,
.adv-actions .btn.btn-red.isaktive:hover,
.adv-actions .btn.btn-red.isaktive:focus-visible {
  animation-play-state: paused;
  transform: translateY(-1px);
}

/* Barrierefreiheit: Nutzerwunsch "Bewegung reduzieren" respektieren */
@media (prefers-reduced-motion: reduce) {
  .bl-chat.isaktive,
  .adv-actions .btn.btn-red.isaktive {
    animation: none;
    transform: none;
  }
}