/* Eticheta rămâne neagră. Pastila de cronometru are capsula coral. */

body.digitalease-store {
	--digitalease-bf-black: #111111;
	--digitalease-bf-white: #ffffff;
	--digitalease-bf-pill: #162422;
	--digitalease-bf-accent: #e07a5f;
}

body.digitalease-store .c-badge.digitalease-bf-badge,
.single-product .c-product__gallery .c-badge.digitalease-bf-badge,
body.digitalease-store .digitalease-card .c-badge.digitalease-bf-badge,
body.digitalease-store .digitalease-shelf__badge.digitalease-bf-badge {
	display: inline-flex;
	align-items: stretch;
	order: 1;
	gap: 0;
	margin: 0 0 5px;
	padding: 0;
	overflow: hidden;
	border-radius: 999px;
	background: transparent;
	letter-spacing: 0;
	text-transform: none;
	white-space: nowrap;
}

.digitalease-bf-badge__name,
.digitalease-bf-badge__off {
	display: inline-flex;
	align-items: center;
	padding: 5px 8px;
	font-weight: 700;
	line-height: 1.2;
	white-space: nowrap;
}

.digitalease-bf-badge__name {
	background-color: var(--digitalease-bf-black);
	color: var(--digitalease-bf-white);
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.digitalease-bf-badge__off {
	background-color: var(--digitalease-bf-accent);
	color: var(--digitalease-bf-pill);
	letter-spacing: 0;
	text-transform: none;
}

/* Sub poză: bandă dreaptă, pe toată lățimea cardului. */

body.digitalease-store .digitalease-card .c-badge.digitalease-bf-badge--below,
body.digitalease-store .digitalease-shelf__card > .digitalease-shelf__badge.digitalease-bf-badge {
	display: flex;
	align-self: stretch;
	box-sizing: border-box;
	width: 100%;
	max-width: none;
	margin: 10px 0 0;
	border-radius: 0;
}

body.digitalease-store .digitalease-card .c-badge.digitalease-bf-badge--below {
	order: 1;
}

body.digitalease-store .digitalease-shelf__card > .digitalease-shelf__badge.digitalease-bf-badge {
	order: 0;
}

body.digitalease-store .digitalease-card .c-badge.digitalease-bf-badge--below .digitalease-bf-badge__name,
body.digitalease-store .digitalease-shelf__card > .digitalease-shelf__badge.digitalease-bf-badge .digitalease-bf-badge__name {
	flex: 1 1 auto;
	justify-content: flex-start;
	padding-left: 12px;
	padding-right: 12px;
}

/* Pe desktop, line-height 1.2 lăsa majusculele în sus. 1 le ține pe mijlocul benzii, iar paddingul crește cu 2 px. Magazin, caruselul de pe produs și raftul de pe prima pagină. */

@media (min-width: 1190px) {
	body.digitalease-catalog .digitalease-card .c-badge.digitalease-bf-badge--below .digitalease-bf-badge__name,
	body.digitalease-catalog .digitalease-card .c-badge.digitalease-bf-badge--below .digitalease-bf-badge__off,
	body.single-product .c-product__products .digitalease-card .c-badge.digitalease-bf-badge--below .digitalease-bf-badge__name,
	body.single-product .c-product__products .digitalease-card .c-badge.digitalease-bf-badge--below .digitalease-bf-badge__off,
	body.digitalease-home .digitalease-shelf__card > .digitalease-shelf__badge.digitalease-bf-badge .digitalease-bf-badge__name,
	body.digitalease-home .digitalease-shelf__card > .digitalease-shelf__badge.digitalease-bf-badge .digitalease-bf-badge__off {
		padding-top: 7px;
		padding-bottom: 7px;
		line-height: 1;
	}
}

/* Prima pagină, sub desktop: banda din carusel e mai mare. Paddingul e pe cele două jumătăți, că învelișul e transparent. */

@media (max-width: 1189px) {
	body.digitalease-home .digitalease-shelf__card > .digitalease-shelf__badge.digitalease-bf-badge {
		font-size: 13px;
	}

	body.digitalease-home .digitalease-shelf__card > .digitalease-shelf__badge.digitalease-bf-badge .digitalease-bf-badge__name,
	body.digitalease-home .digitalease-shelf__card > .digitalease-shelf__badge.digitalease-bf-badge .digitalease-bf-badge__off {
		padding: 8px 8px;
	}
}

/* Pastilă pe toată lățimea. Literele stau lângă cifre, în capsulă. */

.digitalease-bf {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 12px;
	box-sizing: border-box;
	width: 100%;
	max-width: none;
	margin: 16px 0 0;
	padding: 4px 16px;
	border: 0;
	border-radius: 999px;
	background: var(--digitalease-bf-pill);
	color: var(--digitalease-bf-white);
	text-align: left;
}

.digitalease-bf__text,
.digitalease-bf__done {
	margin: 0;
	color: var(--digitalease-bf-white);
	font-family: var(--font-text), sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0;
	text-transform: none;
	white-space: nowrap;
}

.digitalease-bf__done {
	font-weight: 500;
}

body.digitalease-store.single-product .digitalease-bf {
	width: 100%;
	max-width: none;
	margin: 16px 0 0;
}

.digitalease-bf__sr {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.digitalease-bf__clock {
	display: flex;
	align-items: baseline;
	box-sizing: border-box;
	height: auto;
	margin: 0;
	padding: 6px 12px;
	border-radius: 999px;
	background: var(--digitalease-bf-accent);
	color: var(--digitalease-bf-pill);
}

.digitalease-bf__sep {
	align-self: center;
	margin: 0 5px;
	color: var(--digitalease-bf-pill);
	font-family: var(--font-text), sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
}

.digitalease-bf__cell {
	display: inline-flex;
	align-items: baseline;
	margin: 0;
	padding: 0;
	background: transparent;
}

.digitalease-bf__cell b {
	color: var(--digitalease-bf-pill);
	font-family: var(--font-text), sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	font-variant-numeric: tabular-nums;
}

.digitalease-bf__mark {
	margin: 0 0 0 1px;
	color: var(--digitalease-bf-pill);
	font-family: var(--font-text), sans-serif;
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0;
	text-transform: none;
}

.digitalease-bf.is-over {
	align-items: center;
	padding: 8px 16px;
}

.digitalease-bf.is-over .digitalease-bf__text,
.digitalease-bf.is-over .digitalease-bf__clock {
	display: none;
}

/* Pagina de produs. Fundal negru. Pe desktop pastila e mai încăpătoare. Sub desktop textul e 12px, cu puțin mai mult aer. */

@media (min-width: 1190px) {
	body.digitalease-store.single-product .digitalease-bf {
		padding: 12px 24px;
		background: var(--digitalease-bf-black);
	}
}

@media (max-width: 1189px) {
	body.digitalease-store.single-product .digitalease-bf {
		padding: 8px 16px;
		background: var(--digitalease-bf-black);
	}

	body.digitalease-store.single-product .digitalease-bf__text,
	body.digitalease-store.single-product .digitalease-bf__done,
	body.digitalease-store.single-product .digitalease-bf__sep,
	body.digitalease-store.single-product .digitalease-bf__cell b,
	body.digitalease-store.single-product .digitalease-bf__mark {
		font-size: 12px;
	}
}

@media (max-width: 389px) {
	.digitalease-bf {
		gap: 8px;
		padding: 3px 3px 3px 10px;
	}

	.digitalease-bf__text,
	.digitalease-bf__done,
	.digitalease-bf__sep,
	.digitalease-bf__cell b {
		font-size: 12px;
	}

	.digitalease-bf__clock {
		padding: 5px 8px;
	}

	.digitalease-bf__sep {
		margin: 0 3px;
	}

	.digitalease-bf__mark {
		font-size: 11px;
	}
}

/* Magazin: text sus, fiecare unitate în caseta ei. */

.digitalease-bf.digitalease-bf--shop {
	flex-direction: column;
	gap: 18px;
	margin: 18px 0 0;
	padding: 26px 24px 24px;
	border-radius: 12px;
	background: var(--digitalease-bf-black);
}

.digitalease-bf.digitalease-bf--shop .digitalease-bf__text,
.digitalease-bf.digitalease-bf--shop .digitalease-bf__done {
	font-size: 20px;
	font-weight: 600;
	line-height: 1.25;
	text-align: center;
	white-space: normal;
}

.digitalease-bf.digitalease-bf--shop .digitalease-bf__clock {
	align-items: stretch;
	justify-content: center;
	box-sizing: border-box;
	width: 100%;
	max-width: 480px;
	gap: 8px;
	padding: 0;
	background: transparent;
}

.digitalease-bf.digitalease-bf--shop .digitalease-bf__sep {
	display: none;
}

.digitalease-bf.digitalease-bf--shop .digitalease-bf__cell {
	flex: 1 1 0;
	align-items: baseline;
	justify-content: center;
	box-sizing: border-box;
	min-width: 0;
	padding: 14px 6px;
	border-radius: 14px;
	background: var(--digitalease-bf-accent);
	white-space: nowrap;
}

.digitalease-bf.digitalease-bf--shop .digitalease-bf__cell b {
	color: var(--digitalease-bf-pill);
	font-size: 26px;
	font-weight: 700;
}

.digitalease-bf.digitalease-bf--shop .digitalease-bf__mark {
	color: var(--digitalease-bf-pill);
	font-size: 15px;
	font-weight: 700;
}

.digitalease-bf.digitalease-bf--shop.is-over {
	padding: 22px 20px;
}

@media (min-width: 1190px) {
	.digitalease-bf.digitalease-bf--shop {
		gap: 18px;
		padding: 28px 24px 24px;
		border-radius: 12px;
		background: var(--digitalease-bf-black);
	}

	.digitalease-bf.digitalease-bf--shop .digitalease-bf__text,
	.digitalease-bf.digitalease-bf--shop .digitalease-bf__done {
		font-size: 22px;
	}

	.digitalease-bf.digitalease-bf--shop .digitalease-bf__clock {
		max-width: 560px;
		gap: 10px;
	}

	.digitalease-bf.digitalease-bf--shop .digitalease-bf__cell {
		padding: 18px 8px;
	}

	.digitalease-bf.digitalease-bf--shop .digitalease-bf__cell b {
		font-size: 32px;
	}

	.digitalease-bf.digitalease-bf--shop .digitalease-bf__mark {
		font-size: 18px;
	}
}

@media (max-width: 480px) {
	.digitalease-bf.digitalease-bf--shop {
		gap: 14px;
		padding: 18px 14px 16px;
	}

	.digitalease-bf.digitalease-bf--shop .digitalease-bf__text,
	.digitalease-bf.digitalease-bf--shop .digitalease-bf__done {
		font-size: 16px;
	}

	.digitalease-bf.digitalease-bf--shop .digitalease-bf__clock {
		gap: 6px;
		max-width: none;
	}

	.digitalease-bf.digitalease-bf--shop .digitalease-bf__cell {
		padding: 11px 4px;
		border-radius: 12px;
	}

	.digitalease-bf.digitalease-bf--shop .digitalease-bf__cell b {
		font-size: 20px;
	}

	.digitalease-bf.digitalease-bf--shop .digitalease-bf__mark {
		font-size: 13px;
	}
}
