/* Align Instagram icon to the left of the Instagram link ONLY on single listing pages */
.page-template-default .instagram-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    text-decoration: none !important;
}

.page-template-default .instagram-link i {
    display: inline-block !important;
    order: -1 !important; /* Force the icon to the left of the text */
    margin-right: 4px !important;
}

/* Remove/Hide the icon from the all listings page / main directory page views */
body:not(.page-template-default) .instagram-link i,
.wpbdp-view-all_listings .instagram-link i,
.wpbdp-view-directory .instagram-link i,
.wpbdp-listings-list .instagram-link i {
    display: none !important;
}