/* ==================================================
   AOO fuel prices block
================================================== */

.aoo-fuel-prices {
	margin: 40px 0;
	padding: 24px;
	background: #fffdf8;
	border: 1px solid #eadfce;
	border-radius: 18px;
}

.aoo-fuel-prices__header h2 {
	margin-top: 0;
	margin-bottom: 12px;
}

.aoo-fuel-prices__header p {
	margin-bottom: 0;
}

.aoo-fuel-prices__table-wrap {
	margin: 24px 0;
	overflow-x: auto;
}

.aoo-fuel-prices__table {
	width: 100%;
	border-collapse: collapse;
	background: #ffffff;
	table-layout: fixed;
}

.aoo-fuel-prices__table th,
.aoo-fuel-prices__table td {
	padding: 14px 16px;
	border-bottom: 1px solid #eee4d8;
	vertical-align: top;
}

.aoo-fuel-prices__table thead th {
	background: #d86f2d;
	color: #ffffff;
	font-weight: 600;
	text-align: left;
}

.aoo-fuel-prices__table th:nth-child(1),
.aoo-fuel-prices__table td:nth-child(1) {
	width: 42%;
}

.aoo-fuel-prices__table th:nth-child(2),
.aoo-fuel-prices__table td:nth-child(2),
.aoo-fuel-prices__table th:nth-child(3),
.aoo-fuel-prices__table td:nth-child(3) {
	width: 29%;
	text-align: right;
	white-space: nowrap;
}

.aoo-fuel-prices__table tbody tr:nth-child(even) {
	background: #fff8f1;
}

.aoo-fuel-prices__footer {
	padding: 16px;
	background: #fff4e8;
	border: 1px solid #f0d4ba;
	border-radius: 14px;
}

.aoo-fuel-prices__footer p {
	margin: 0 0 10px;
}

.aoo-fuel-prices__footer p:last-child {
	margin-bottom: 0;
}

.aoo-fuel-prices__note {
	font-size: 0.95rem;
	color: #5f564d;
}

/* ==================================================
   Mobile
================================================== */

@media (max-width: 768px) {
	.aoo-fuel-prices {
		padding: 18px;
		border-radius: 14px;
	}

	.aoo-fuel-prices__table {
		font-size: 0.95rem;
	}

	.aoo-fuel-prices__table th,
	.aoo-fuel-prices__table td {
		padding: 12px 10px;
	}

	.aoo-fuel-prices__table th:nth-child(1),
	.aoo-fuel-prices__table td:nth-child(1) {
		width: 46%;
		word-break: break-word;
	}

	.aoo-fuel-prices__table th:nth-child(2),
	.aoo-fuel-prices__table td:nth-child(2),
	.aoo-fuel-prices__table th:nth-child(3),
	.aoo-fuel-prices__table td:nth-child(3) {
		width: 27%;
	}
}