.nasmh {
	--nasmh-accent: #1f1f1f;
	--nasmh-line: #e2ddd5;
	--nasmh-muted: #6b665e;
	--nasmh-tile: #f5f3ef;
	--yt: #ff0000; --fb: #1877f2; --ig: #d62976; --li: #0a66c2;
	color: #222;
}
.nasmh *, .nasmh *::before, .nasmh *::after { box-sizing: border-box; }
/* Elementor's global button style is more specific than one class; reset it and scope our rules. */
.nasmh button { padding: 0; margin: 0; border: 0; border-radius: 0; background: none; color: inherit; font: inherit; text-transform: none; letter-spacing: normal; box-shadow: none; white-space: normal; cursor: pointer; }
.nasmh-ico { width: 1.15em; height: 1.15em; flex: none; vertical-align: -0.18em; }
.nasmh h2 { font-family: "Questrial", sans-serif; font-weight: 400; display: flex; align-items: center; gap: 10px; margin: 0; font-size: 26px; }
.nasmh [hidden] { display: none !important; }

/* ---------- Follow row ---------- */
.nasmh-follow { list-style: none; margin: 0 0 20px; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.nasmh-follow li { margin: 0; }
.nasmh-follow a {
	display: inline-flex; align-items: center; gap: 8px; padding: 10px 18px; border-radius: 999px;
	border: 1.5px solid var(--nasmh-line); background: #fff; color: #222 !important; text-decoration: none !important; font-weight: 600; font-size: 15px;
	transition: transform .15s, border-color .15s;
}
.nasmh-follow a:hover { transform: translateY(-2px); }
.nasmh-follow .is-yt .nasmh-ico { color: var(--yt); } .nasmh-follow .is-yt:hover { border-color: var(--yt); }
.nasmh-follow .is-fb .nasmh-ico { color: var(--fb); } .nasmh-follow .is-fb:hover { border-color: var(--fb); }
.nasmh-follow .is-ig .nasmh-ico { color: var(--ig); } .nasmh-follow .is-ig:hover { border-color: var(--ig); }
.nasmh-follow .is-li .nasmh-ico { color: var(--li); } .nasmh-follow .is-li:hover { border-color: var(--li); }

/* ---------- Tabs ---------- */
.nasmh-tabs { display: flex; justify-content: center; gap: 4px; margin: 0 auto 32px; padding: 4px; border-radius: 999px; background: var(--nasmh-tile); width: fit-content; max-width: 100%; overflow-x: auto; }
.nasmh .nasmh-tabs button { padding: 9px 20px; border-radius: 999px; font-size: 15px; font-weight: 600; color: var(--nasmh-muted); white-space: nowrap; }
.nasmh .nasmh-tabs button[aria-selected="true"] { background: #fff; color: #222; box-shadow: 0 1px 4px rgba(0,0,0,.1); }

/* ---------- Panels ---------- */
.nasmh-panel { margin: 0 0 40px; }
.nasmh-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
.nasmh-sub {
	display: inline-block; padding: 8px 16px; border-radius: 999px; background: var(--yt); color: #fff !important;
	font-weight: 600; font-size: 14px; text-decoration: none !important; white-space: nowrap;
}
.nasmh-sub.is-fb { background: var(--fb); } .nasmh-sub.is-ig { background: linear-gradient(45deg, #feda75, #d62976 50%, #4f5bd5); } .nasmh-sub.is-li { background: var(--li); }
.nasmh-yt h2 .nasmh-ico { color: var(--yt); }
.nasmh-card h2 .nasmh-ico { color: var(--fb); }
.nasmh-card[data-panel="instagram"] h2 .nasmh-ico { color: var(--ig); }

/* ---------- YouTube ---------- */
.nasmh-yt-layout { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr); gap: 24px; align-items: start; }
.nasmh-player { position: relative; aspect-ratio: 16 / 9; background: #000; border-radius: 12px; overflow: hidden; }
.nasmh-player iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.nasmh .nasmh-poster { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.nasmh-poster img { width: 100%; height: 100%; object-fit: cover; display: block; }
.nasmh-play {
	position: absolute; left: 50%; top: 50%; width: 76px; height: 54px; margin: -27px 0 0 -38px; border-radius: 14px;
	background: rgba(23,23,23,.85); color: #fff; display: flex; align-items: center; justify-content: center; transition: background .15s;
}
.nasmh-play .nasmh-ico { width: 30px; height: 30px; }
.nasmh-poster:hover .nasmh-play, .nasmh-poster:focus-visible .nasmh-play { background: var(--yt); }
.nasmh-now-title { margin: 16px 0 4px; font-size: 20px; line-height: 1.3; }
.nasmh-now-meta { margin: 0 0 8px; font-size: 14px; color: var(--nasmh-muted); }
.nasmh-now-desc { margin: 0 0 8px; color: #444; }
.nasmh-measure-hint { margin: 8px 0 0; padding: 10px 14px; border-radius: 8px; background: var(--nasmh-tile); font-size: 15px; }

.nasmh-list-wrap { display: flex; flex-direction: column; min-width: 0; }
.nasmh-chips { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 10px; }
.nasmh .nasmh-chips button { padding: 7px 14px; border-radius: 999px; border: 1px solid #cfc9bf; background: #fff; font-size: 13px; }
.nasmh .nasmh-chips button[aria-pressed="true"] { background: var(--nasmh-accent); border-color: var(--nasmh-accent); color: #fff; }
.nasmh-list { list-style: none; margin: 0; padding: 0 4px 0 0; max-height: 470px; overflow-y: auto; scrollbar-width: thin; }
.nasmh-list li { margin: 0 0 6px; }
.nasmh .nasmh-item { display: grid; grid-template-columns: 136px minmax(0, 1fr); gap: 12px; align-items: center; width: 100%; padding: 6px; border-radius: 10px; text-align: left; }
.nasmh .nasmh-item:hover { background: var(--nasmh-tile); }
.nasmh .nasmh-item[aria-current="true"] { background: var(--nasmh-tile); box-shadow: inset 3px 0 0 var(--yt); }
.nasmh-thumb { aspect-ratio: 16 / 9; border-radius: 6px; overflow: hidden; background: #ddd; }
.nasmh-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.nasmh-item-text { display: flex; flex-direction: column; gap: 2px; }
.nasmh-item-text strong { font-size: 14px; line-height: 1.3; }
.nasmh-item-text small { font-size: 12px; color: var(--nasmh-muted); }

/* ---------- Facebook + Instagram ---------- */
.nasmh-social { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; align-items: start; }
.nasmh.is-single .nasmh-social { grid-template-columns: minmax(0, 1fr); max-width: 640px; margin: 0 auto; }
.nasmh-card { border: 1px solid var(--nasmh-line); border-radius: 14px; padding: 18px; background: #fff; }
.nasmh-fb { display: flex; justify-content: center; min-height: 200px; }
/* Custom Facebook Feed inside the card: scrolls within the card so both cards line up. */
.nasmh-fb-feed { max-height: 520px; overflow-y: auto; scrollbar-width: thin; padding-right: 4px; }
.nasmh-fb-feed #cff { width: 100% !important; padding: 0 !important; margin: 0 !important; background: none !important; }
.nasmh-fb-feed #cff .cff-item { padding: 14px 0 !important; margin: 0 !important; border-bottom: 1px solid var(--nasmh-line) !important; border-top: 0 !important; }
.nasmh-fb-feed #cff .cff-item:first-child { padding-top: 0 !important; }
.nasmh-fb-feed #cff .cff-text, .nasmh-fb-feed #cff .cff-post-desc { font-size: 15px !important; line-height: 1.5 !important; color: #333 !important; }
.nasmh-fb-feed #cff .cff-photo img, .nasmh-fb-feed #cff .cff-html5-video, .nasmh-fb-feed #cff .cff-media-wrap img { border-radius: 8px; max-width: 100%; height: auto; }
/* The card already has a header and Follow button; hide the plugin's own, and undo its JS masonry columns. */
.nasmh-fb-feed [class*="cff-header"], .nasmh-fb-feed .cff-visual-header, .nasmh-fb-feed .cff-likebox, .nasmh-fb-feed .cff-load-more { display: none !important; }
.nasmh-fb-feed #cff .cff-posts-wrap { height: auto !important; column-count: 1 !important; }
.nasmh-fb-feed #cff .cff-item { position: static !important; left: auto !important; top: auto !important; width: 100% !important; transform: none !important; float: none !important; }
.nasmh-fb iframe { max-width: 100%; border-radius: 8px; }
.nasmh-loading { color: var(--nasmh-muted); align-self: center; }
/* Smash Balloon's saved feed settings override shortcode options, so lay the feed out here. */
.nasmh-ig #sb_instagram { padding: 0 !important; width: 100% !important; }
.nasmh-ig #sb_instagram .sb_instagram_header, .nasmh-ig #sb_instagram #sbi_load { display: none !important; }
.nasmh-ig #sb_instagram #sbi_images { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding: 0 !important; float: none !important; width: 100% !important; }
.nasmh-ig #sb_instagram .sbi_item { width: auto !important; padding: 0 !important; margin: 0 !important; float: none !important; display: block !important; }
.nasmh-ig #sb_instagram .sbi_photo_wrap, .nasmh-ig #sb_instagram .sbi_photo { border-radius: 8px; overflow: hidden; aspect-ratio: 1 / 1; height: auto !important; }
.nasmh-ig #sb_instagram .sbi_photo img { width: 100%; height: 100%; object-fit: cover; }
.nasmh-ig-empty {
	display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 48px 20px; text-align: center; border-radius: 10px;
	background: linear-gradient(135deg, #fdf1f6, #f3f0ff); color: #222 !important; text-decoration: none !important;
}
.nasmh-ig-empty .nasmh-ico { width: 48px; height: 48px; color: var(--ig); }
.nasmh-ig-empty span { color: #555; max-width: 320px; }
.nasmh-handle { text-align: center; margin: 12px 0 0; font-weight: 600; }

/* ---------- LinkedIn ---------- */
.nasmh-li {
	display: flex; align-items: center; gap: 16px; padding: 18px 20px; border-radius: 14px; border: 1px solid var(--nasmh-line);
	color: #222 !important; text-decoration: none !important; background: #fff; margin-bottom: 24px;
}
.nasmh-li:hover { border-color: var(--li); }
.nasmh-li > span:nth-child(2) { flex: 1; display: flex; flex-direction: column; }
.nasmh-li small { color: var(--nasmh-muted); font-size: 14px; }
.nasmh-li-ico .nasmh-ico { width: 40px; height: 40px; color: var(--li); }

@media (max-width: 900px) {
	.nasmh-yt-layout, .nasmh-social { grid-template-columns: minmax(0, 1fr); }
	.nasmh-list { max-height: none; }
}
@media (max-width: 560px) {
	.nasmh-follow a { padding: 9px 14px; font-size: 14px; }
	.nasmh-follow a span { display: none; }
	.nasmh-follow a .nasmh-ico { width: 22px; height: 22px; }
	.nasmh .nasmh-tabs button { padding: 8px 14px; font-size: 14px; }
	.nasmh .nasmh-item { grid-template-columns: 116px minmax(0, 1fr); }
	.nasmh-card { padding: 14px; }
	.nasmh-li { flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) { .nasmh-follow a { transition: none; } }