/**
 * Lofind Account Bridge 0.2.7 — global Woodmart header social alignment.
 * Loads on all public pages, including Gigneo archives, Dashboard, WooCommerce,
 * and Fluent Support. No generic anchors, inputs, icons or section layouts.
 * Preserve Woodmart's original colors and brand icon glyphs.
 */

/* Header container must align each of its own Woodmart social links on one row. */
body :is(.whb-header, .site-header, .whb-top-bar) :is(.wd-social-icons, .woodmart-social-icons) {
    display: inline-flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    line-height: 1 !important;
    vertical-align: middle !important;
}
/* Consistent clickable circle without moving its native brand icon. */
body :is(.whb-header, .site-header, .whb-top-bar) :is(.wd-social-icons, .woodmart-social-icons) a.wd-social-icon,
body :is(.whb-header, .site-header, .whb-top-bar) .woodmart-social-icons > a {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    float: none !important;
    position: relative !important;
    flex: 0 0 32px !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: center !important;
    font-size: 14px !important;
    line-height: 1 !important;
    vertical-align: middle !important;
    text-decoration: none !important;
    transform: none !important;
}
/* Some Woodmart configurations render an icon through a link pseudo-element. */
body :is(.whb-header, .site-header, .whb-top-bar) :is(.wd-social-icons, .woodmart-social-icons) a.wd-social-icon::before,
body :is(.whb-header, .site-header, .whb-top-bar) .woodmart-social-icons > a::before {
    position: static !important;
    display: inline-block !important;
    flex: none !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: middle !important;
    font-size: 14px !important;
    line-height: 1 !important;
    transform: none !important;
}
/* Other configurations use span.wd-icon or SVG. Center either rendering path. */
body :is(.whb-header, .site-header, .whb-top-bar) :is(.wd-social-icons, .woodmart-social-icons) a :is(.wd-icon, i, svg) {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: static !important;
    flex: none !important;
    width: 15px !important;
    height: 15px !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    font-size: 14px !important;
    vertical-align: middle !important;
    transform: none !important;
}
body :is(.whb-header, .site-header, .whb-top-bar) :is(.wd-social-icons, .woodmart-social-icons) a .wd-icon::before {
    position: static !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 14px !important;
    line-height: 1 !important;
    transform: none !important;
}
@media (max-width: 767px) {
    body :is(.whb-header, .site-header, .whb-top-bar) :is(.wd-social-icons, .woodmart-social-icons) {
        gap: 4px !important;
    }
    body :is(.whb-header, .site-header, .whb-top-bar) :is(.wd-social-icons, .woodmart-social-icons) a.wd-social-icon {
        flex-basis: 28px !important;
        width: 28px !important;
        min-width: 28px !important;
        max-width: 28px !important;
        height: 28px !important;
        min-height: 28px !important;
        max-height: 28px !important;
    }
}