/* ==========================================================================
   BioHB Vault Embed Card — Clean BuddyBoss Native Style
   ========================================================================== */

/* Main Card Container */
.biohb-vault-card,
.activity-content .biohb-vault-card,
.acomment-content .biohb-vault-card,
.bp-activity-comment .biohb-vault-card,
.activity-comments .biohb-vault-card,
.bbp-topic-content .biohb-vault-card,
.bbp-reply-content .biohb-vault-card {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 420px !important;
    padding: 7px 10px 7px 8px !important;
    margin: 8px 0 !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 2px rgba(18, 43, 70, 0.04) !important;
    font-family: inherit !important;
    color: #122b46 !important;
    box-sizing: border-box !important;
    text-align: left !important;
    position: relative !important;
    transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
}

.biohb-vault-card:hover,
.activity-content .biohb-vault-card:hover,
.acomment-content .biohb-vault-card:hover {
    border-color: #cbd5e1 !important;
    box-shadow: 0 2px 6px rgba(18, 43, 70, 0.06) !important;
}

/* Left Section: Icon + Title */
.biohb-vault-card__left,
.activity-content .biohb-vault-card__left,
.acomment-content .biohb-vault-card__left,
.bp-activity-comment .biohb-vault-card__left {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Icon Wrap */
.biohb-vault-card__icon-wrap,
.activity-content .biohb-vault-card__icon-wrap,
.acomment-content .biohb-vault-card__icon-wrap,
.bp-activity-comment .biohb-vault-card__icon-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    border-radius: 6px !important;
    background: #eff6ff !important;
    border: 1px solid #dbeafe !important;
    color: #2563eb !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    box-sizing: border-box !important;
}

.biohb-vault-card.is-locked .biohb-vault-card__icon-wrap,
.activity-content .biohb-vault-card.is-locked .biohb-vault-card__icon-wrap,
.acomment-content .biohb-vault-card.is-locked .biohb-vault-card__icon-wrap {
    background: #fffbeb !important;
    border-color: #fde68a !important;
    color: #d97706 !important;
}

.biohb-vault-card__icon,
.biohb-vault-card__icon-wrap svg {
    display: block !important;
    width: 15px !important;
    height: 15px !important;
    min-width: 15px !important;
    min-height: 15px !important;
    position: static !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
}

/* Info: Title & optional count */
.biohb-vault-card__info,
.activity-content .biohb-vault-card__info,
.acomment-content .biohb-vault-card__info,
.bp-activity-comment .biohb-vault-card__info {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: 1 1 auto !important;
}

.biohb-vault-card__title,
.activity-content .biohb-vault-card__title,
.acomment-content .biohb-vault-card__title,
.bp-activity-comment .biohb-vault-card__title {
    all: unset !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    color: #122b46 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: block !important;
    flex: 0 1 auto !important;
    min-width: 0 !important;
}

/* Image Count Meta Badge */
.biohb-vault-card__meta-badge,
.biohb-vault-card__count,
.activity-content .biohb-vault-card__meta-badge,
.activity-content .biohb-vault-card__count,
.acomment-content .biohb-vault-card__meta-badge,
.acomment-content .biohb-vault-card__count,
.bp-activity-comment .biohb-vault-card__meta-badge,
.bp-activity-comment .biohb-vault-card__count {
    all: unset !important;
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    padding: 2px 7px !important;
    margin: 0 !important;
    background: #f1f5f9 !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 4px !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    color: #64748b !important;
    flex-shrink: 0 !important;
    white-space: nowrap !important;
    position: static !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
    text-shadow: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    transform: none !important;
}

.biohb-vault-card__meta-badge::before,
.biohb-vault-card__meta-badge::after,
.biohb-vault-card__count::before,
.biohb-vault-card__count::after {
    content: none !important;
    display: none !important;
}

.biohb-vault-card__meta-badge svg,
.biohb-vault-card__count svg {
    display: inline-block !important;
    width: 12px !important;
    height: 12px !important;
    min-width: 12px !important;
    min-height: 12px !important;
    stroke: #64748b !important;
    fill: none !important;
    position: static !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    vertical-align: middle !important;
    flex-shrink: 0 !important;
}

