/**
 * MAX messenger icon (BM child-theme override for woodmart_shortcode_social).
 *
 * Icons from maxicons.ru (unofficial brand asset pack):
 *   - MAX.svg        — full-color app icon (base, used everywhere)
 *   - Max_logo.svg   — white silhouette (header override)
 *
 * Why background on the inner .wd-icon span (not on the <a>):
 *   the sticky-bar tiles animate by expanding the <a> on hover to reveal the
 *   slide-out label. If the icon were painted on <a>, it would stretch with
 *   that expansion. Keeping it on the fixed-size .wd-icon span pins the icon
 *   in place and lets only the label move.
 *
 * Why data: URI? Stage's .htaccess anti-hotlink 403s images with stage.* Referer.
 * Saves an HTTP request site-wide too. SVG payloads are ~500-1500 bytes each.
 */

/* === BASE — full-colour brand icon on the inner glyph span === */
.wd-social-icons > a.social-max {
    --wd-social-brand-color: #1976D2;
}

.wd-social-icons > a.social-max .wd-icon {
    display: block;
    width: 1em;
    height: 1em;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAwIDEwMDAiPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iYiI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjMDBmIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLW9wYWNpdHk9IjAiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0iYSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjNGNmIi8+PHN0b3Agb2Zmc2V0PSIuNjYyIiBzdG9wLWNvbG9yPSIjNTNlIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjOTNkIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9ImMiIHgxPSIxMTcuODQ3IiB4Mj0iMTAwMCIgeTE9Ijc2MC41MzYiIHkyPSI1MDAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBocmVmPSIjYSIvPjxyYWRpYWxHcmFkaWVudCBpZD0iZCIgY3g9Ii04Ny4zOTIiIGN5PSIxMTY2LjExNiIgcj0iNTAwIiBmeD0iLTg3LjM5MiIgZnk9IjExNjYuMTE2IiBncmFkaWVudFRyYW5zZm9ybT0icm90YXRlKDUxLjM1NiAxNTUxLjQ3OCA1NTkuMylzY2FsZSgyLjQyNzAzNDMzIDEpIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgaHJlZj0iI2IiLz48L2RlZnM+PHJlY3Qgd2lkdGg9IjEwMDAiIGhlaWdodD0iMTAwMCIgZmlsbD0idXJsKCNjKSIgcnk9IjI0OS42ODEiLz48cmVjdCB3aWR0aD0iMTAwMCIgaGVpZ2h0PSIxMDAwIiBmaWxsPSJ1cmwoI2QpIiByeT0iMjQ5LjY4MSIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUwOC4yMTEgODc4LjMyOGMtNzUuMDA3IDAtMTA5Ljg2NC0xMC45NS0xNzAuNDUzLTU0Ljc1LTM4LjMyNSA0OS4yNzUtMTU5LjY4NiA4Ny43ODMtMTY0Ljk3OSAyMS45IDAtNDkuNDU2LTEwLjk1LTkxLjI0OC0yMy4zNi0xMzYuODczLTE0Ljc4Mi01Ni4yMS0zMS41NzItMTE4LjgwNy0zMS41NzItMjA5LjUwOCAwLTIxNi42MjYgMTc3Ljc1NC0zNzkuNTk3IDM4OC4zNTctMzc5LjU5NyAyMTAuNzg1IDAgMzc1Ljk0NyAxNzEuMDAxIDM3NS45NDcgMzgxLjYwNC43MDcgMjA3LjM0Ni0xNjYuNTk1IDM3Ni4xMTgtMzczLjk0IDM3Ny4yMjRtMy4xMDMtNTcxLjU4NWMtMTAyLjU2NC01LjI5Mi0xODIuNDk5IDY1LjctMjAwLjIwMSAxNzcuMDI0LTE0LjYgOTIuMTYyIDExLjMxNSAyMDQuMzk4IDMzLjM5NyAyMTAuMjM4IDEwLjU4NSAyLjU1NSAzNy4yMy0xOC45OCA1My44MzctMzUuNTg3YTE4OS44IDE4OS44IDAgMCAwIDkyLjcxIDMzLjAzMmMxMDYuMjczIDUuMTEyIDE5Ny4wOC03NS43OTQgMjA0LjIxNS0xODEuOTUgNC4xNTQtMTA2LjM4Mi03Ny42Ny0xOTYuNDg2LTE4My45NTgtMjAyLjU3NFoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPgo=');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* Suppress the inherited woodmart-font glyph attempt — there is no MAX glyph. */
.wd-social-icons > a.social-max .wd-icon::before {
    content: none;
}

/* === STICKY SIDEBAR — white tile + brand-blue outline; label text in brand blue.
       Layout (tile width, hover slide-out) stays Woodmart default. === */
.wd-social-icons.wd-sticky-social > a.social-max {
    background-color: #FFFFFF !important;
    box-shadow: inset 0 0 0 2px #1976D2 !important;
}

.wd-social-icons.wd-sticky-social > a.social-max .wd-icon-name {
    color: #1976D2 !important;
}

/* Sticky tiles are 40×40 — paint the icon at that full width. */
.wd-social-icons.wd-sticky-social > a.social-max .wd-icon {
    width: 40px;
}

/* === HEADER (top bar) — only swap the glyph image to the white silhouette.
       Size / layout untouched: inherits 1em × 1em from BASE. === */
.whb-top-bar-inner .wd-social-icons > a.social-max .wd-icon {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3MjAgNzIwIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMzUwLjQsOS42QzE0MS44LDIwLjUsNC4xLDE4NC4xLDEyLjgsMzkwLjRjMy44LDkwLjMsNDAuMSwxNjgsNDguNywyNTMuNywyLjIsMjIuMi00LjIsNDkuNiwyMS40LDU5LjMsMzEuNSwxMS45LDc5LjgtOC4xLDEwNi4yLTI2LjQsOS02LjEsMTcuNi0xMy4yLDI0LjItMjIsMjcuMywxOC4xLDUzLjIsMzUuNiw4NS43LDQzLjQsMTQzLjEsMzQuMywyOTkuOS00NC4yLDM2OS42LTE3MC4zQzc5OS42LDI5MS4yLDYyMi41LTQuNiwzNTAuNCw5LjZoMFpNMjY5LjQsNTA0Yy0xMS4zLDguOC0yMi4yLDIwLjgtMzQuNywyNy43LTE4LjEsOS43LTIzLjctLjQtMzAuNS0xNi40LTIxLjQtNTAuOS0yNC0xMzcuNi0xMS41LTE5MC45LDE2LjgtNzIuNSw3Mi45LTEzNi4zLDE1MC0xNDMuMSw3OC02LjksMTUwLjQsMzIuNywxODMuMSwxMDQuMiw3Mi40LDE1OS4xLTExMi45LDMxNi4yLTI1Ni40LDIxOC42aDBaIi8+PC9zdmc+Cg==');
}