/* NDM social buttons — one component shared by footer and contact sections.
   Keep SVG glyphs centered even when legacy page styles target links or SVGs. */
.ndm-social-icons{
  display:flex;flex-flow:row wrap;align-items:center;gap:12px;
  max-width:100%;direction:rtl;
}
.ndm-social-icons .ndm-social-link{
  position:relative!important;inset:auto!important;
  display:inline-flex!important;flex:0 0 48px!important;
  align-items:center!important;justify-content:center!important;
  width:48px!important;height:48px!important;
  min-width:48px!important;min-height:48px!important;
  margin:0!important;padding:0!important;
  box-sizing:border-box!important;border:1px solid #c8a662!important;
  border-radius:50%!important;background-color:transparent!important;
  background-image:none!important;color:#d1af69!important;
  box-shadow:none!important;text-decoration:none!important;
  line-height:1!important;vertical-align:middle;
  overflow:hidden;isolation:isolate;
  transform:none;transition:background-color .2s ease,color .2s ease,
    border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.ndm-social-icons--contact .ndm-social-link{color:#b18a44!important;}
.ndm-social-icons .ndm-social-link svg{
  display:block!important;position:static!important;inset:auto!important;
  flex:0 0 22px!important;width:22px!important;height:22px!important;
  min-width:22px!important;min-height:22px!important;
  max-width:22px!important;max-height:22px!important;
  margin:0!important;padding:0!important;
  transform:none!important;rotate:none!important;
  opacity:1!important;visibility:visible!important;
  overflow:visible;pointer-events:none;
}
/* Brand fills appear only on pointer hover. Keyboard focus retains a gold outline. */
.ndm-social-icons .ndm-social-link:hover{
  background-color:var(--brand-color,#c8a662)!important;
  border-color:var(--brand-color,#c8a662)!important;
  color:#fff!important;
  background-image:none!important;
  transform:translateY(-2px);
  box-shadow:0 5px 14px rgba(0,0,0,.16)!important;
}
.ndm-social-icons .ndm-social-instagram:hover{
  background-color:#c13584!important;
  background-image:linear-gradient(35deg,#feda75 0%,#fa7e1e 25%,#d62976 55%,#962fbf 80%,#4f5bd5 100%)!important;
  border-color:#c13584!important;
}
.ndm-social-icons .ndm-social-x:hover,
.ndm-social-icons .ndm-social-tiktok:hover{
  background-color:#171717!important;border-color:#171717!important;color:#fff!important;
}
.ndm-social-icons .ndm-social-snapchat:hover{
  background-color:#fffc00!important;border-color:#fffc00!important;color:#171717!important;
}
.ndm-social-icons .ndm-social-youtube:hover{color:#fff!important;}
/* Keyboard focus remains visibly outlined, but brand fills belong to Hover only. */
.ndm-social-icons .ndm-social-link:focus-visible{
  outline:2px solid #c8a662;outline-offset:4px;
}
.ndm-social-icons .ndm-social-link:focus-visible:not(:hover){
  background-color:transparent!important;background-image:none!important;
  border-color:#c8a662!important;color:#d1af69!important;
}
.ndm-social-icons--contact .ndm-social-link:focus-visible:not(:hover){color:#b18a44!important;}
@media (prefers-reduced-motion:reduce){
  .ndm-social-icons .ndm-social-link{transition:none!important;}
  .ndm-social-icons .ndm-social-link:hover,
  .ndm-social-icons .ndm-social-link:focus-visible{transform:none!important;}
}