/**
 * Public Social Hub styles.
 */

.nahar-tts-play {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	margin-block-end: 1rem;
	padding: 0.4rem 0.9rem;
	border: 1px solid #d1d5db;
	border-radius: 999px;
	background: #fff;
	cursor: pointer;
}

.nahar-ask input[type='search'] {
	width: 100%;
	padding: 0.6rem 0.8rem;
	font-size: 1rem;
	border: 1px solid #d1d5db;
	border-radius: 0.4rem;
}

.nahar-ask__results {
	list-style: none;
	margin: 0.75rem 0 0;
	padding: 0;
	display: grid;
	gap: 0.75rem;
}

.nahar-ask__results li {
	border: 1px solid #e5e7eb;
	border-radius: 0.4rem;
	padding: 0.75rem;
}

.nahar-social-hub__list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
	gap: 1rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.nahar-social-hub__item {
	border: 1px solid #e5e7eb;
	border-radius: 8px;
	padding: 1rem;
	background: #fff;
}

.nahar-social-hub__meta {
	display: flex;
	justify-content: space-between;
	gap: 0.5rem;
	font-size: 0.85rem;
	color: #6b7280;
	margin-block-end: 0.75rem;
}

.nahar-social-hub__provider {
	font-weight: 600;
	color: #111827;
}

.nahar-social-hub__text {
	margin-block: 0.75rem;
	line-height: 1.5;
}

.nahar-social-hub__embed {
	margin-block: 0.75rem;
}

.nahar-social-hub__image {
	max-width: 100%;
	height: auto;
	border-radius: 4px;
}

.nahar-social-hub__link {
	margin: 0;
	font-size: 0.9rem;
}

.nahar-social-hub__link a {
	text-decoration: none;
}

.nahar-social-hub__link a:hover {
	text-decoration: underline;
}

/* 2.31.19 — official display-only X surface. */
.nahar-social-display{margin-block:1.25rem;padding:1rem;border:1px solid currentColor;border-color:color-mix(in srgb,currentColor 18%,transparent);border-radius:18px;overflow:hidden}
.nahar-social-display__head{display:flex;justify-content:space-between;gap:.75rem;align-items:center;margin-block-end:.75rem;font-size:.78rem}
.nahar-social-display__head span{opacity:.62}
.nahar-social-display__embed{min-height:140px}
@media(max-width:640px){.nahar-social-display{padding:.7rem;border-radius:14px}.nahar-social-display__head{align-items:flex-start;flex-direction:column}}

/* 2.31.21 — runtime-safe X renderer. */
.nahar-social-display__embed{min-height:0}.nahar-social-display__loading{padding:.75rem 0;opacity:.65}.nahar-social-display__mount:empty{display:none}.nahar-social-display__fallback{margin:.5rem 0 0}.nahar-social-display__embed.is-fallback{min-height:0}.nahar-social-display__embed.is-fallback .nahar-social-display__mount{display:none}

/* 2.31.22 — terminal X load state: no infinite loading and no oversized empty block. */
.nahar-social-display--x{transition:opacity .2s ease}
.nahar-social-display--x.is-fallback{padding-block:.75rem}
.nahar-social-display--x.is-fallback .nahar-social-display__head{margin-block-end:.35rem}
.nahar-social-display--x.is-fallback .nahar-social-display__embed{min-height:0}
.nahar-social-display--x.is-fallback .nahar-social-display__fallback{display:inline-flex;margin:0}
.nahar-social-display--x.is-loaded .nahar-social-display__embed{min-height:140px}
.nahar-social-display__loading[hidden],.nahar-social-display__fallback[hidden]{display:none!important}

/* 2.31.24 — TikTok official Creator Profile Embed. */
.nahar-social-display--tiktok .nahar-social-display__embed{min-height:0}
.nahar-social-display--tiktok .nahar-social-display__mount{display:flex;justify-content:center}
.nahar-social-display--tiktok .tiktok-embed{width:100%!important;margin:0 auto!important}
.nahar-social-display--tiktok.is-fallback,.nahar-social-display__embed--tiktok.is-fallback{min-height:0}
.nahar-social-display--tiktok .nahar-social-display__fallback{margin:.5rem 0 0}

