/**
 * BRD Custom Widgets — Styles
 */

/* === CTA Widget === */
.brd-cta {
	padding: 40px 48px;
	color: #fff;
	font-family: 'Poppins', 'Lato', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* Layouts */
.brd-cta--horizontal {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 32px;
}

.brd-cta--centered {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 24px;
}

/* Backgrounds */
.brd-cta-bg--navy {
	background-color: #0D1835;
}

.brd-cta-bg--gradient {
	background: linear-gradient(173deg, #0D18358F 0%, #000000E3 88%);
}

.brd-cta-bg--teal {
	background-color: #51A8C5;
}

/* Content */
.brd-cta__content {
	flex: 1;
}

.brd-cta__heading {
	font-size: 24px;
	font-weight: 700;
	margin: 0 0 8px 0;
	color: #fff;
	line-height: 1.3;
}

.brd-cta__subtitle {
	font-size: 16px;
	font-weight: 400;
	margin: 0;
	color: rgba(255, 255, 255, 0.85);
	line-height: 1.5;
}

/* Actions */
.brd-cta__actions {
	display: flex;
	gap: 12px;
	flex-shrink: 0;
}

.brd-cta__button {
	display: inline-block;
	padding: 14px 32px;
	font-family: 'Poppins', sans-serif;
	font-size: 15px;
	font-weight: 700;
	text-decoration: none !important;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	transition: all 0.2s ease;
	white-space: nowrap;
}

.brd-cta__button--primary {
	background-color: #51A8C5;
	color: #fff !important;
	border: 2px solid #51A8C5;
}

.brd-cta__button--primary:hover {
	background-color: #3d8fa8;
	border-color: #3d8fa8;
	color: #fff !important;
}

.brd-cta__button--secondary {
	background-color: transparent;
	color: #fff !important;
	border: 2px solid rgba(255, 255, 255, 0.6);
}

.brd-cta__button--secondary:hover {
	border-color: #fff;
	color: #fff;
}


/* Elementor specificity overrides */
.elementor-widget-brd-cta .brd-cta__button,
.elementor-widget-brd-cta .brd-cta__button:link,
.elementor-widget-brd-cta .brd-cta__button:visited,
.elementor-widget-brd-cta a.brd-cta__button,
.elementor-widget-brd-cta a.brd-cta__button:link,
.elementor-widget-brd-cta a.brd-cta__button:visited {
	font-family: 'Poppins', sans-serif !important;
	font-weight: 700 !important;
	text-decoration: none !important;
}

.elementor-widget-brd-cta .brd-cta__button--primary,
.elementor-widget-brd-cta .brd-cta__button--primary:link,
.elementor-widget-brd-cta .brd-cta__button--primary:visited,
.elementor-widget-brd-cta a.brd-cta__button--primary,
.elementor-widget-brd-cta a.brd-cta__button--primary:link,
.elementor-widget-brd-cta a.brd-cta__button--primary:visited {
	color: #fff !important;
	background-color: #51A8C5 !important;
}

.elementor-widget-brd-cta .brd-cta__button--primary:hover,
.elementor-widget-brd-cta a.brd-cta__button--primary:hover {
	color: #fff !important;
	background-color: #3d8fa8 !important;
}

.elementor-widget-brd-cta .brd-cta__button--secondary,
.elementor-widget-brd-cta .brd-cta__button--secondary:link,
.elementor-widget-brd-cta .brd-cta__button--secondary:visited,
.elementor-widget-brd-cta a.brd-cta__button--secondary,
.elementor-widget-brd-cta a.brd-cta__button--secondary:link,
.elementor-widget-brd-cta a.brd-cta__button--secondary:visited {
	color: #fff !important;
}

/* Responsive */
@media (max-width: 768px) {
	.brd-cta {
		padding: 32px 24px;
	}

	.brd-cta--horizontal {
		flex-direction: column;
		text-align: center;
	}

	.brd-cta__actions {
		flex-direction: column;
		width: 100%;
	}

	.brd-cta__button {
		text-align: center;
		width: 100%;
	}

	.brd-cta__heading {
		font-size: 20px;
	}
}