/* ==========================================================================
   BYGC Razorpay → SeekLMS checkout — landscape (two-panel) premium styling.
   Info panel (course + price + terms) on the left, action panel (name + T&C +
   Pay) on the right; stacks to a single column on narrow screens.
   Override the brand colour from Settings → Custom CSS with one line:
     :root{ --bygc-acc:#1463c9; }
   ========================================================================== */

:root{
	--bygc-acc:#1463c9;            /* brand blue — change to taste */
}

.bygc-rzp-seek{
	--ink:#0f172a;
	--muted:#667085;
	--line:#e6e8ee;
	--soft:color-mix(in srgb, var(--bygc-acc) 8%, transparent);
	--ring:color-mix(in srgb, var(--bygc-acc) 16%, transparent);
	--acc2:color-mix(in srgb, var(--bygc-acc), #fff 12%);
	--accd:color-mix(in srgb, var(--bygc-acc), #000 12%);

	max-width:980px !important;
	width:100% !important;
	margin:1.5rem auto !important;
	padding:0 !important;                 /* padding lives on the panels */
	background:#fff !important;
	border:1px solid var(--line) !important;
	border-radius:18px !important;
	box-shadow:0 1px 2px rgba(16,24,40,.04), 0 24px 48px -20px rgba(16,24,40,.22) !important;
	font-family:inherit !important;
	color:var(--ink) !important;
	overflow:hidden !important;           /* clip panel backgrounds to the radius */
	position:relative !important;         /* positioning context for the T&C overlay */
	-webkit-font-smoothing:antialiased !important;
}

.bygc-rzp-seek *{ box-sizing:border-box; }
.bygc-rzp-seek br{ display:none !important; }

/* Landscape two-panel grid. */
.bygc-rzp-seek__form{
	display:grid !important;
	grid-template-columns:1.05fr 1fr !important;
	gap:0 !important;
	margin:0 !important;
	padding:0 !important;
	align-items:stretch !important;
}
.bygc-rzp-seek__info{
	display:flex !important;
	flex-direction:column !important;
	justify-content:center !important;
	padding:1.05rem 1.6rem !important;
	background:linear-gradient(165deg, var(--soft), rgba(255,255,255,0)) !important;
	border-right:1px solid var(--line) !important;
}
.bygc-rzp-seek__action{
	display:flex !important;
	flex-direction:column !important;
	justify-content:center !important;
	padding:1.05rem 1.6rem !important;
}

/* Stack to one column on small screens. */
@media (max-width:640px){
	.bygc-rzp-seek__form{ grid-template-columns:1fr !important; }
	.bygc-rzp-seek__info{
		border-right:0 !important;
		border-bottom:1px solid var(--line) !important;
		padding:.95rem 1.35rem !important;
	}
	.bygc-rzp-seek__action{ padding:1.1rem 1.35rem 1.25rem !important; }
	.bygc-rzp-seek__title{ font-size:1.2rem !important; margin-bottom:.45rem !important; }
	.bygc-rzp-seek__price{ margin-bottom:0 !important; }
}

.bygc-rzp-seek__title{
	margin:0 0 .55rem !important;
	font-size:1.4rem !important;
	line-height:1.2 !important;
	font-weight:800 !important;
	letter-spacing:-.015em !important;
	color:var(--ink) !important;
}

.bygc-rzp-seek__price{
	display:inline-flex !important;
	align-items:center !important;
	align-self:flex-start !important;
	margin:0 !important;
	padding:.35rem .85rem !important;
	border-radius:999px !important;
	background:#fff !important;
	border:1px solid color-mix(in srgb, var(--bygc-acc) 22%, transparent) !important;
	color:var(--accd) !important;
	font-size:.95rem !important;
	font-weight:700 !important;
	letter-spacing:.005em !important;
}

.bygc-rzp-seek__field{ display:block !important; margin:0 0 .7rem !important; padding:0 !important; }
.bygc-rzp-seek__field span{
	display:block !important;
	margin:0 0 .28rem !important;
	font-size:.72rem !important;
	font-weight:700 !important;
	letter-spacing:.04em !important;
	text-transform:uppercase !important;
	color:var(--muted) !important;
}
.bygc-rzp-seek__field input,
.bygc-rzp-seek__field textarea{
	width:100% !important;
	margin:0 !important;
	padding:.6rem .8rem !important;
	border:1.5px solid var(--line) !important;
	border-radius:10px !important;
	background:#fbfcfe !important;
	color:var(--ink) !important;
	font:inherit !important;
	font-size:.95rem !important;
	line-height:1.4 !important;
	box-shadow:none !important;
	min-height:0 !important;
	transition:border-color .15s, background .15s, box-shadow .15s !important;
}
.bygc-rzp-seek__field input::placeholder,
.bygc-rzp-seek__field textarea::placeholder{ color:#9aa4b2 !important; }
.bygc-rzp-seek__field input:focus,
.bygc-rzp-seek__field textarea:focus{
	outline:none !important;
	background:#fff !important;
	border-color:var(--bygc-acc) !important;
	box-shadow:0 0 0 4px var(--ring) !important;
}
.bygc-rzp-seek__field--notes textarea{ min-height:64px !important; resize:vertical; }

/* Small helper line under the name field. */
.bygc-rzp-seek__contactnote{
	margin:0 0 .7rem !important;
	font-size:.78rem !important;
	line-height:1.4 !important;
	color:var(--muted) !important;
}

.bygc-rzp-seek__disclaimer{
	margin:.4rem 0 0 !important;
	padding:.95rem 1.05rem !important;
	background:linear-gradient(180deg,#f8fafd,#f4f7fb) !important;
	border:1px solid #e9eef5 !important;
	border-left:3px solid var(--bygc-acc) !important;
	border-radius:12px !important;
	font-size:.8rem !important;
	line-height:1.6 !important;
	color:var(--muted) !important;
}
.bygc-rzp-seek__disclaimer p{ margin:0 0 .6em !important; }
.bygc-rzp-seek__disclaimer p:first-child{ color:var(--ink) !important; font-weight:700 !important; }
.bygc-rzp-seek__disclaimer p:last-child{ margin-bottom:0 !important; }
.bygc-rzp-seek__disclaimer strong{ color:var(--ink) !important; }
.bygc-rzp-seek__disclaimer a{ color:var(--bygc-acc) !important; font-weight:600 !important; text-decoration:underline !important; }
/* Terms bullets must stay visible even if the theme resets list markers. */
.bygc-rzp-seek__disclaimer ul,
.bygc-rzp-seek__disclaimer ol{
	margin:.5rem 0 .2rem !important;
	padding-left:1.25rem !important;
	list-style-position:outside !important;
}
.bygc-rzp-seek__disclaimer ul{ list-style-type:disc !important; }
.bygc-rzp-seek__disclaimer ol{ list-style-type:decimal !important; }
.bygc-rzp-seek__disclaimer li{
	display:list-item !important;
	margin:.3rem 0 !important;
	padding:0 !important;
	color:var(--muted) !important;
}
.bygc-rzp-seek__disclaimer li::marker{ color:var(--bygc-acc) !important; }

/* Terms & Conditions acceptance checkbox. */
.bygc-rzp-seek__terms{
	display:flex !important;
	align-items:center !important;
	gap:.5rem !important;
	margin:0 0 .7rem !important;
	font-size:.84rem !important;
	line-height:1.4 !important;
	white-space:nowrap !important;
	color:var(--ink) !important;
	cursor:pointer !important;
}
.bygc-rzp-seek__terms input[type="checkbox"]{
	flex:0 0 auto !important;
	width:17px !important;
	height:17px !important;
	margin:0 !important;
	padding:0 !important;
	accent-color:var(--bygc-acc) !important;
	cursor:pointer !important;
}
.bygc-rzp-seek__terms a{ color:var(--bygc-acc) !important; font-weight:600 !important; text-decoration:underline !important; }

.bygc-rzp-seek__pay{
	display:block !important;
	width:100% !important;
	margin:.05rem 0 0 !important;
	padding:.8rem 1.25rem !important;
	border:0 !important;
	border-radius:999px !important;                 /* pill, like the site's Buy Now */
	background:linear-gradient(180deg, var(--acc2), var(--accd)) !important;
	color:#fff !important;
	font:inherit !important;
	font-size:1.04rem !important;
	font-weight:700 !important;
	letter-spacing:.015em !important;
	text-align:center !important;
	cursor:pointer !important;
	box-shadow:0 10px 22px -10px color-mix(in srgb, var(--bygc-acc) 70%, transparent),
	           inset 0 1px 0 color-mix(in srgb, #fff 22%, transparent) !important;
	transition:transform .08s ease, box-shadow .18s ease, filter .18s ease !important;
}
.bygc-rzp-seek__pay:hover{
	filter:brightness(1.04) !important;
	color:#fff !important;
	box-shadow:0 14px 26px -10px color-mix(in srgb, var(--bygc-acc) 75%, transparent),
	           inset 0 1px 0 color-mix(in srgb, #fff 22%, transparent) !important;
}
.bygc-rzp-seek__pay:active{ transform:translateY(1px) !important; }
.bygc-rzp-seek__pay:disabled,
.bygc-rzp-seek__pay.is-busy{ opacity:.6 !important; cursor:progress !important; box-shadow:none !important; filter:none !important; }

.bygc-rzp-seek__message{ margin:.9rem 0 0 !important; font-size:.86rem !important; font-weight:600 !important; }
.bygc-rzp-seek__message.is-error{ color:#d92d20 !important; }
.bygc-rzp-seek__message.is-success{ color:#067647 !important; }

/* "Terms & Conditions" trigger inside the acceptance label. */
.bygc-rzp-seek__tnc-open{
	appearance:none !important;
	background:none !important;
	border:0 !important;
	padding:0 !important;
	margin:0 !important;
	color:var(--bygc-acc) !important;
	font:inherit !important;
	font-weight:600 !important;
	text-decoration:underline !important;
	cursor:pointer !important;
}

/* Full-card Terms & Conditions overlay. */
.bygc-rzp-seek__overlay{
	position:absolute !important;
	inset:0 !important;
	display:flex !important;
	padding:0 !important;
	background:#fff !important;
	z-index:5 !important;
}
.bygc-rzp-seek__overlay[hidden]{ display:none !important; }
.bygc-rzp-seek__overlay-card{
	display:flex !important;
	flex-direction:column !important;
	width:100% !important;
	height:100% !important;
	max-width:none !important;
	max-height:none !important;
	background:#fff !important;
	border:0 !important;
	border-radius:0 !important;
	box-shadow:none !important;
	overflow:hidden !important;
}
.bygc-rzp-seek__overlay-head{
	display:flex !important;
	align-items:center !important;
	justify-content:space-between !important;
	padding:.85rem 1.1rem !important;
	border-bottom:1px solid var(--line) !important;
	flex:0 0 auto !important;
}
.bygc-rzp-seek__overlay-head h4{
	margin:0 !important;
	font-size:1.05rem !important;
	font-weight:800 !important;
	color:var(--ink) !important;
}
.bygc-rzp-seek__overlay-close{
	appearance:none !important;
	background:none !important;
	border:0 !important;
	font-size:1.5rem !important;
	line-height:1 !important;
	color:var(--muted) !important;
	cursor:pointer !important;
	padding:.1rem .35rem !important;
}
.bygc-rzp-seek__overlay-body{
	padding:1.1rem 1.2rem !important;
	overflow:auto !important;
	flex:1 1 auto !important;
	font-size:.86rem !important;
	line-height:1.6 !important;
	color:var(--muted) !important;
}
.bygc-rzp-seek__overlay-body p{ margin:0 0 .6em !important; }
.bygc-rzp-seek__overlay-body strong{ color:var(--ink) !important; }
.bygc-rzp-seek__overlay-body a{ color:var(--bygc-acc) !important; text-decoration:underline !important; }
.bygc-rzp-seek__overlay-body ul,
.bygc-rzp-seek__overlay-body ol{
	margin:.5rem 0 .2rem !important;
	padding-left:1.25rem !important;
	list-style-position:outside !important;
}
.bygc-rzp-seek__overlay-body ul{ list-style-type:disc !important; }
.bygc-rzp-seek__overlay-body ol{ list-style-type:decimal !important; }
.bygc-rzp-seek__overlay-body li{
	display:list-item !important;
	margin:.35rem 0 !important;
	color:var(--muted) !important;
}
.bygc-rzp-seek__overlay-body li::marker{ color:var(--bygc-acc) !important; }
.bygc-rzp-seek__overlay-foot{
	display:flex !important;
	gap:.6rem !important;
	justify-content:flex-end !important;
	padding:.8rem 1.1rem !important;
	border-top:1px solid var(--line) !important;
	flex:0 0 auto !important;
}
.bygc-rzp-seek__overlay-cancel{
	appearance:none !important;
	background:#fff !important;
	border:1.5px solid var(--line) !important;
	border-radius:999px !important;
	padding:.55rem 1.1rem !important;
	font:inherit !important;
	font-weight:600 !important;
	color:var(--ink) !important;
	cursor:pointer !important;
}
.bygc-rzp-seek__overlay-accept{
	appearance:none !important;
	border:0 !important;
	border-radius:999px !important;
	padding:.55rem 1.2rem !important;
	font:inherit !important;
	font-weight:700 !important;
	color:#fff !important;
	cursor:pointer !important;
	background:linear-gradient(180deg, var(--acc2), var(--accd)) !important;
}

/* Debug (SSO payload) — only shown when SSO debug mode is on. */
.bygc-rzp-seek__debug{
	grid-column:1 / -1 !important;
	margin:0 !important;
	padding:1rem 1.25rem !important;
	background:#0f172a !important;
	color:#e2e8f0 !important;
	font-size:.75rem !important;
	line-height:1.5 !important;
	white-space:pre-wrap !important;
	word-break:break-word !important;
	overflow:auto !important;
}