/* 2.31.25 — exact official TikTok/Snapchat embeds; do not clip provider-managed rails. */
.nahar-social-display--tiktok,.nahar-social-display--snapchat{overflow:visible}
.nahar-social-display--tiktok .nahar-social-display__mount,
.nahar-social-display--snapchat .nahar-social-display__mount{display:block;overflow:visible}
.nahar-social-display--tiktok iframe,.nahar-social-display--snapchat iframe{max-width:100%!important}
.nahar-social-display--tiktok .tiktok-embed{display:block!important;overflow:visible!important}
.nahar-social-display--snapchat .snapchat-embed{display:flex;overflow:hidden}
.nahar-social-display--snapchat.is-fallback,.nahar-social-display__embed--snapchat.is-fallback{min-height:0}

/* 2.31.26 — official individual TikTok video fallback. */
.nahar-tiktok-video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,288px),1fr));gap:1rem;align-items:start}
.nahar-tiktok-video-grid .tiktok-embed{width:100%!important;margin:0 auto!important}
.nahar-social-manual-video-embeds{margin-block:12px;padding:12px;border:1px solid #dcdcde;border-radius:12px;background:#fff}

/* 2.31.28 — Snapchat public-surface visibility + multiple official embeds. */
.nahar-snapchat-embed-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,286px),1fr));gap:1rem;align-items:start}
.nahar-snapchat-embed-grid .nahar-social-display__embed{min-height:0}
.nahar-social-display__embed--snapchat.is-fallback{min-height:0}
.nahar-social-display__embed--snapchat.is-fallback .nahar-social-display__fallback{display:inline-flex;margin:.35rem 0 0}
.nahar-social-display-visibility{grid-column:1/-1;margin:.15rem 0}

/* 2.31.29 — compact Snapchat mobile surface. */
.nahar-social-display--snapchat{overflow:hidden}
.nahar-snapchat-embed-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,286px),1fr));gap:.85rem}
.nahar-social-display--snapchat .nahar-social-display__head{margin-block-end:.5rem}
.nahar-social-display__embed--snapchat{display:flex;justify-content:center}
.nahar-social-display__embed--snapchat iframe{width:100%!important;max-width:416px!important;border-radius:18px!important}
@media(max-width:640px){
  .nahar-social-display--snapchat{padding:.65rem}
  .nahar-social-display--snapchat .nahar-social-display__head{font-size:.74rem}
  .nahar-social-display__embed--snapchat iframe{max-width:320px!important;max-height:560px!important}
  .nahar-snapchat-embed-grid{display:block}
}

/* 2.41.0 — visitor-first asynchronous social loading state. */
.nahar-social-skeleton{display:grid;gap:.45rem;max-width:100%;padding:.2rem 0}
.nahar-social-skeleton i{display:block;height:.65rem;border-radius:999px;background:currentColor;opacity:.12;animation:nahar-social-skeleton 1.25s ease-in-out infinite}
.nahar-social-skeleton i:nth-child(2){width:82%;animation-delay:.12s}
.nahar-social-skeleton i:nth-child(3){width:58%;animation-delay:.24s}
@keyframes nahar-social-skeleton{0%,100%{opacity:.08}50%{opacity:.22}}
@media(prefers-reduced-motion:reduce){.nahar-social-skeleton i{animation:none}}

/* 2.42.0 — clearer live/display-only provider states without adding provider work. */
.nahar-social-display{position:relative;overflow:hidden;border-color:color-mix(in srgb,currentColor 22%,transparent)}
.nahar-social-display:before{content:"";position:absolute;inset-inline:0;inset-block-start:0;height:3px;background:currentColor;opacity:.28}
.nahar-social-display__head{gap:.35rem;padding-block-start:.2rem}
.nahar-social-display__head strong{font-weight:800;letter-spacing:-.01em}
.nahar-social-display__head span{font-size:.83rem;line-height:1.45;opacity:.72}
.nahar-social-display__fallback a{font-weight:700;text-underline-offset:.2em}

