/**
 * Custom icons not included in Around Icons font.
 */

/* MAX messenger icon (filled) */
.ai-max {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url('../img/icons/max-32x32.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}

/* MAX messenger icon (thin/outline) */
.ai-max-thin {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url('../img/icons/max-32x32-thin.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}

/* Dark theme: make icon white (like font icons) */
[data-bs-theme="dark"] .ai-max,
[data-bs-theme="dark"] .ai-max-thin {
    filter: brightness(0) invert(1);
}

/* MAX messenger button styles (like btn-telegram in theme.min.css) */
.btn-max:hover,
.btn-max:focus,
.btn-max:active {
    color: #fff !important;
    background-color: #6B4EE6 !important;
    border-color: #6B4EE6 !important;
}

/* Make icon white on button hover (light theme) */
.btn-max:hover .ai-max,
.btn-max:focus .ai-max,
.btn-max:active .ai-max,
.btn-max:hover .ai-max-thin,
.btn-max:focus .ai-max-thin,
.btn-max:active .ai-max-thin {
    filter: brightness(0) invert(1);
}