/* Right Section: Action Button */
.biohb-vault-card__right,
.activity-content .biohb-vault-card__right,
.acomment-content .biohb-vault-card__right,
.bp-activity-comment .biohb-vault-card__right {
    display: flex !important;
    align-items: center !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Action Buttons */
.biohb-vault-card__btn,
button.biohb-vault-card__btn,
a.biohb-vault-card__btn,
.activity-content .biohb-vault-card__btn,
.acomment-content .biohb-vault-card__btn,
.bp-activity-comment .biohb-vault-card__btn {
    all: unset !important;
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
    padding: 0 11px !important;
    border-radius: 5px !important;
    font-weight: 500 !important;
    font-size: 12px !important;
    line-height: 1 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    position: relative !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    vertical-align: middle !important;
    opacity: 1 !important;
    visibility: visible !important;
    transition: background 0.15s ease, opacity 0.15s ease !important;
}

.biohb-vault-card__btn--view,
button.biohb-vault-card__btn--view,
.activity-content button.biohb-vault-card__btn--view,
.acomment-content button.biohb-vault-card__btn--view,
.bp-activity-comment button.biohb-vault-card__btn--view {
    background: #2f7ef7 !important;
    color: #ffffff !important;
}

.biohb-vault-card__btn--view:hover,
button.biohb-vault-card__btn--view:hover,
.activity-content button.biohb-vault-card__btn--view:hover,
.acomment-content button.biohb-vault-card__btn--view:hover,
.bp-activity-comment button.biohb-vault-card__btn--view:hover {
    background: #1d68d8 !important;
    color: #ffffff !important;
}

.biohb-vault-card__btn--subscribe,
a.biohb-vault-card__btn--subscribe,
.activity-content a.biohb-vault-card__btn--subscribe,
.acomment-content a.biohb-vault-card__btn--subscribe,
.bp-activity-comment a.biohb-vault-card__btn--subscribe {
    background: #0f766e !important;
    color: #ffffff !important;
}

.biohb-vault-card__btn--subscribe:hover,
a.biohb-vault-card__btn--subscribe:hover,
.activity-content a.biohb-vault-card__btn--subscribe:hover,
.acomment-content a.biohb-vault-card__btn--subscribe:hover,
.bp-activity-comment a.biohb-vault-card__btn--subscribe:hover {
    background: #0d655e !important;
    color: #ffffff !important;
}

/* SVG Inside Button */
.biohb-vault-card__btn-svg,
.biohb-vault-card__btn svg,
button.biohb-vault-card__btn svg,
a.biohb-vault-card__btn svg {
    display: inline-block !important;
    width: 13px !important;
    height: 13px !important;
    min-width: 13px !important;
    min-height: 13px !important;
    flex-shrink: 0 !important;
    stroke: currentColor !important;
    fill: none !important;
    position: static !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    vertical-align: middle !important;
}

.biohb-vault-card__btn span,
button.biohb-vault-card__btn span,
a.biohb-vault-card__btn span {
    display: inline !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    position: static !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Defensive reset for wpautop-injected <p> and <br> tags inside card */
.biohb-vault-card p,
.activity-content .biohb-vault-card p,
.acomment-content .biohb-vault-card p,
.bp-activity-comment .biohb-vault-card p,
.bbp-topic-content .biohb-vault-card p,
.bbp-reply-content .biohb-vault-card p {
    all: unset !important;
    display: contents !important;
    margin: 0 !important;
    padding: 0 !important;
}

.biohb-vault-card br,
.activity-content .biohb-vault-card br,
.acomment-content .biohb-vault-card br,
.bp-activity-comment .biohb-vault-card br,
.bbp-topic-content .biohb-vault-card br,
.bbp-reply-content .biohb-vault-card br {
    display: none !important;
}

/* Specific styling for Comments (blends into BuddyBoss comment bubble) */
.acomment-content .biohb-vault-card,
.bp-activity-comment .biohb-vault-card,
.activity-comments .biohb-vault-card {
    background: #ffffff !important;
    border: 1px solid #dce2e8 !important;
    border-radius: 6px !important;
    padding: 5px 8px !important;
    margin: 6px 0 !important;
    gap: 8px !important;
    box-shadow: none !important;
    max-width: 100% !important;
}

.acomment-content .biohb-vault-card__icon-wrap,
.bp-activity-comment .biohb-vault-card__icon-wrap {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    border-radius: 4px !important;
}

.acomment-content .biohb-vault-card__icon,
.bp-activity-comment .biohb-vault-card__icon,
.acomment-content .biohb-vault-card__icon-wrap svg,
.bp-activity-comment .biohb-vault-card__icon-wrap svg {
    width: 13px !important;
    height: 13px !important;
    min-width: 13px !important;
    min-height: 13px !important;
}

.acomment-content .biohb-vault-card__title,
.bp-activity-comment .biohb-vault-card__title {
    font-size: 12.5px !important;
}

.acomment-content .biohb-vault-card__btn,
.bp-activity-comment .biohb-vault-card__btn,
.acomment-content button.biohb-vault-card__btn,
.bp-activity-comment button.biohb-vault-card__btn {
    height: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;
    padding: 0 8px !important;
    font-size: 11px !important;
    border-radius: 4px !important;
    gap: 4px !important;
}

.acomment-content .biohb-vault-card__btn-svg,
.bp-activity-comment .biohb-vault-card__btn-svg {
    width: 11px !important;
    height: 11px !important;
    min-width: 11px !important;
    min-height: 11px !important;
}

.acomment-content .biohb-vault-card__btn span,
.bp-activity-comment .biohb-vault-card__btn span {
    font-size: 11px !important;
}

/* Extra small screens (below 340px) */
@media (max-width: 340px) {
    .biohb-vault-card,
    .activity-content .biohb-vault-card,
    .acomment-content .biohb-vault-card {
        padding: 6px 8px !important;
        gap: 6px !important;
    }
    .biohb-vault-card__btn,
    button.biohb-vault-card__btn {
        padding: 0 8px !important;
        font-size: 11px !important;
    }
}