/* 2.52.1 — Phase 51 progressive X fallback: usable before/without third-party JS. */
.nahar-social-display__fallback--profile{
	display:grid;
	grid-template-columns:auto minmax(0,1fr) auto;
	align-items:center;
	gap:.7rem;
	padding:.8rem;
	border:1px solid color-mix(in srgb,currentColor 14%,transparent);
	border-radius:12px;
	background:color-mix(in srgb,currentColor 3%,transparent);
}
.nahar-social-display__fallback-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:999px;background:currentColor;color:var(--bg,#fff);font-weight:850}
.nahar-social-display__fallback--profile>div{display:grid;gap:.18rem;min-width:0}.nahar-social-display__fallback--profile>div span{font-size:.76rem;opacity:.68;line-height:1.55}
.nahar-social-display__fallback-action{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:.45rem .72rem;border:1px solid currentColor;border-radius:999px;text-decoration:none;font-weight:750;white-space:nowrap}
@media(max-width:520px){.nahar-social-display__fallback--profile{grid-template-columns:auto minmax(0,1fr)}.nahar-social-display__fallback-action{grid-column:1/-1;width:100%}}


/* Phase 51.1 — X timeline hydration: never expose the raw fallback anchor while
 * widgets.js is converting it to an iframe. The profile fallback remains usable
 * until a real iframe is verified by the local controller. */
.nahar-social-display--x .nahar-social-display__mount.is-hydrating > a.twitter-timeline{
  display:block!important;
  min-height:1px!important;
  height:1px!important;
  overflow:hidden!important;
  font-size:0!important;
  line-height:0!important;
  color:transparent!important;
  opacity:0!important;
  pointer-events:none!important;
}
.nahar-social-display--x .nahar-social-display__mount.is-hydrating > iframe{opacity:0}
.nahar-social-display--x.is-loaded .nahar-social-display__mount > iframe{opacity:1}


/* 2.52.3 — visitor-first Social Live copy/state lock. */
.nahar-social-display__head:has(> strong:only-child){margin-block-end:.55rem}
.nahar-social-display--x .nahar-social-display__mount > a.twitter-timeline{display:none!important}
.nahar-social-display--x.is-fallback .nahar-social-display__fallback--profile{display:grid;margin:0}

/* 2.52.4 — Phase 51.3: stable progressive X timeline.
 * Keep the visitor-safe fallback visible while the third-party widget probes
 * off-screen; swap only after a stable iframe is verified. */
.nahar-social-display__embed{position:relative}
.nahar-social-display__handle{direction:ltr;unicode-bidi:isolate;text-align:start}
.nahar-social-display__mount.is-probing{position:absolute!important;inset:0 auto auto 0!important;width:100%!important;min-width:260px!important;visibility:hidden!important;pointer-events:none!important;z-index:-1!important}
.nahar-social-display__mount.is-probing iframe{visibility:hidden!important}

/* 2.52.6 — Phase 51.5: static X oEmbed snapshot is real visitor content.
 * It stays readable when third-party JavaScript is blocked and is progressively
 * enhanced into the official X iframe when widgets.js succeeds. */
.nahar-social-display--x.is-static-post .nahar-social-display__embed,
.nahar-social-display__embed[data-x-static="1"]{min-height:0}
.nahar-social-display__embed[data-x-static="1"] .nahar-social-display__mount{display:block;position:relative;visibility:visible;pointer-events:auto;z-index:auto}
.nahar-social-display__embed[data-x-static="1"] .twitter-tweet{
  display:block!important;
  margin:0;
  padding:.9rem;
  border:1px solid color-mix(in srgb,currentColor 16%,transparent);
  border-radius:14px;
  background:color-mix(in srgb,currentColor 3%,transparent);
  color:inherit;
  font:inherit;
  line-height:1.65;
}
.nahar-social-display__embed[data-x-static="1"] .twitter-tweet p{margin:0 0 .65rem;font-size:1rem;line-height:1.7}
.nahar-social-display__embed[data-x-static="1"] .twitter-tweet a{color:inherit;text-underline-offset:.18em;overflow-wrap:anywhere}
.nahar-social-display__embed[data-x-static="1"] .twitter-tweet iframe{max-width:100%!important}
@media(max-width:640px){.nahar-social-display__embed[data-x-static="1"] .twitter-tweet{padding:.78rem;border-radius:12px}.nahar-social-display__embed[data-x-static="1"] .twitter-tweet p{font-size:.95rem}}