@keyframes flashAlertPalette {
	0%, 100% {
		background-color: #E3F3F0;
		border-color: #FF5C01;
	}
	
	50% {
		background-color: #FFEFE8;
		border-color: #FF5C01;
	}
}

.alerte-palette-livraison {
	display: inline-flex;
	align-items: flex-start;
	background-color: #E3F3F0;
	border: 1.5px solid #FF5C01;
	border-radius: 8px;
	padding: 10px 14px;
	font-size: .95em;
	font-weight: 500;
	color: #333;
	max-width: 100%;
	line-height: 1.5;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
	animation: flashAlertPalette 3s infinite;
	margin: 15px auto;
}

.alerte-icon {
	color: #FF5C01;
	font-size: 1.2em;
	margin-right: 10px;
	line-height: 1.3;
}

.alerte-texte {
	color: #333;
}

.alerte-texte strong {
	color: #FF5C01;
}

/* Force tables stacked on desktop and mobile */
#tarifs_promo_et_normal .row {
	display: block !important;
}

#tarifs_promo_et_normal .col-md-6 {
	width: 100% !important;
	margin-bottom: 20px !important;
}

/* Scroll container */
#tarifs_promo_et_normal .dataTables_wrapper,
#tarifs_promo_et_normal .tarifs_normal,
#tarifs_promo_et_normal .tarifs_promo {
	overflow-x: auto;
	position: relative;
}

/* --- Visible scrollbar --- */
#tarifs_promo_et_normal .dataTables_wrapper::-webkit-scrollbar,
#tarifs_promo_et_normal .tarifs_normal::-webkit-scrollbar,
#tarifs_promo_et_normal .tarifs_promo::-webkit-scrollbar {
	height: 8px;
}

#tarifs_promo_et_normal .dataTables_wrapper::-webkit-scrollbar-thumb,
#tarifs_promo_et_normal .tarifs_normal::-webkit-scrollbar-thumb,
#tarifs_promo_et_normal .tarifs_promo::-webkit-scrollbar-thumb {
	background: #FF5C01;
	border-radius: 4px;
}

#tarifs_promo_et_normal .dataTables_wrapper::-webkit-scrollbar-track,
#tarifs_promo_et_normal .tarifs_normal::-webkit-scrollbar-track,
#tarifs_promo_et_normal .tarifs_promo::-webkit-scrollbar-track {
	background: #f1f1f1;
}

/* --- Scroll hint --- */
#tarifs_promo_et_normal .tarifs_promo::before,
#tarifs_promo_et_normal .tarifs_normal::before {
	display: block;
	text-align: center;
	font-size: .75rem;
	color: #FF5C01;
	margin-bottom: 5px;
	font-weight: bold;
}

/* Table text adjustment for small screens */
@media (max-width: 768px) {
	#tarifs_promo_et_normal table th,
	  #tarifs_promo_et_normal table td {
		padding: 6px 8px !important;
		font-size: .8rem !important;
		white-space: nowrap;
	}
}

@media (max-width: 480px) {
	#tarifs_promo_et_normal table th,
	  #tarifs_promo_et_normal table td {
		padding: 4px 6px !important;
		font-size: .7rem !important;
	}
}