/* Social Connect & WhatsApp Promotion - front-end styles */
.scwp-wrap {
	--scwp-border: #e3e7ed;
	--scwp-text: #1f2937;
	clear: both;
	max-width: 100%;
	margin: 0 0 28px;
	font-size: 16px;
	line-height: 1.4;
	box-sizing: border-box;
}
.scwp-wrap *,
.scwp-wrap *::before,
.scwp-wrap *::after {
	box-sizing: border-box;
}
.scwp-wrap a,
.scwp-wrap a:hover,
.scwp-wrap a:focus {
	text-decoration: none;
}
.scwp-wrap .scwp-item {
	border: 1px solid var(--scwp-border);
}
.scwp-wrap .scwp-item:hover,
.scwp-wrap .scwp-item:focus-visible {
	border-color: var(--scwp-c);
}

/* Social section */
.scwp-social {
	margin: 0 0 16px;
	overflow: hidden;
	background: #fff;
	border: 1px solid var(--scwp-border);
	border-radius: 14px;
	box-shadow: 0 2px 10px rgba(16, 24, 40, 0.06);
}
.scwp-social__title {
	margin: 0;
	padding: 13px 18px;
	background: linear-gradient(135deg, #1565d8 0%, #0d47a1 100%);
	color: #fff;
	font-size: 17px;
	font-weight: 700;
	letter-spacing: 0.2px;
	line-height: 1.3;
	text-align: left;
}
.scwp-social__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	padding: 16px;
}
.scwp-item {
	--scwp-c: #1565d8;
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 60px;
	padding: 12px 14px;
	background: #fafbfd;
	border: 1px solid var(--scwp-border);
	border-radius: 12px;
	color: var(--scwp-text);
	transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
}
.scwp-item:hover,
.scwp-item:focus-visible {
	transform: translateY(-2px);
	background: #fff;
	border-color: var(--scwp-c);
	box-shadow: 0 6px 16px rgba(16, 24, 40, 0.12);
	color: var(--scwp-text);
}
.scwp-item:focus-visible {
	outline: 2px solid var(--scwp-c);
	outline-offset: 2px;
}
.scwp-item__icon {
	display: block;
	flex: 0 0 36px;
	width: 36px;
	height: 36px;
}
.scwp-item__icon svg {
	display: block;
	width: 100%;
	height: 100%;
}
.scwp-item__name {
	flex: 1 1 auto;
	min-width: 0;
	font-size: 16px;
	font-weight: 600;
	overflow-wrap: anywhere;
}
.scwp-item__action {
	flex: 0 0 auto;
	padding: 6px 14px;
	background: var(--scwp-c);
	border-radius: 999px;
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.2;
	white-space: nowrap;
}
.scwp-whatsapp  { --scwp-c: #1da851; }
.scwp-youtube   { --scwp-c: #e0200f; }
.scwp-facebook  { --scwp-c: #1877f2; }
.scwp-linkedin  { --scwp-c: #0a66c2; }
.scwp-instagram { --scwp-c: #c13584; }
.scwp-x         { --scwp-c: #111111; }

/* AI Advisor button */
.scwp-ai-wrap {
	margin: 0 0 16px;
	text-align: center;
}
.scwp-ai {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 48px;
	max-width: 100%;
	padding: 0 30px;
	background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
	border-radius: 999px;
	box-shadow: 0 6px 16px rgba(37, 117, 252, 0.3);
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.6px;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.scwp-ai:hover,
.scwp-ai:focus-visible {
	transform: translateY(-2px);
	box-shadow: 0 10px 22px rgba(37, 117, 252, 0.4);
	color: #fff;
}
.scwp-ai__icon {
	display: block;
	flex: 0 0 20px;
	width: 20px;
	height: 20px;
}
.scwp-ai__icon svg {
	display: block;
	width: 100%;
	height: 100%;
}

/* WhatsApp banner */
.scwp-banner {
	display: flex;
	align-items: center;
	gap: 18px;
	padding: 20px 24px;
	background: linear-gradient(135deg, #0b7a57 0%, #128c7e 45%, #25d366 100%);
	border-radius: 14px;
	box-shadow: 0 6px 18px rgba(18, 140, 126, 0.3);
	color: #fff;
}
.scwp-banner__icon {
	display: block;
	flex: 0 0 56px;
	width: 56px;
	height: 56px;
}
.scwp-banner__icon svg {
	display: block;
	width: 100%;
	height: 100%;
}
.scwp-banner__text {
	flex: 1 1 auto;
	min-width: 0;
}
.scwp-banner__heading {
	margin: 0 0 4px;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.25;
}
.scwp-banner__desc {
	margin: 0;
	color: rgba(255, 255, 255, 0.93);
	font-size: 15px;
	line-height: 1.4;
}
.scwp-banner__btn {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 0 30px;
	background: #fff;
	border-radius: 999px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
	color: #0b7a57;
	font-size: 16px;
	font-weight: 700;
	white-space: nowrap;
	transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}
.scwp-banner__btn:hover,
.scwp-banner__btn:focus-visible {
	transform: scale(1.05);
	background: #f1fff7;
	box-shadow: 0 6px 14px rgba(0, 0, 0, 0.22);
	color: #086044;
}
.scwp-banner__btn:focus-visible,
.scwp-ai:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 2px;
}

/* Fade-in (enabled by JS only) */
.scwp-wrap.scwp-js {
	opacity: 0;
	transform: translateY(10px);
	transition: opacity 0.5s ease, transform 0.5s ease;
}
.scwp-wrap.scwp-js.scwp-in {
	opacity: 1;
	transform: none;
}

/* Tablet */
@media (max-width: 782px) {
	.scwp-social__title { font-size: 16px; padding: 12px 16px; }
	.scwp-social__grid { gap: 10px; padding: 14px; }
	.scwp-item { padding: 10px 12px; gap: 10px; }
	.scwp-item__icon { flex-basis: 32px; width: 32px; height: 32px; }
	.scwp-item__name { font-size: 15px; }
	.scwp-banner { padding: 18px 20px; gap: 14px; }
	.scwp-banner__heading { font-size: 18px; }
	.scwp-banner__desc { font-size: 14px; }
}

/* Mobile */
@media (max-width: 560px) {
	.scwp-social__grid { grid-template-columns: minmax(0, 1fr); }
	.scwp-item { min-height: 56px; }
	.scwp-ai { width: 100%; padding: 0 20px; }
	.scwp-banner {
		flex-direction: column;
		align-items: stretch;
		text-align: center;
		gap: 14px;
	}
	.scwp-banner__icon { align-self: center; }
	.scwp-banner__btn { width: 100%; min-height: 48px; }
}

@media (prefers-reduced-motion: reduce) {
	.scwp-item,
	.scwp-ai,
	.scwp-banner__btn,
	.scwp-wrap.scwp-js {
		transition: none;
	}
	.scwp-item:hover,
	.scwp-ai:hover,
	.scwp-banner__btn:hover {
		transform: none;
	}
}