@layer buttons{
  /* === FEED BUTTONS – Reactions & Comment Pills (v4.7) === */

  /* (A) Wrapper neutralisieren */
  #youzify .activity .activity-meta .yzpr-reacts,
  #youzify .activity .activity-meta .yzpr-reactions,
  #youzify .activity .activity-meta .yzpr-react-wrapper,
  #youzify .activity .activity-meta .yzpr-react-box,
  #youzify .activity .activity-meta .yzpr-reactions-box,
  #youzify .activity .activity-meta .yzpr-actions,
  #youzify .activity .activity-meta .yzpr-container {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: contents !important; /* Kinder werden Grid-Items */
  }

  /* (B) Herz/Default-Icons ausblenden */
  #youzify .activity .activity-meta .yzpr-react-title i,
  #youzify .activity .activity-meta i.fa-heart,
  #youzify .activity .activity-meta i.fas.fa-heart,
  #youzify .activity .activity-meta i[class*="heart"],
  #youzify .activity .activity-meta .yzpr-icon {
    display: none !important;
  }

  /* (C) Zweispaltiges Layout: Like/Comment = 50/50 */
  #youzify .activity .activity-meta {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 16px !important;
    align-items: stretch !important;
    justify-items: stretch !important;
    width: 100% !important;
    text-align: center !important;
    padding: 20px 24px !important;
  }

  /* (D) Buttons selbst */
  #youzify .activity .activity-meta a.yzpr-react-title,
  #youzify .activity .activity-meta a.button {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 12px 18px !important;
    border-radius: 22px !important;
    background: rgba(255,255,255,0.25) !important;
    color: hsl(211 65% 52%) !important;
    font-size: 0.9rem !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
    transition: all 0.25s ease !important;
  }
  #youzify .activity .activity-meta a.yzpr-react-title:hover,
  #youzify .activity .activity-meta a.button:hover {
    background: rgba(255,255,255,0.5) !important;
    transform: scale(1.05);
  }

  /* === EMOJI-/TEXT-ROTATOR === */
  #youzify .activity .activity-meta .yzpr-react-title {
    color: transparent !important;          /* Originaltext verstecken */
    position: relative !important;
    white-space: nowrap !important;
    display: inline-flex !important;        /* Emoji + Text in einer Zeile */
    align-items: center !important;
    justify-content: center !important;
    font-size: 0 !important;                /* nativer Text nimmt keinen Platz ein */
    line-height: 1 !important;
    text-align: center !important;
  }

  /* Default-Emoji (Fallback) + Abstand */
  #youzify .activity .activity-meta .yzpr-react-title::before {
    content: "🍆" !important;
    filter: drop-shadow(0 1px 0 rgba(0,0,0,.15));
    color: hsl(211 65% 52%) !important;
    font-size: 1rem !important;
    margin-right: .25em !important;
  }

  /* Emoji je Endziffer 0–9 */
  #youzify .activity .activity-meta[data-activity-id$="0"]  .yzpr-react-title::before,
  #youzify .activity .activity-meta[data-bp-activity-id$="0"] .yzpr-react-title::before,
  #youzify .activity-item[id$="0"]  .yzpr-react-title::before { content: "🍆" !important; }
  #youzify .activity .activity-meta[data-activity-id$="1"]  .yzpr-react-title::before,
  #youzify .activity .activity-meta[data-bp-activity-id$="1"] .yzpr-react-title::before,
  #youzify .activity-item[id$="1"]  .yzpr-react-title::before { content: "👏" !important; }
  #youzify .activity .activity-meta[data-activity-id$="2"]  .yzpr-react-title::before,
  #youzify .activity .activity-meta[data-bp-activity-id$="2"] .yzpr-react-title::before,
  #youzify .activity-item[id$="2"]  .yzpr-react-title::before { content: "💦" !important; }
  #youzify .activity .activity-meta[data-activity-id$="3"]  .yzpr-react-title::before,
  #youzify .activity .activity-meta[data-bp-activity-id$="3"] .yzpr-react-title::before,
  #youzify .activity-item[id$="3"]  .yzpr-react-title::before { content: "😏" !important; }
  #youzify .activity .activity-meta[data-activity-id$="4"]  .yzpr-react-title::before,
  #youzify .activity .activity-meta[data-bp-activity-id$="4"] .yzpr-react-title::before,
  #youzify .activity-item[id$="4"]  .yzpr-react-title::before { content: "🚀" !important; }
  #youzify .activity .activity-meta[data-activity-id$="5"]  .yzpr-react-title::before,
  #youzify .activity .activity-meta[data-bp-activity-id$="5"] .yzpr-react-title::before,
  #youzify .activity-item[id$="5"]  .yzpr-react-title::before { content: "✨" !important; }
  #youzify .activity .activity-meta[data-activity-id$="6"]  .yzpr-react-title::before,
  #youzify .activity .activity-meta[data-bp-activity-id$="6"] .yzpr-react-title::before,
  #youzify .activity-item[id$="6"]  .yzpr-react-title::before { content: "💋" !important; }
  #youzify .activity .activity-meta[data-activity-id$="7"]  .yzpr-react-title::before,
  #youzify .activity .activity-meta[data-bp-activity-id$="7"] .yzpr-react-title::before,
  #youzify .activity-item[id$="7"]  .yzpr-react-title::before { content: "🎁" !important; }
  #youzify .activity .activity-meta[data-activity-id$="8"]  .yzpr-react-title::before,
  #youzify .activity .activity-meta[data-bp-activity-id$="8"] .yzpr-react-title::before,
  #youzify .activity-item[id$="8"]  .yzpr-react-title::before { content: "❤️" !important; }
  #youzify .activity .activity-meta[data-activity-id$="9"]  .yzpr-react-title::before,
  #youzify .activity .activity-meta[data-bp-activity-id$="9"] .yzpr-react-title::before,
  #youzify .activity-item[id$="9"]  .yzpr-react-title::before { content: "😚" !important; }

  /* Text-Rotator */
  #youzify .activity .activity-meta .yzpr-react-title::after {
    content: "Drop something..." !important;
    color: hsl(211 65% 52%) !important;
    font-size: .9rem !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    margin-left: 0 !important;
  }
  #youzify .activity .activity-meta[data-activity-id$="0"]  .yzpr-react-title::after,
  #youzify .activity .activity-meta[data-bp-activity-id$="0"] .yzpr-react-title::after,
  #youzify .activity-item[id$="0"]                 .yzpr-react-title::after { content: "Drop something..." !important; }
  #youzify .activity .activity-meta[data-activity-id$="1"]  .yzpr-react-title::after,
  #youzify .activity .activity-meta[data-bp-activity-id$="1"] .yzpr-react-title::after,
  #youzify .activity-item[id$="1"]                 .yzpr-react-title::after { content: "Your emotion..." !important; }
  #youzify .activity .activity-meta[data-activity-id$="2"]  .yzpr-react-title::after,
  #youzify .activity .activity-meta[data-bp-activity-id$="2"] .yzpr-react-title::after,
  #youzify .activity-item[id$="2"]                 .yzpr-react-title::after { content: "React to it..." !important; }
  #youzify .activity .activity-meta[data-activity-id$="3"]  .yzpr-react-title::after,
  #youzify .activity .activity-meta[data-bp-activity-id$="3"] .yzpr-react-title::after,
  #youzify .activity-item[id$="3"]                 .yzpr-react-title::after { content: "Let me (Luca) know..." !important; }
  #youzify .activity .activity-meta[data-activity-id$="4"]  .yzpr-react-title::after,
  #youzify .activity .activity-meta[data-bp-activity-id$="4"] .yzpr-react-title::after,
  #youzify .activity-item[id$="4"]                 .yzpr-react-title::after { content: "Touch this moment..." !important; }
  #youzify .activity .activity-meta[data-activity-id$="5"]  .yzpr-react-title::after,
  #youzify .activity .activity-meta[data-bp-activity-id$="5"] .yzpr-react-title::after,
  #youzify .activity-item[id$="5"]                 .yzpr-react-title::after { content: "Like this post..." !important; }
  #youzify .activity .activity-meta[data-activity-id$="6"]  .yzpr-react-title::after,
  #youzify .activity .activity-meta[data-bp-activity-id$="6"] .yzpr-react-title::after,
  #youzify .activity-item[id$="6"]                 .yzpr-react-title::after { content: "Your reaction..." !important; }
  #youzify .activity .activity-meta[data-activity-id$="7"]  .yzpr-react-title::after,
  #youzify .activity .activity-meta[data-bp-activity-id$="7"] .yzpr-react-title::after,
  #youzify .activity-item[id$="7"]                 .yzpr-react-title::after { content: "Drop your vibe..." !important; }
  #youzify .activity .activity-meta[data-activity-id$="8"]  .yzpr-react-title::after,
  #youzify .activity .activity-meta[data-bp-activity-id$="8"] .yzpr-react-title::after,
  #youzify .activity-item[id$="8"]                 .yzpr-react-title::after { content: "This feels like..." !important; }
  #youzify .activity .activity-meta[data-activity-id$="9"]  .yzpr-react-title::after,
  #youzify .activity .activity-meta[data-bp-activity-id$="9"] .yzpr-react-title::after,
  #youzify .activity-item[id$="9"]                 .yzpr-react-title::after { content: "Now THIS is..." !important; }

  /* === MOBILE Reactions-Interplay (nur mobil) === */
  @media (max-width: 768px){
    #youzify .activity .activity-meta .yzpr-reacto-post:has(.yzpr-post-reaction img) img{
      display: none !important;
    }
    #youzify .activity .activity-meta .yzpr-reacto-post:has(.yzpr-post-reaction img) .yzpr-post-reaction img{
      display: inline-block !important;
    }
    #youzify .activity .activity-meta .yzpr-reacto-post:has(.yzpr-post-reaction i) i{
      display: none !important;
    }
    #youzify .activity .activity-meta .yzpr-reacto-post:has(.yzpr-post-reaction i) .yzpr-post-reaction i{
      display: inline-block !important;
    }
    /* Falls rotierendes Emoji als ::before/::after kommt → killen */
    #youzify .activity .activity-meta .yzpr-reacto-post:has(.yzpr-post-reaction img)::before,
    #youzify .activity .activity-meta .yzpr-reacto-post:has(.yzpr-post-reaction i)::before,
    #youzify .activity .activity-meta .yzpr-reacto-post:has(.yzpr-post-reaction img)::after,
    #youzify .activity .activity-meta .yzpr-reacto-post:has(.yzpr-post-reaction i)::after{
      content: none !important;
    }
    /* Platzreserve fürs Reaction-Icon */
    #youzify .activity .activity-meta .yzpr-reacto-post .yzpr-post-reaction{
      display: inline-flex !important;
      align-items: center !important;
      min-width: 24px !important;
    }
  }
}