/*
Theme Name: Hello Elementor Child
Template: hello-elementor
Description: Child theme for blucrest.in — holds custom code so parent theme updates are safe.
Version: 1.0.0
Author: Shrutitech
*/

/* ==========================================================================
   Upcoming Webinar banner card — [blucrest_webinar] shortcode
   ========================================================================== */

.bc-webinar-card {
	position: relative;
	display: flex;
	align-items: stretch;
	width: fit-content;
	max-width: 100%;
	margin: 0 0 28px;
	background: linear-gradient(155deg, #ffffff 0%, #f3f8fd 55%, #e9f2fb 100%);
	border: 1px solid rgba(255, 255, 255, 0.6);
	border-radius: 18px;
	box-shadow:
		0 18px 40px rgba(1, 34, 66, 0.22),
		0 2px 0 rgba(255, 255, 255, 0.5) inset;
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	overflow: hidden;
}

.bc-webinar-badge {
	display: inline-block;
	align-self: flex-start;
	margin-bottom: 8px;
	padding: 3px 12px;
	background: linear-gradient(120deg, #06c98d, #04a877);
	color: #ffffff;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	border-radius: 999px;
	box-shadow: 0 2px 8px rgba(4, 168, 119, 0.4);
}

.bc-webinar-photo {
	flex: 0 0 auto;
	width: 110px;
	align-self: stretch;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(165deg, #dcebf8 0%, #b9d7ee 100%);
}

.bc-webinar-photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.bc-webinar-photo__placeholder {
	width: 56%;
	height: 56%;
}

.bc-webinar-info {
	flex: 0 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
	padding: 16px 22px;
}

.bc-webinar-topic {
	margin: 0;
	margin-block-end: 6px !important;
	font-size: 1.2rem;
	line-height: 1.15;
	font-weight: 700;
	color: #0b2540;
	white-space: nowrap;
}

.bc-webinar-speaker {
	margin: 0;
	margin-block-end: 0 !important;
	font-size: 0.88rem;
	line-height: 1.2;
	font-weight: 600;
	color: #0161ab;
	white-space: nowrap;
}

.bc-webinar-credential {
	display: inline;
	margin-left: 6px;
	font-size: 0.8rem;
	font-weight: 400;
	color: #667685;
}

.bc-webinar-meta {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 16px 24px 16px 18px;
	border-left: 1px solid rgba(1, 97, 171, 0.15);
}

.bc-webinar-datetime {
	display: flex;
	flex-direction: column;
	line-height: 1.3;
	white-space: nowrap;
}

.bc-webinar-date {
	font-weight: 700;
	color: #0b2540;
	font-size: 0.85rem;
}

.bc-webinar-time {
	font-size: 0.75rem;
	color: #667685;
}

.bc-webinar-cta {
	display: inline-block;
	padding: 9px 20px;
	background: linear-gradient(120deg, #0173cc, #014e8a);
	color: #ffffff !important;
	font-weight: 600;
	font-size: 0.85rem;
	white-space: nowrap;
	text-decoration: none;
	border-radius: 9px;
	box-shadow: 0 6px 16px rgba(1, 97, 171, 0.35);
	transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.bc-webinar-cta:hover {
	box-shadow: 0 8px 20px rgba(1, 97, 171, 0.45);
	transform: translateY(-1px);
}

@media (max-width: 900px) {
	.bc-webinar-card {
		width: 100%;
	}

	.bc-webinar-topic,
	.bc-webinar-speaker {
		white-space: normal;
	}
}

@media (max-width: 640px) {
	.bc-webinar-card {
		flex-direction: column;
		width: 100%;
		border-radius: 16px;
	}

	.bc-webinar-photo {
		width: 100%;
		height: 120px;
	}

	.bc-webinar-photo__placeholder {
		width: 40%;
		height: 40%;
	}

	.bc-webinar-info {
		padding: 16px 18px 12px;
	}

	.bc-webinar-meta {
		flex-direction: column;
		align-items: stretch;
		gap: 12px;
		width: 100%;
		border-left: none;
		border-top: 1px solid rgba(1, 97, 171, 0.12);
		padding: 14px 18px 18px;
	}

	.bc-webinar-cta {
		text-align: center;
	}

	.bc-webinar-credential {
		display: block;
		margin-left: 0;
	}
}