/* ============================================
   TABLEPRESS ID 53 - COULEURS LOGIQUES + ANIMATIONS
   ============================================ */
/* === PRIX PROMO - CELLULES === */
.tablepress-id-53 .prix-promo {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1px;
	padding: 0;
}

/* Ancien prix - ROUGE barré (ce qu'on ne paye plus) */
.tablepress-id-53 .prix-promo s {
	color: #dc2626;
	font-size: .7rem;
	text-decoration: line-through;
	opacity: .7;
}

/* Nouveau prix - VERT (bonne affaire!) */
.tablepress-id-53 .prix-promo strong {
	color: #16a34a;
	font-size: 1.05rem;
	font-weight: 800;
}

/* Badge économie - Animation BOUNCE */
.tablepress-id-53 .prix-promo em {
	background: linear-gradient(135deg, #fef3c7, #fde68a);
	color: #b45309;
	font-size: .6rem;
	font-weight: 700;
	font-style: normal;
	padding: 2px 7px;
	border-radius: 10px;
	animation: savingsBounce 1s ease-in-out infinite;
}

@keyframes savingsBounce {
	0%, 100% {
		transform: translateY(0) scale(1);
	}
	
	25% {
		transform: translateY(-3px) scale(1.05);
	}
	
	50% {
		transform: translateY(0) scale(1);
	}
	
	75% {
		transform: translateY(-2px) scale(1.03);
	}
}

/* Hover - intensifier les couleurs */
.tablepress-id-53 td:hover .prix-promo s {
	opacity: 1;
	color: #b91c1c;
}

.tablepress-id-53 td:hover .prix-promo strong {
	color: #15803d;
	transform: scale(1.08);
	transition: all .2s ease;
}

.tablepress-id-53 td:hover .prix-promo em {
	background: linear-gradient(135deg, #fde68a, #fbbf24);
	transform: scale(1.1);
	animation: none;
}

/* === RESPONSIVE === */
@media (max-width: 768px) {
	.tablepress-id-53 .prix-promo s {
		font-size: .6rem;
	}
	
	.tablepress-id-53 .prix-promo strong {
		font-size: .9rem;
	}
	
	.tablepress-id-53 .prix-promo em {
		font-size: .5rem;
		padding: 1px 5px;
		animation: none;
	}
}

@media (max-width: 480px) {
	.tablepress-id-53 .prix-promo s {
		font-size: .5rem;
	}
	
	.tablepress-id-53 .prix-promo strong {
		font-size: .75rem;
	}
	
	.tablepress-id-53 .prix-promo em {
		font-size: .45rem;
		padding: 1px 4px;
	}
}

@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;
	}
}