/* AI SM Buttons — ai-sm-buttons.css */
.ai-sm-buttons {
    text-align: center;
    padding: 10px 0 !important;
    font-size: 0 !important;
}
.ai-sm-buttons a {
    display: inline-block;
    margin: 0 5px;
    position: relative;
}
/* Hide WP's external-link icon */
.ai-sm-buttons a[target="_blank"]::after {
    display: none !important;
    content: none !important;
}
.ai-sm-buttons img {
    width: 64px;
    height: 64px;
    border: none !important;
    border-radius: 16px !important;
    display: block;
}

/* ── Only target anchors that wrap an img (the social icons) ── */
.ai-sm-buttons a:has(img) {
    position: relative;
    z-index: 0;
    transition: filter 0.2s ease;
    will-change: filter;
    transform: translateZ(0);
}
.ai-sm-buttons a:has(img):hover,
.ai-sm-buttons a:has(img):focus {
    z-index: 1;
    filter:
        brightness(1.15)
        drop-shadow(0 0 8px  rgba(0, 255, 255, .6))
        drop-shadow(0 0 16px rgba(0, 255, 255, .4))
        drop-shadow(0 0 24px rgba(0, 255, 255, .2));
}

/* Responsive scaling */
@media screen and (max-width: 1400px) {
    .ai-sm-buttons img { width: 56px; height: 56px; }
}
@media screen and (max-width: 1200px) {
    .ai-sm-buttons img { width: 48px; height: 48px; }
}
@media screen and (max-width: 1000px) {
    .ai-sm-buttons img { width: 46px; height: 46px; }
}