@import '@financial-times/o-private-foundation/main';

@import 'src/scss/variables';
@import 'src/scss/mixins';

@mixin oFtAffiliateRibbon() {
	@include oPrivateFoundation();

	.o-ft-affiliate-ribbon {
		background-color: oPrivateFoundationGet('o3-color-palette-black-90');
		padding: 15px 0;
		height: 18px;
		text-align: right;
		box-sizing: content-box;

		&__container {
			@include oPrivateGridContainer($grid-mode: 'fluid');
		}

		&__row {
			@include oPrivateGridRowCompact();
		}

		&__visually-hidden {
			@include oPrivateNormaliseVisuallyHidden;
		}

		&__logo {
			@include _oFtAffiliateRibbonBrandImage(263px);

			display: inline-block;
			background-size: contain;
			background-repeat: no-repeat;
			background-position: right;
			width: 263px;
			height: 13px;
		}

		&__text {
			color: oPrivateColorsMix('o3-color-palette-white', 'o3-color-palette-black-90', 70);
		}
	}
}

@if ($o-ft-affiliate-ribbon-is-silent == false) {
	@include oFtAffiliateRibbon;

	$o-ft-affiliate-ribbon-is-silent: true !global;
}
