/* custom.css – Learning Pods child theme */

    /* ── Upgrade modal overlay ──────────────────────────────────────────────── */
    #lp-upgrade-modal {
        display: none;
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.55);
        z-index: 99999;
        align-items: center;
        justify-content: center;
    }

    #lp-upgrade-modal.lp-modal-visible {
        display: flex;
    }

    #lp-upgrade-modal-box {
        background: #fff;
        border-radius: 12px;
        padding: 36px 32px 28px;
        max-width: 420px;
        width: 90%;
        text-align: center;
        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
    }

    #lp-upgrade-modal-msg {
        font-size: 17px;
        font-weight: 600;
        color: #222;
        margin: 0 0 28px;
        line-height: 1.5;
    }

    #lp-upgrade-modal-actions {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    #lp-upgrade-modal-btn {
        display: block;
        background: #7b4fa6;
        color: #fff !important;
        font-size: 15px;
        font-weight: 700;
        padding: 13px 20px;
        border-radius: 8px;
        text-decoration: none;
        transition: background 0.2s;
    }

    #lp-upgrade-modal-btn:hover {
        background: #5e3080;
    }

    #lp-upgrade-modal-close {
        background: none;
        border: 1px solid #ccc;
        color: #555;
        font-size: 14px;
        padding: 10px 20px;
        border-radius: 8px;
        cursor: pointer;
        transition: border-color 0.2s, color 0.2s;
    }

    #lp-upgrade-modal-close:hover {
        border-color: #999;
        color: #222;
    }

    /* ── Profile page Message button (beside Block) ─────────────────────────── */
    .lp-profile-message-btn {
        display: flex !important;
        justify-content: center !important;
        align-items: center;
        gap: 6px;
    }

    .lp-profile-message-btn .bb-icon-paper-plane {
        font-size: 14px;
        line-height: 1;
    }

    #buddypress .action .button {
        display: flex !important;
        justify-content: center !important;

    }

    .button {
        display: flex !important;
        justify-content: center !important;
        align-items: center;
    }
.bb-header-buttons {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
}

.bb-header-buttons .button {
    width: auto !important;
    flex: none !important;
}