/*
 * Social Media module frontend styles.
 * Ports the live selectors from the legacy wt-social style.css so migrated
 * layouts keep rendering; icon files are SVG now, sized to the legacy 64px.
 */

/* Icon widget. No size rule on purpose: the imgs carry width/height="64"
   attributes (the legacy PNGs' natural size), which — like natural size —
   lose to any site CSS that resized the icons. A CSS rule here would win
   over lower-specificity site rules and change migrated layouts. */

/* Spacing between icons: the legacy rounded-tile PNGs read fine nearly
   adjacent, but the new bare SVG glyphs need a real gap. :where() keeps
   specificity at zero so ANY site CSS margin rule still wins. */
:where(img.wtnet_socai_icon) {
    margin: 0 12px 12px 0;
    vertical-align: middle;
}

#sidebar img.wtnet_socai_icon {
    float: left;
}

.wtnet_icon_holder .wt_icon_grey {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.wtnet_clear {
    clear: both;
}

/* X (Twitter) feed embeds */
.twitter-timeline {
    width: 100% !important;
}

/* Facebook embeds (Page Plugin / video) */
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
    width: 100% !important;
    background-color: #ffffff;
}

/* YouTube video + live chat */
.wt_youtube_player iframe,
.wt_youtube_chat iframe {
    margin: 0 auto;
    display: block;
}

/* Ustream / IBM Video */
.wt_ustream {
    margin: 0 auto;
    display: block;
}

/* Clear helpers emitted by the shortcodes */
.wt_clear,
.pyd_clear,
.wtclear,
.pydclear {
    clear: both;
}