
.ygn-share-tools{
	--ygn-share-surface:#f7f9fc;--ygn-share-dark:#0d1625;--ygn-share-accent:#e30613;
	--ygn-share-blur:16px;--ygn-share-opacity:.82;
	display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
	margin:12px 0;padding:10px 12px;border-radius:16px;
	background:color-mix(in srgb,var(--ygn-share-surface) calc(var(--ygn-share-opacity)*100%),transparent);
	border:1px solid color-mix(in srgb,var(--ygn-share-accent) 16%,rgba(255,255,255,.6));
	box-shadow:inset 0 1px 0 rgba(255,255,255,.46),0 10px 30px rgba(10,20,35,.08);
	-webkit-backdrop-filter:blur(var(--ygn-share-blur)) saturate(1.14);backdrop-filter:blur(var(--ygn-share-blur)) saturate(1.14)
}
.ygn-share-tools__services{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ygn-share-tools__button,.ygn-share-tools__native{
	appearance:none;border:1px solid rgba(20,30,45,.12);background:rgba(255,255,255,.5);color:#172033;
	display:inline-grid;place-items:center;min-width:42px;height:42px;padding:0 12px;border-radius:12px;cursor:pointer;
	transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease
}
.ygn-share-tools__button{width:42px;padding:0}
.ygn-share-tools__button svg,.ygn-share-tools__native svg{width:21px;height:21px;fill:currentColor}
.ygn-share-tools__native{display:inline-flex;gap:7px;font-weight:800}
.ygn-share-tools__button:is(:hover,:focus-visible),.ygn-share-tools__native:is(:hover,:focus-visible){
	transform:translateY(-1px);border-color:color-mix(in srgb,var(--ygn-share-accent) 45%,transparent);
	box-shadow:0 7px 20px rgba(12,22,36,.12);outline:0
}
.ygn-share-tools__button--facebook{color:#1877f2}.ygn-share-tools__button--x{color:#111}
.ygn-share-tools__button--whatsapp{color:#16b85b}.ygn-share-tools__button--telegram{color:#229ed9}
.ygn-share-tools__button--linkedin{color:#0a66c2}.ygn-share-tools__button--pinterest{color:#e60023}
.ygn-share-tools__button--email,.ygn-share-tools__button--print,.ygn-share-tools__button--copy{color:#24415f}
.ygn-share-tools__status{font-size:.78rem;font-weight:700;color:var(--ygn-share-accent)}
body.ygn-theme-mode-dark .ygn-share-tools,html[data-ygn-resolved-theme="dark"] body .ygn-share-tools{
	background:color-mix(in srgb,var(--ygn-share-dark) calc(var(--ygn-share-opacity)*100%),transparent);
	border-color:rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 30px rgba(0,0,0,.24)
}
body.ygn-theme-mode-dark .ygn-share-tools__button,body.ygn-theme-mode-dark .ygn-share-tools__native,
html[data-ygn-resolved-theme="dark"] body .ygn-share-tools__button,html[data-ygn-resolved-theme="dark"] body .ygn-share-tools__native{
	background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.12);color:#f4f7fb
}
@media(max-width:782px){
	.ygn-share-tools{padding:9px 10px;border-radius:14px;gap:8px}
	.ygn-share-tools__services{gap:6px}
	.ygn-share-tools__button{width:39px;min-width:39px;height:39px;border-radius:10px}
	.ygn-share-tools__native{height:39px}
}
@media(prefers-reduced-motion:reduce){.ygn-share-tools__button,.ygn-share-tools__native{transition:none!important}}


/* 1.44.15 — slim single-row article toolbar */
.ygn-article-tools-row .ygn-share-tools{
	margin:0!important;
	padding:5px 7px!important;
	min-height:44px!important;
	border-radius:13px!important;
	gap:6px!important;
	flex-wrap:nowrap!important;
}
.ygn-article-tools-row .ygn-share-tools__services{
	gap:4px!important;
	flex-wrap:nowrap!important;
	min-width:0;
	overflow-x:auto;
	overflow-y:hidden;
	scrollbar-width:none;
	-webkit-overflow-scrolling:touch;
}
.ygn-article-tools-row .ygn-share-tools__services::-webkit-scrollbar{display:none}
.ygn-article-tools-row .ygn-share-tools__button{
	width:34px!important;
	min-width:34px!important;
	height:34px!important;
	padding:0!important;
	border-radius:9px!important;
}
.ygn-article-tools-row .ygn-share-tools__button svg{
	width:18px!important;
	height:18px!important;
}
.ygn-article-tools-row .ygn-share-tools__native{
	height:34px!important;
	min-height:34px!important;
	padding:0 9px!important;
	border-radius:9px!important;
	gap:5px!important;
	font-size:.8rem!important;
	white-space:nowrap;
}
.ygn-article-tools-row .ygn-share-tools__native svg{
	width:17px!important;
	height:17px!important;
}
.ygn-article-tools-row .ygn-share-tools__status{
	display:none!important;
}
@media(max-width:782px){
	.ygn-article-tools-row .ygn-share-tools{
		padding:4px 5px!important;
		min-height:40px!important;
	}
	.ygn-article-tools-row .ygn-share-tools__button{
		width:32px!important;
		min-width:32px!important;
		height:32px!important;
		border-radius:8px!important;
	}
	.ygn-article-tools-row .ygn-share-tools__native{
		height:32px!important;
		min-height:32px!important;
		padding:0 7px!important;
	}
	.ygn-article-tools-row .ygn-share-tools__native span{display:none}
}


/* =========================================================
   1.44.17 — Four primary shares + one "+" menu
   The article row itself owns the glass strip; no nested boxes.
   ========================================================= */
.ygn-article-tools-row .ygn-share-tools{
	position:relative;
	margin:0!important;
	padding:0!important;
	min-height:0!important;
	border:0!important;
	border-radius:0!important;
	background:transparent!important;
	box-shadow:none!important;
	-webkit-backdrop-filter:none!important;
	backdrop-filter:none!important;
	overflow:visible!important;
}
.ygn-article-tools-row .ygn-share-tools__services--primary{
	display:flex!important;
	align-items:center!important;
	gap:3px!important;
	flex-wrap:nowrap!important;
	overflow:visible!important;
}
.ygn-article-tools-row .ygn-share-tools__button,
.ygn-article-tools-row .ygn-share-tools__more-toggle{
	appearance:none;
	display:inline-grid!important;
	place-items:center!important;
	flex:0 0 auto!important;
	width:34px!important;
	min-width:34px!important;
	height:34px!important;
	padding:0!important;
	border:0!important;
	border-radius:9px!important;
	background:rgba(255,255,255,.48)!important;
	box-shadow:inset 0 0 0 1px rgba(30,40,55,.08)!important;
	cursor:pointer;
	transition:transform .15s ease,background .15s ease,box-shadow .15s ease!important;
}
.ygn-article-tools-row .ygn-share-tools__button:is(:hover,:focus-visible),
.ygn-article-tools-row .ygn-share-tools__more-toggle:is(:hover,:focus-visible){
	transform:translateY(-1px);
	background:rgba(255,255,255,.72)!important;
	box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ygn-share-accent) 28%,rgba(30,40,55,.10)),0 4px 12px rgba(10,20,35,.07)!important;
	outline:0;
}
.ygn-article-tools-row .ygn-share-tools__button svg,
.ygn-article-tools-row .ygn-share-tools__more-toggle svg{
	width:18px!important;
	height:18px!important;
	fill:currentColor;
}
.ygn-share-tools__more-wrap{
	position:relative;
	flex:0 0 auto;
}
.ygn-share-tools__more-toggle{
	color:#24415f;
}
.ygn-share-tools__more-toggle[aria-expanded="true"]{
	color:var(--ygn-share-accent);
}
.ygn-share-tools__more-menu{
	position:absolute;
	z-index:1200;
	top:calc(100% + 8px);
	left:0;
	display:flex;
	align-items:center;
	gap:5px;
	min-width:max-content;
	max-width:min(88vw,520px);
	padding:7px;
	border:1px solid rgba(30,40,55,.10);
	border-radius:12px;
	background:rgba(250,252,255,.92);
	box-shadow:0 14px 38px rgba(10,20,35,.16),inset 0 1px 0 rgba(255,255,255,.72);
	-webkit-backdrop-filter:blur(18px) saturate(1.12);
	backdrop-filter:blur(18px) saturate(1.12);
}
.ygn-share-tools__more-menu[hidden]{
	display:none!important;
}
.ygn-share-tools__more-menu .ygn-share-tools__button{
	width:36px!important;
	min-width:36px!important;
	height:36px!important;
}
.ygn-share-tools__more-menu .ygn-share-tools__native--menu{
	display:inline-flex!important;
	align-items:center;
	gap:6px;
	height:36px!important;
	min-height:36px!important;
	padding:0 10px!important;
	border:0!important;
	border-radius:9px!important;
	background:rgba(255,255,255,.55)!important;
	box-shadow:inset 0 0 0 1px rgba(30,40,55,.08)!important;
	font-size:.78rem!important;
	font-weight:800!important;
	color:#172033;
}
.ygn-share-tools__more-menu .ygn-share-tools__native--menu svg{
	width:17px!important;
	height:17px!important;
}
body.ygn-theme-mode-dark .ygn-article-tools-row .ygn-share-tools__button,
body.ygn-theme-mode-dark .ygn-article-tools-row .ygn-share-tools__more-toggle,
html[data-ygn-resolved-theme="dark"] body .ygn-article-tools-row .ygn-share-tools__button,
html[data-ygn-resolved-theme="dark"] body .ygn-article-tools-row .ygn-share-tools__more-toggle{
	background:rgba(255,255,255,.065)!important;
	box-shadow:inset 0 0 0 1px rgba(255,255,255,.10)!important;
}
body.ygn-theme-mode-dark .ygn-share-tools__more-menu,
html[data-ygn-resolved-theme="dark"] body .ygn-share-tools__more-menu{
	border-color:rgba(255,255,255,.10);
	background:rgba(13,22,37,.94);
	box-shadow:0 14px 38px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.06);
}
body.ygn-theme-mode-dark .ygn-share-tools__more-menu .ygn-share-tools__native--menu,
html[data-ygn-resolved-theme="dark"] body .ygn-share-tools__more-menu .ygn-share-tools__native--menu{
	background:rgba(255,255,255,.07)!important;
	box-shadow:inset 0 0 0 1px rgba(255,255,255,.10)!important;
	color:#f4f7fb;
}
@media(max-width:782px){
	.ygn-article-tools-row .ygn-share-tools__services--primary{
		gap:2px!important;
	}
	.ygn-article-tools-row .ygn-share-tools__button,
	.ygn-article-tools-row .ygn-share-tools__more-toggle{
		width:31px!important;
		min-width:31px!important;
		height:31px!important;
		border-radius:8px!important;
	}
	.ygn-article-tools-row .ygn-share-tools__button svg,
	.ygn-article-tools-row .ygn-share-tools__more-toggle svg{
		width:17px!important;
		height:17px!important;
	}
	.ygn-share-tools__more-menu{
		left:auto;
		right:0;
		gap:4px;
		padding:6px;
		max-width:min(92vw,420px);
		overflow-x:auto;
		scrollbar-width:none;
	}
	.ygn-share-tools__more-menu::-webkit-scrollbar{display:none}
}


/* =========================================================
   1.44.45 — Mobile share hardening
   - "+" flyout is viewport-safe and right-aligned on phones.
   - No negative-left/off-screen menu.
   - Touch targets remain compact but fully visible.
   ========================================================= */
@media(max-width:782px){
	.ygn-share-tools__more-menu{
		box-sizing:border-box!important;
		justify-content:flex-end;
		overscroll-behavior:contain;
	}
	.ygn-share-tools__more-menu .ygn-share-tools__button,
	.ygn-share-tools__more-menu .ygn-share-tools__native--menu{
		flex:0 0 auto!important;
	}
}
