/* Dark Gold - social media footer | V7
   Struktur footer dan stylesheet utama tidak diubah.
   Elemen visual (span) sengaja tidak dijadikan tautan palsu. */
.site-footer .social-media-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 11px;
    margin: 12px 0 14px;
    padding: 0;
    list-style: none;
}
.site-footer .social-media-list > li,
.site-footer .social-media-list > li + li {
    display: block;
    flex: none;
    padding: 0;
    margin: 0;
    list-style: none;
}
.site-footer .social-media-list .dg-social__icon {
    display: inline-flex;
    width: 48px;
    height: 48px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(223, 185, 95, .65);
    border-radius: 13px;
    background: linear-gradient(145deg, #29200e 0%, #0f0e0d 100%);
    box-shadow: inset 0 1px 0 rgba(255, 241, 188, .10), 0 3px 12px rgba(0, 0, 0, .23);
    transition: transform .2s ease, border-color .2s ease, background .2s ease;
}
.site-footer .social-media-list .dg-social__icon img {
    display: block;
    width: 30px;
    height: 30px;
    object-fit: contain;
    max-width: 100%;
}
.site-footer .social-media-list > li:hover .dg-social__icon {
    transform: translateY(-2px);
    border-color: #f8d889;
    background: linear-gradient(145deg, #3a2a10 0%, #17120c 100%);
}
/* Hindari animasi bounce bawaan dari CSS utama. */
.site-footer .social-media-list > li:hover img { animation: none; }
@media (max-width: 390px) {
    .site-footer .social-media-list { gap: 9px; }
    .site-footer .social-media-list .dg-social__icon { width: 44px; height: 44px; border-radius: 11px; }
    .site-footer .social-media-list .dg-social__icon img { width: 28px; height: 28px; }
}
@media (max-width: 359px) {
    .site-footer .social-media-list { gap: 7px; }
    .site-footer .social-media-list .dg-social__icon { width: 40px; height: 40px; border-radius: 10px; }
    .site-footer .social-media-list .dg-social__icon img { width: 25px; height: 25px; }
}
@media (prefers-reduced-motion: reduce) {
    .site-footer .social-media-list .dg-social__icon { transition: none; }
}