/**
 * MDF Offres Flash — front.
 * Palette : blanc / noir / #ff6000 (accent surchargée en inline via réglages).
 * Règle LiteSpeed : propriétés séparées + !important, jamais de shorthand
 * type linear-gradient.
 */

/* ---------- Compteur (fiche produit) ---------- */

.mdff-countdown {
	display: block;
	margin-top: 12px !important;
	margin-bottom: 12px !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	padding-left: 14px !important;
	padding-right: 14px !important;
	background-color: #ffffff !important;
	border-width: 2px !important;
	border-style: solid !important;
	border-color: #ff6000 !important;
	border-radius: 6px !important;
}

.mdff-countdown .mdff-label {
	display: block;
	color: #000000 !important;
	font-weight: 700 !important;
	font-size: 0.95em !important;
}

.mdff-countdown .mdff-time {
	display: block;
	color: #ff6000 !important;
	font-weight: 700 !important;
	font-size: 1.25em !important;
	font-variant-numeric: tabular-nums;
	margin-top: 2px !important;
}

/* ---------- Badge (listes de produits) ---------- */

li.product,
.products .product {
	position: relative !important;
}

.mdff-badge {
	position: absolute !important;
	top: 8px !important;
	left: 8px !important;
	z-index: 9 !important;
	display: inline-block;
	padding-top: 3px !important;
	padding-bottom: 3px !important;
	padding-left: 9px !important;
	padding-right: 9px !important;
	background-color: #ff6000 !important;
	color: #ffffff !important;
	font-size: 0.75em !important;
	font-weight: 700 !important;
	letter-spacing: 0.05em !important;
	text-transform: uppercase !important;
	border-radius: 4px !important;
	line-height: 1.5 !important;
}

/* ---------- Bannière (shortcode) ---------- */

.mdff-banner {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}

.mdff-banner-title {
	color: #000000 !important;
	margin-bottom: 16px !important;
}

.mdff-banner .mdff-cards {
	display: grid;
	grid-gap: 16px;
}

.mdff-layout-grille .mdff-cards {
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

.mdff-layout-ligne .mdff-cards {
	grid-auto-flow: column;
	grid-auto-columns: minmax(200px, 1fr);
	overflow-x: auto;
	padding-bottom: 8px !important;
}

/* ---------- Carrousel ---------- */

.mdff-layout-carrousel {
	position: relative !important;
	padding-left: 40px !important;
	padding-right: 40px !important;
}

.mdff-layout-carrousel .mdff-cards {
	grid-auto-flow: column;
	grid-auto-columns: 200px;
	overflow-x: auto;
	scroll-behavior: smooth;
	scrollbar-width: none;
	-ms-overflow-style: none;
	padding-bottom: 4px !important;
}

.mdff-layout-carrousel .mdff-cards::-webkit-scrollbar {
	display: none;
}

.mdff-nav {
	position: absolute !important;
	top: 50% !important;
	transform: translateY(-50%);
	z-index: 5 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 42px !important;
	height: 42px !important;
	padding: 0 !important;
	background-color: #ffffff !important;
	color: #000000 !important;
	border-width: 1px !important;
	border-style: solid !important;
	border-color: #e0e0e0 !important;
	border-radius: 50% !important;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15) !important;
	cursor: pointer !important;
	transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}

.mdff-nav svg {
	display: block;
	pointer-events: none;
}

.mdff-nav:hover,
.mdff-nav:focus-visible {
	background-color: #ff6000 !important;
	border-color: #ff6000 !important;
	color: #ffffff !important;
	transform: translateY(-50%) scale(1.08);
}

.mdff-nav:active {
	transform: translateY(-50%) scale(0.95);
}

.mdff-nav-prev {
	left: 0 !important;
}

.mdff-nav-next {
	right: 0 !important;
}

@media (max-width: 600px) {
	.mdff-layout-carrousel {
		padding-left: 24px !important;
		padding-right: 24px !important;
	}

	.mdff-nav {
		width: 36px !important;
		height: 36px !important;
	}
}

.mdff-banner .mdff-card {
	display: block;
	background-color: #ffffff !important;
	border-width: 1px !important;
	border-style: solid !important;
	border-color: #e0e0e0 !important;
	border-radius: 8px !important;
	padding-top: 12px !important;
	padding-bottom: 12px !important;
	padding-left: 12px !important;
	padding-right: 12px !important;
	text-decoration: none !important;
	transition: box-shadow 0.15s ease;
}

.mdff-banner .mdff-card:hover {
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12) !important;
}

.mdff-banner .mdff-card-image img {
	display: block;
	width: 100% !important;
	height: auto !important;
	border-radius: 4px !important;
}

.mdff-banner .mdff-card-name {
	display: block;
	color: #000000 !important;
	font-weight: 600 !important;
	margin-top: 8px !important;
}

.mdff-banner .mdff-card-price {
	display: block;
	color: #000000 !important;
	margin-top: 4px !important;
}

.mdff-banner .mdff-card-price del {
	opacity: 0.55;
	font-weight: 400 !important;
}

.mdff-banner .mdff-card-price ins {
	color: #ff6000 !important;
	font-weight: 800 !important;
	font-size: 1.1em !important;
	text-decoration: none !important;
}

.mdff-banner .mdff-card-price ins .amount {
	color: #ff6000 !important;
	font-weight: 800 !important;
}

.mdff-banner .mdff-card-time {
	display: block;
	color: #ff6000 !important;
	font-weight: 700 !important;
	font-size: 0.85em !important;
	font-variant-numeric: tabular-nums;
	margin-top: 6px !important;
}