/**
 * Conecta v2.58.6 — Birthday Mobile Recovery
 * Covers the dedicated People page and the compact Community birthday widget.
 */

@media (max-width: 767px) {
  body.cc-shell--portal .conecta-birthday-social-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
  }

  body.cc-shell--portal .conecta-birthday-social-card,
  body.cc-shell--portal .conecta-birthday-social-body,
  body.cc-shell--portal .conecta-birthday-message-form {
    min-width: 0 !important;
  }

  body.cc-shell--portal .conecta-birthday-social-reactions {
    justify-content: flex-start !important;
  }

  body.cc-shell--portal .conecta-birthday-social-card .conecta-birthday-reaction,
  body.cc-shell--portal .conecta-birthday-actions .conecta-birthday-reaction {
    width: var(--cc-shell-touch-target, 44px) !important;
    height: var(--cc-shell-touch-target, 44px) !important;
  }

  body.cc-shell--portal .conecta-birthday-message-form textarea {
    font-size: 16px !important;
  }

  body.cc-shell--portal .conecta-birthday-message-form button {
    width: 100% !important;
    min-height: var(--cc-shell-touch-target, 44px) !important;
    justify-self: stretch !important;
  }

  body.cc-shell--portal .conecta-birthday-messages-modal.conecta-ui-modal {
    padding: 12px !important;
  }

  body.cc-shell--portal .conecta-birthday-messages-modal.conecta-ui-modal
    .conecta-birthday-messages-dialog.conecta-ui-modal__panel {
    width: min(100%, 560px) !important;
    max-height: calc(100dvh - 24px) !important;
  }

  body.cc-shell--portal .conecta-birthday-messages-modal.conecta-ui-modal
    .conecta-birthday-messages-list.conecta-ui-modal__content {
    max-height: min(56dvh, 460px) !important;
  }

  body.cc-shell--portal .conecta-community-birthdays .conecta-birthday-card,
  body.cc-shell--portal .conecta-community-birthdays .conecta-birthday-content {
    min-width: 0 !important;
  }
}

@media (max-width: 430px) {
  body.cc-shell--portal .conecta-birthday-headline {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 2px !important;
  }

  body.cc-shell--portal .conecta-birthday-name {
    overflow-wrap: anywhere;
  }
}