/* [bm_social] – scoped to .bm-social. Round icon buttons; size="large": big app-style
   tiles in each network's colours with the name and the handle (home page). */

.bm-social { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 12px; color: #fff; font: 600 15px/1.2 var(--bm-body); }
.bm-social a { text-decoration: none; box-shadow: none; }
.bm-social__link,
.bm-social__link:visited { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-width: 48px; height: 48px; border: 1px solid var(--bm-line-strong); border-radius: 999px; background: rgba(255, 255, 255, .04); color: #fff; transition: background .2s, border-color .2s, color .2s, transform .2s; }
.bm-social--labels .bm-social__link { padding: 0 20px 0 16px; }
.bm-social__link:hover { border-color: var(--bm-cyan); background: var(--bm-cyan); color: #031033; transform: translateY(-3px); }
.bm-social__link:focus-visible { outline: 3px solid var(--bm-cyan); outline-offset: 3px; }
.bm-social__link svg { flex: 0 0 22px; }
.bm-social--dark .bm-social__link { min-width: 42px; height: 42px; }

/* Large tiles */
.bm-social--large { gap: clamp(22px, 4vw, 52px); }
.bm-social--large .bm-social__link,
.bm-social--large .bm-social__link:visited { display: grid; justify-items: center; gap: 12px; min-width: 0; height: auto; border: 0; border-radius: 0; background: none; text-align: center; }
.bm-social--large .bm-social__link:hover { background: none; color: #fff; transform: translateY(-8px) scale(1.03); }
.bm-social__tile { display: grid; place-items: center; width: clamp(110px, 14vw, 150px); aspect-ratio: 1; border-radius: 34%; background: var(--bm-navy-3); box-shadow: 0 24px 50px rgba(0, 0, 0, .5); }
.bm-social__tile svg { width: 54%; height: 54%; }
.bm-social__link--instagram .bm-social__tile { background: radial-gradient(circle at 30% 107%, #fdf497 0, #fd5949 45%, #d6249f 60%, #285aeb 90%); box-shadow: 0 0 40px rgba(214, 36, 159, .5); }
.bm-social__link--tiktok .bm-social__tile { background: #000; box-shadow: -6px -6px 0 #25f4ee, 6px 6px 0 #fe2c55, 0 24px 50px rgba(0, 0, 0, .5); }
.bm-social__link--facebook .bm-social__tile { background: linear-gradient(160deg, #3b8bff, #1259d6); box-shadow: 0 0 40px rgba(24, 119, 242, .5); }
.bm-social__link--youtube .bm-social__tile { background: linear-gradient(160deg, #ff4d4d, #c4000f); box-shadow: 0 0 40px rgba(255, 0, 0, .45); }
.bm-social--large .bm-social__label { font: 700 32px/.9 var(--bm-display); text-transform: uppercase; text-shadow: var(--bm-halo); }
.bm-social__handle { color: var(--bm-muted); font: 700 13px/1 var(--bm-hud); letter-spacing: .14em; text-shadow: var(--bm-halo); }

@media (prefers-reduced-motion: reduce) {
	.bm-social__link { transition: none; }
}