/****************************************************************************/
/* Support the Vision section — dark band shown above the footer on every  */
/* page. Now shows the "Information" menu + a "Like us on Facebook" embed. */
/****************************************************************************/
.supportVisionSection{
	background: linear-gradient(180deg, #3d1418 0%, #2a0e11 100%);
	padding: 70px 20px;
	color: #f1e6df;
	box-sizing: border-box;
}
.supportVisionSection *{
	box-sizing: border-box;
}
.svInner{
	max-width: 1180px;
	margin: 0 auto;
}

/* Two-card layout: Information + Like us on Facebook */
.svInfoGrid{
	display: flex;
	gap: 44px;
	align-items: flex-start;
	flex-wrap: wrap;
	justify-content: center;
}
.svInfoCard{
	flex: 1 1 380px;
	max-width: 480px;
	min-width: 280px;
	background: rgba(255,255,255,0.04);
	border: 1px solid rgba(216,185,106,0.25);
	padding: 30px;
}
.svInfoHeading{
	font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;
	font-size: 22px;
	font-weight: 700;
	color: #d8b96a;
	margin: 0 0 20px 0;
	padding-bottom: 16px;
	border-bottom: 1px solid rgba(216,185,106,0.3);
}

/* Information menu list */
.svInfoList{
	list-style: none;
	margin: 0;
	padding: 0;
}
.svInfoList li{
	border-bottom: 1px solid rgba(255,255,255,0.08);
}
.svInfoList li:last-child{
	border-bottom: none;
}
.svInfoList a{
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 14px 2px;
	color: #f1e6df;
	text-decoration: none !important;
	font-size: 15px;
	-webkit-transition: color 0.2s ease-in-out, padding-left 0.2s ease-in-out;
	transition: color 0.2s ease-in-out, padding-left 0.2s ease-in-out;
}
.svInfoList a:before{
	content: "\2192";
	color: #d8b96a;
	font-weight: 700;
	flex: 0 0 auto;
}
.svInfoList a:hover,
.svInfoList a:focus{
	color: #d8b96a;
	padding-left: 8px;
}

/* Facebook Page embed, framed so its native white widget sits cleanly
   on the dark background instead of looking like a rendering glitch. */
.svFacebookEmbedWrap{
	background: #fff;
	padding: 6px;
	overflow: hidden;
	min-height: 60px;
}
.svFacebookEmbedWrap .fb-page,
.svFacebookEmbedWrap iframe{
	max-width: 100%;
	width: 100% !important;
}

/* Responsive */
@media(max-width: 900px){
	.svInfoGrid{
		flex-direction: column;
		align-items: stretch;
	}
	.svInfoCard{
		max-width: 100%;
	}
}
@media(max-width: 480px){
	.supportVisionSection{
		padding: 44px 16px;
	}
	.svInfoCard{
		padding: 20px;
	}
}
