.elementor-5236 .elementor-element.elementor-element-4e1cf5b{--display:flex;}@media(min-width:768px){.elementor-5236 .elementor-element.elementor-element-4e1cf5b{--content-width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-0a6556e *//* === BuddyPress Verifications: Avatar Left | Message Beside Avatar === */

.bp-verifications-list {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 20px !important;
  margin-top: 25px !important;
}

@media (max-width: 1024px) {
  .bp-verifications-list {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 680px) {
  .bp-verifications-list {
    grid-template-columns: 1fr !important;
  }
}

/* Each Card */
.bp-verif-item {
  background: #16213e !important;
  color: #fff !important;
  border-radius: 14px !important;
  padding: 16px 18px !important;
  border: 1px solid #0e1630 !important;
  display: flex !important;
  align-items: center !important;
  gap: 15px !important;
  transition: all 0.25s ease !important;
}

.bp-verif-item:hover {
  background: #1b2850 !important;
  transform: translateY(-3px) !important;
}

/* Avatar */
.bp-verif-avatar img {
  width: 70px !important;
  height: 70px !important;
  border-radius: 10px !important;
  object-fit: cover !important;
  flex-shrink: 0 !important;
}

/* Message area (beside avatar) */
.bp-verif-info {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 4px !important;
  flex: 1 !important;
}

/* Name + Date inline on one line */
.bp-verif-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 4px !important;
}

/* Name */
.bp-verif-name a {
  color: gold !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}
.bp-verif-name a:hover {
  color: #ffdb58 !important;
}

/* Date */
.bp-verif-date {
  font-size: 11px !important;
  color: #ccc !important;
  font-style: italic !important;
}

/* Message (same row as avatar) */
.bp-verif-text {
  color: #fff !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  background: rgba(255, 255, 255, 0.05) !important;
  padding: 8px 10px !important;
  border-radius: 8px !important;
}

/* Hover effect on avatar */
.bp-verif-item:hover .bp-verif-avatar img {
  transform: scale(1.05) !important;
  transition: transform 0.25s ease !important;
}/* End custom CSS */