/* Les deux colonnes d'offres (inc/offres.php) : Live du Lab et fin des articles. */

.oxz-offres {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	max-width: 760px;
	margin: 24px auto;
	text-align: center;
}

.oxz-offre {
	overflow: hidden;
	padding: 0 24px 24px;
	border: 1px solid #e3e3e3;
	border-radius: 6px;
	background: #fff;
}

.oxz-offre img.oxz-offre__photo {
	display: block;
	width: calc(100% + 48px);
	max-width: none;
	height: auto;
	margin: 0 -24px 18px;
	border-radius: 0;
}

.oxz-offres .oxz-offre__nom {
	margin: 0 0 6px;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #23272b;
}

.oxz-offres .oxz-offre__prix {
	margin: 0 0 6px;
	font-size: 24px;
	font-weight: 700;
	color: #23272b;
}

.oxz-offres .oxz-offre__degressif {
	margin: 0 0 14px;
	font-size: 14px;
	font-weight: 600;
	color: #a51616;
}

.oxz-offres ul {
	margin: 0 0 18px;
	padding: 0;
	list-style: none;
	text-align: left;
}

.oxz-offres li {
	position: relative;
	margin: 0;
	padding: 4px 0 4px 24px;
	font-size: 14px;
	line-height: 1.45;
	color: #23272b;
}

.oxz-offres li::before {
	position: absolute;
	left: 0;
	font-weight: 700;
}

.oxz-offres li.oui::before {
	content: "✓";
}

.oxz-offres li.non {
	color: #9aa0a6;
}

.oxz-offres li.non::before {
	content: "–";
}

/* Les liens du blog sont bleus et Hestia force ses couleurs au survol : le bouton
   fixe les siennes dans tous les etats. */
.oxz-offres a.oxz-offre__bouton,
.oxz-offres a.oxz-offre__bouton:visited {
	display: inline-block;
	min-height: 44px;
	padding: 12px 26px;
	border-radius: 4px;
	background: #23272b !important;
	color: #fff !important;
	font-weight: 700 !important;
	text-decoration: none !important;
}

.oxz-offres a.oxz-offre__bouton:hover,
.oxz-offres a.oxz-offre__bouton:focus,
.oxz-offres a.oxz-offre__bouton:active {
	background: #e01b1b !important;
	color: #fff !important;
}

/* Le titre posé au-dessus des colonnes sous un article. */
.oxz-offres-bloc {
	margin: 40px 0 16px;
	text-align: center;
}

.oxz-offres-bloc .oxz-offres-bloc__titre {
	margin: 0;
	font-size: 22px;
	font-weight: 700;
	color: #111;
}

@media (max-width: 700px) {
	.oxz-offres {
		grid-template-columns: 1fr;
	}
}