/**
 * Sticky Promo Bar — Style 3: Minimal Outline
 *
 * A quiet light bar with a hairline edge and accent-coloured type — fits
 * content-first sites that do not want a loud banner.
 *
 * @package captain-widgets-kit
 * @since   1.7.0
 */

.captwiki-promo.captwiki-style-3 .captwiki-promo__bar {
	background: #ffffff;
	color: #1f2937;
	border-bottom: 1px solid #e5e7eb;
}

.captwiki-promo--bottom.captwiki-style-3 .captwiki-promo__bar {
	border-bottom: 0;
	border-top: 1px solid #e5e7eb;
}

.captwiki-promo.captwiki-style-3 .captwiki-promo__badge {
	background: color-mix( in srgb, var( --captwiki-promo-accent ) 12%, #ffffff );
	color: var( --captwiki-promo-accent );
}

.captwiki-promo.captwiki-style-3 .captwiki-promo__icon {
	color: var( --captwiki-promo-accent );
}

.captwiki-promo.captwiki-style-3 .captwiki-promo__btn {
	background: transparent;
	border: 1.5px solid var( --captwiki-promo-accent );
	color: var( --captwiki-promo-accent );
}

.captwiki-promo.captwiki-style-3 .captwiki-promo__btn:hover {
	filter: none;
	background: var( --captwiki-promo-accent );
	color: #ffffff;
}

.captwiki-promo.captwiki-style-3 .captwiki-promo__close:hover {
	background: rgba( 17, 24, 39, 0.08 );
}
