/**
 * AGS Social v1.0.0
 * Count-free article sharing in the Ancient Greek Secrets visual language.
 */

.ags-social-share {
	--ags-social-bg: #0b1017;
	--ags-social-panel: #111822;
	--ags-social-gold: var(--ags-gold, #edc96d);
	--ags-social-gold-strong: var(--ags-gold-strong, #fff0ad);
	--ags-social-cream: var(--ags-cream, #fffdf2);
	--ags-social-muted: rgba(242, 232, 207, 0.76);
	--ags-social-border: rgba(201, 169, 98, 0.32);

	width: min(900px, 100%);
	margin: clamp(3rem, 6vw, 4.75rem) auto;
	padding: clamp(1.35rem, 3.5vw, 2.1rem);
	border: 1px solid var(--ags-social-border);
	border-radius: 12px;
	background:
		linear-gradient(135deg, rgba(237, 201, 109, 0.07), transparent 46%),
		linear-gradient(180deg, rgba(17, 24, 34, 0.98), rgba(8, 11, 16, 0.98));
	box-shadow: 0 24px 70px rgba(0, 0, 0, 0.24);
	color: var(--ags-social-cream);
}

.ags-social-share--after-newsletter {
	margin-top: clamp(1.35rem, 3vw, 2.25rem);
}

.ags-social-share--before-ancient-day {
	margin-bottom: clamp(1.25rem, 3vw, 2rem);
}

.ags-social-share__header {
	max-width: 680px;
}

.ags-social-share__eyebrow {
	margin: 0 0 0.55rem !important;
	color: var(--ags-social-gold);
	font-size: 0.72rem !important;
	font-weight: 850;
	letter-spacing: 0.14em;
	line-height: 1.25 !important;
	text-transform: uppercase;
}

.ags-social-share__title {
	margin: 0;
	color: var(--ags-social-cream);
	font-family: var(--ags-serif, Georgia, serif);
	font-size: clamp(1.65rem, 3vw, 2.35rem);
	font-weight: 760;
	line-height: 1.15;
}

.ags-social-share__subtitle {
	margin: 0.72rem 0 0 !important;
	color: var(--ags-social-muted);
	font-size: 0.96rem !important;
	line-height: 1.62 !important;
}

.ags-social-share__buttons {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 0.68rem;
	margin-top: 1.35rem;
}

.ags-social-share .ags-social-share__button,
.ags-social-share button.ags-social-share__button {
	appearance: none !important;
	-webkit-appearance: none !important;
	display: inline-flex !important;
	min-width: 0 !important;
	min-height: 58px !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 0.62rem !important;
	margin: 0 !important;
	padding: 0.7rem !important;
	border: 1px solid rgba(201, 169, 98, 0.23) !important;
	border-radius: 10px !important;
	background: rgba(4, 7, 11, 0.72) !important;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.14) !important;
	color: rgba(255, 253, 242, 0.9) !important;
	font-family: inherit !important;
	font-size: 0.82rem !important;
	font-weight: 760 !important;
	line-height: 1 !important;
	letter-spacing: 0 !important;
	text-align: left !important;
	text-decoration: none !important;
	text-transform: none !important;
	cursor: pointer !important;
	transition: border-color 150ms ease, background-color 150ms ease, box-shadow 150ms ease, transform 150ms ease !important;
	-webkit-tap-highlight-color: transparent;
}

.ags-social-share .ags-social-share__button:hover,
.ags-social-share button.ags-social-share__button:hover {
	border-color: rgba(255, 240, 173, 0.68) !important;
	background: rgba(201, 169, 98, 0.085) !important;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.22) !important;
	color: #ffffff !important;
	transform: translateY(-1px);
}

.ags-social-share .ags-social-share__button:focus-visible,
.ags-social-share button.ags-social-share__button:focus-visible {
	outline: 3px solid rgba(248, 217, 122, 0.32) !important;
	outline-offset: 2px !important;
	border-color: var(--ags-social-gold-strong) !important;
}

.ags-social-share__glyph {
	display: inline-flex;
	width: 35px;
	height: 35px;
	flex: 0 0 35px;
	align-items: center;
	justify-content: center;
	border-radius: 9px;
	color: #ffffff;
	transition: transform 150ms ease, box-shadow 150ms ease;
}

.ags-social-share__glyph svg {
	display: block;
	width: 17px;
	height: 17px;
	fill: currentColor;
}

.ags-social-share__button:hover .ags-social-share__glyph {
	transform: scale(1.045);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.22);
}

.ags-social-share__label {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ags-social-share__glyph--facebook { background: #1877f2; }
.ags-social-share__glyph--whatsapp { background: #25d366; }
.ags-social-share__glyph--x { background: #111111; border: 1px solid rgba(255, 255, 255, 0.22); }
.ags-social-share__glyph--email { background: #8b6239; }
.ags-social-share__glyph--copy { background: #c9a962; color: #171108; }

@media (max-width: 760px) {
	.ags-social-share {
		margin-top: 2.5rem;
		margin-bottom: 2.5rem;
		padding: 1.15rem;
	}

	.ags-social-share__buttons {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.ags-social-share__button:last-child {
		grid-column: 1 / -1;
	}
}

@media (max-width: 430px) {
	.ags-social-share__buttons {
		gap: 0.55rem;
	}

	.ags-social-share .ags-social-share__button,
	.ags-social-share button.ags-social-share__button {
		min-height: 55px !important;
		padding: 0.62rem !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.ags-social-share .ags-social-share__button,
	.ags-social-share button.ags-social-share__button,
	.ags-social-share__glyph {
		transition: none !important;
	}

	.ags-social-share .ags-social-share__button:hover,
	.ags-social-share button.ags-social-share__button:hover {
		transform: none;
	}
}

/* Keep the live copy-status announcement accessible even if a future theme
 * does not provide WordPress's common screen-reader utility. */
.ags-social-share .screen-reader-text {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}