/*
BioGurukul Teacher Details + Service Video Section v5.2.0
Author: Abhishek Das
*/

.bgk-home-teacher-profile-section,
.bgk-teacher-video-two-block{
	position:relative;
	width:min(1280px, calc(100% - 24px));
	margin:28px auto 24px;
	z-index:2;
}
.bgk-teacher-video-wrap{
	display:grid;
	grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);
	gap:24px;
	align-items:stretch;
}
.bgk-teacher-left-card,
.bgk-service-video-card{
	position:relative;
	overflow:hidden;
	border-radius:32px;
	border:1px solid rgba(16,104,74,.13);
	background:linear-gradient(135deg,#eff9f3 0%,#fbfffc 52%,#eef8f2 100%);
	box-shadow:0 18px 52px rgba(13,60,45,.10);
}
.bgk-teacher-left-card{
	padding:26px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	min-height:520px;
}
.bgk-teacher-left-card:before{
	content:"";
	position:absolute;
	left:-80px;
	bottom:-120px;
	width:320px;
	height:320px;
	border-radius:50%;
	background:radial-gradient(circle, rgba(80,161,98,.20), rgba(80,161,98,0) 70%);
	pointer-events:none;
}
.bgk-teacher-left-card:after{
	content:"";
	position:absolute;
	right:-50px;
	top:-50px;
	width:180px;
	height:180px;
	border-radius:50%;
	background:radial-gradient(circle, rgba(36,142,96,.14), rgba(36,142,96,0) 72%);
	pointer-events:none;
}
.bgk-teacher-left-top{
	position:relative;
	z-index:2;
	display:grid;
	grid-template-columns:180px minmax(0,1fr);
	gap:22px;
	align-items:center;
	margin-bottom:22px;
}
.bgk-teacher-hd-photo{
	width:180px;
	height:220px;
	border-radius:26px;
	overflow:hidden;
	background:linear-gradient(180deg,#e9f7ef,#d9f0e4);
	border:2px solid rgba(255,255,255,.9);
	box-shadow:0 16px 34px rgba(15,91,60,.14);
	display:flex;
	align-items:center;
	justify-content:center;
}
.bgk-teacher-hd-photo img{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center top;
	display:block;
	image-rendering:auto;
	filter:saturate(1.04) contrast(1.03);
}
.bgk-teacher-chip{
	display:inline-flex;
	align-items:center;
	gap:8px;
	width:max-content;
	max-width:100%;
	padding:10px 16px;
	border-radius:999px;
	color:#0d6848;
	background:#fff;
	border:1px solid rgba(13,104,72,.16);
	font-size:14px;
	font-weight:900;
	box-shadow:0 8px 20px rgba(17,66,49,.08);
}
.bgk-teacher-chip:before{content:"👤";}
.bgk-teacher-headline h2{
	margin:14px 0 0;
	font-family:Georgia,"Times New Roman",serif;
	color:#073d2b;
	font-size:clamp(38px,4.2vw,68px);
	line-height:1;
	letter-spacing:-.03em;
}
.bgk-teacher-detail-pills{
	position:relative;
	z-index:2;
	display:flex;
	flex-wrap:wrap;
	gap:12px;
	margin-bottom:22px;
}
.bgk-teacher-detail-pills span{
	display:inline-flex;
	align-items:center;
	padding:12px 16px;
	border-radius:999px;
	background:rgba(255,255,255,.9);
	border:1px solid rgba(13,104,72,.14);
	color:#14553d;
	font-weight:900;
	font-size:14px;
	box-shadow:0 10px 24px rgba(18,65,50,.07);
}
.bgk-teacher-detail-pills span:nth-child(1):before{content:"🎓";margin-right:8px;}
.bgk-teacher-detail-pills span:nth-child(2):before{content:"🏆";margin-right:8px;}
.bgk-teacher-detail-pills span:nth-child(3):before{content:"📘";margin-right:8px;}
.bgk-teacher-description{
	position:relative;
	z-index:2;
	margin:0 0 24px;
	max-width:850px;
	color:#29483d;
	font-size:clamp(18px,1.55vw,22px);
	line-height:1.65;
}
.bgk-teacher-cta{
	position:relative;
	z-index:2;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:max-content;
	min-width:260px;
	padding:16px 26px;
	border-radius:18px;
	background:linear-gradient(90deg,#006b43,#098a53);
	color:#fff!important;
	text-decoration:none!important;
	font-size:17px;
	font-weight:1000;
	box-shadow:0 14px 30px rgba(0,107,67,.22);
}
.bgk-teacher-cta:before{content:"➜";margin-right:10px;}
.bgk-teacher-cta:hover{
	transform:translateY(-2px);
	filter:brightness(1.04);
}

/* Right video post block */
.bgk-service-video-card{
	padding:24px;
	background:linear-gradient(145deg,#063d2d 0%,#065d3e 58%,#083724 100%);
	color:#fff;
	min-height:520px;
	display:flex;
	flex-direction:column;
}
.bgk-service-video-card:before{
	content:"";
	position:absolute;
	inset:0;
	background:
		radial-gradient(circle at 20% 18%, rgba(125,211,150,.18), transparent 30%),
		radial-gradient(circle at 90% 90%, rgba(255,255,255,.11), transparent 34%);
	pointer-events:none;
}
.bgk-service-video-header,
.bgk-service-video-frame,
.bgk-service-video-points,
.bgk-video-edit-link{
	position:relative;
	z-index:2;
}
.bgk-service-video-header span{
	display:inline-flex;
	align-items:center;
	width:max-content;
	padding:9px 13px;
	border-radius:14px;
	background:rgba(255,255,255,.12);
	border:1px solid rgba(255,255,255,.16);
	color:#b7f7c8;
	font-weight:1000;
	font-size:13px;
}
.bgk-service-video-header span:before{content:"▶";margin-right:8px;}
.bgk-service-video-header h3{
	margin:14px 0 8px;
	color:#fff;
	font-size:clamp(26px,2.8vw,42px);
	line-height:1.08;
	letter-spacing:-.035em;
}
.bgk-service-video-header p{
	margin:0 0 20px;
	color:#e2ffe9;
	font-size:16px;
	line-height:1.55;
	font-weight:700;
}
.bgk-service-video-frame{
	width:100%;
	aspect-ratio:16/9;
	border-radius:22px;
	overflow:hidden;
	background:#082519;
	border:1px solid rgba(255,255,255,.18);
	box-shadow:0 20px 42px rgba(0,0,0,.28);
}
.bgk-service-video-frame iframe{
	width:100%;
	height:100%;
	border:0;
	display:block;
}
.bgk-video-placeholder{
	width:100%;
	height:100%;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	text-align:center;
	padding:22px;
	background:
		linear-gradient(rgba(5,46,33,.45),rgba(5,46,33,.74)),
		radial-gradient(circle at 20% 70%, rgba(104,211,145,.40), transparent 30%),
		linear-gradient(135deg,#123a67,#063d2d);
}
.bgk-play-icon{
	width:86px;
	height:86px;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	background:#fff;
	color:#006b43;
	font-size:36px;
	box-shadow:0 16px 36px rgba(0,0,0,.28);
	margin-bottom:18px;
}
.bgk-video-placeholder strong{
	display:block;
	color:#fff;
	font-size:28px;
	font-weight:1000;
	margin-bottom:7px;
}
.bgk-video-placeholder span{
	display:block;
	color:#d7ffe3;
	max-width:460px;
	font-weight:800;
	line-height:1.45;
}
.bgk-service-video-points{
	margin-top:auto;
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:1px;
	background:rgba(255,255,255,.16);
	border-radius:20px;
	overflow:hidden;
}
.bgk-service-video-points span{
	display:flex;
	align-items:center;
	justify-content:center;
	min-height:72px;
	padding:12px;
	text-align:center;
	background:rgba(255,255,255,.92);
	color:#0c5038;
	font-weight:900;
	font-size:13px;
	line-height:1.3;
}
.bgk-video-edit-link{
	display:inline-flex;
	align-self:flex-start;
	margin-top:14px;
	color:#fff!important;
	text-decoration:none!important;
	font-weight:900;
	border-bottom:1px solid rgba(255,255,255,.6);
}
.bgk-service-video-settings .bgk-form label{
	display:block;
	margin-bottom:14px;
	font-weight:900;
}
.bgk-service-video-settings input,
.bgk-service-video-settings textarea{
	width:100%;
	border-radius:16px;
	padding:13px 15px;
	border:1px solid #dbe3f2;
	margin-top:7px;
}

@media(max-width:1060px){
	.bgk-teacher-video-wrap{
		grid-template-columns:1fr;
	}
	.bgk-teacher-left-card,
	.bgk-service-video-card{
		min-height:auto;
	}
}
@media(max-width:720px){
	.bgk-home-teacher-profile-section,
	.bgk-teacher-video-two-block{
		width:min(100%, calc(100% - 14px));
		margin:18px auto;
	}
	.bgk-teacher-video-wrap{gap:16px;}
	.bgk-teacher-left-card,
	.bgk-service-video-card{
		border-radius:24px;
		padding:18px;
	}
	.bgk-teacher-left-top{
		grid-template-columns:110px minmax(0,1fr);
		gap:14px;
	}
	.bgk-teacher-hd-photo{
		width:110px;
		height:142px;
		border-radius:18px;
	}
	.bgk-teacher-headline h2{
		font-size:clamp(28px,9vw,44px);
	}
	.bgk-teacher-detail-pills span{
		width:100%;
		border-radius:16px;
	}
	.bgk-teacher-cta{
		width:100%;
		min-width:0;
	}
	.bgk-service-video-points{
		grid-template-columns:repeat(2,minmax(0,1fr));
	}
}