/* Deal blocks. Colours follow the theme palette when it defines these slugs. */
:root {
	--tenl-hot: var(--wp--preset--color--hot, #e8452c);
	--tenl-good: var(--wp--preset--color--good, #15803d);
	--tenl-muted: var(--wp--preset--color--muted, #6b6b73);
	--tenl-line: var(--wp--preset--color--line, rgba(127, 127, 127, 0.25));
	--tenl-surface: var(--wp--preset--color--surface, rgba(127, 127, 127, 0.08));
	--tenl-radius: 10px;
}

/* Price */
.tenl-price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.15em 0.5em; line-height: 1.2; font-variant-numeric: tabular-nums; }
.tenl-price__now { font-weight: 800; font-size: 1.35em; color: var(--tenl-hot); }
.tenl-price__now small { font-size: 0.6em; font-weight: 700; }
.tenl-price__was { color: var(--tenl-muted); font-size: 0.95em; }
.tenl-price__off { font-weight: 700; color: var(--tenl-good); }
.tenl-price--large .tenl-price__now { font-size: 2.4em; letter-spacing: -0.02em; }
.tenl-price--large .tenl-price__was { font-size: 1.15em; }

/* Badges */
.tenl-badges { display: flex; flex-wrap: wrap; gap: 6px; }
.tenl-badge {
	display: inline-block;
	padding: 0.25em 0.6em;
	border-radius: 999px;
	font-size: 0.8rem;
	font-weight: 700;
	line-height: 1.2;
	color: #fff;
	background: #3f3f46;
	white-space: nowrap;
}
.tenl-badge[hidden] { display: none; }
.tenl-badge--mild { background: #52525b; }
.tenl-badge--warm { background: #ea7a12; }
.tenl-badge--hot { background: var(--tenl-hot); }
.tenl-badge--mega { background: linear-gradient(135deg, #b0122a, #6d28d9); }
.tenl-badge--sticky { background: #1d4ed8; }
.tenl-badge--lowest { background: linear-gradient(135deg, #b8860b, #e0a800); color: #1a1523; }
.tenl-badge--new { background: var(--tenl-good); }
.tenl-badge--expired { background: #18181b; }
.tenl-heat--good { background: var(--tenl-good); }
.tenl-heat--hot { background: linear-gradient(135deg, #ff8a00, var(--tenl-hot)); }
.tenl-heat--top { background: linear-gradient(135deg, #ffb000, #e8401c 45%, #b0122a); box-shadow: 0 0 0 2px rgba(255, 176, 0, 0.35); }
.tenl-heat--bof { background: #71717a; }

/* Meta */
.tenl-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 0.2em 0.5em; color: var(--tenl-muted); font-size: 0.9em; }
.tenl-meta a { color: inherit; font-weight: 600; text-decoration: none; }
.tenl-meta a:hover { text-decoration: underline; }
.tenl-meta__ship--free { color: var(--tenl-good); font-weight: 600; }
.tenl-meta__when.is-ending { color: var(--tenl-hot); font-weight: 700; }

/* Button + promo */
.tenl-button { display: flex; flex-direction: column; align-items: flex-start; gap: 0.6rem; }
.tenl-cta.wp-element-button { display: inline-flex; align-items: center; justify-content: center; gap: 0.2em; width: max-content; max-width: 100%; white-space: nowrap; line-height: 1.2; text-decoration: none; }
.tenl-cta.is-expired { opacity: 0.5; pointer-events: none; filter: grayscale(1); }
.tenl-promo {
	display: inline-flex;
	align-items: center;
	gap: 0.5em;
	padding: 0.35em 0.4em 0.35em 0.75em;
	border: 1.5px dashed var(--tenl-hot);
	border-radius: var(--tenl-radius);
	font-size: 0.9em;
}
.tenl-promo span { color: var(--tenl-muted); }
.tenl-promo code { font-weight: 700; font-size: 1.05em; background: none; }
.tenl-promo__copy {
	border: 0;
	border-radius: 6px;
	padding: 0.3em 0.7em;
	background: var(--tenl-hot);
	color: #fff;
	font: inherit;
	font-size: 0.85em;
	font-weight: 600;
	cursor: pointer;
}
.tenl-affiliate-note { margin: 0; color: var(--tenl-muted); font-size: 0.78em; }

/* Vote */
.tenl-vote {
	display: inline-flex;
	align-items: center;
	gap: 2px;
	padding: 2px;
	border: 1px solid var(--tenl-line);
	border-radius: 999px;
	background: var(--tenl-surface);
	font-variant-numeric: tabular-nums;
}
.tenl-vote.is-busy { opacity: 0.6; }
.tenl-vote__btn {
	display: grid;
	place-items: center;
	width: 30px;
	height: 30px;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: transparent;
	color: var(--tenl-muted);
	font-size: 12px;
	cursor: pointer;
	transition: background 0.15s, color 0.15s;
}
.tenl-vote__btn:hover:not(:disabled) { background: var(--tenl-line); }
.tenl-vote__btn:focus-visible { outline: 2px solid var(--tenl-hot); outline-offset: 1px; }
.tenl-vote__btn--up[aria-pressed="true"] { background: var(--tenl-good); color: #fff; }
.tenl-vote__btn--down[aria-pressed="true"] { background: var(--tenl-hot); color: #fff; }
.tenl-vote__btn:disabled { cursor: default; opacity: 0.4; }
.tenl-vote__score { min-width: 2.2em; text-align: center; font-weight: 800; font-size: 0.95em; }
.tenl-vote__score.is-positive { color: var(--tenl-good); }
.tenl-vote__score.is-negative { color: var(--tenl-hot); }

.tenl-block-placeholder { padding: 0.5em 0.75em; border: 1px dashed var(--tenl-line); border-radius: 6px; color: var(--tenl-muted); font-size: 0.85em; }

/* "Prix le plus bas jamais vu" under the big price (deal page) */
.tenl-lowest {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.35em 0.5em;
	margin: 0.6rem 0 0;
	padding: 0.45em 0.8em;
	border-radius: 999px;
	background: linear-gradient(135deg, #fff4cc, #ffe08a);
	color: #1a1523;
	font-size: 0.95em;
}
.tenl-lowest a { color: inherit; font-size: 0.9em; }
@media (prefers-color-scheme: dark) {
	.tenl-lowest { background: linear-gradient(135deg, #4a3b0a, #6b5210); color: #fff4cc; }
}
html { scroll-behavior: smooth; }
#historique-prix { scroll-margin-top: 5rem; }

/* Share */
.tenl-share { display: flex; flex-wrap: wrap; align-items: center; gap: 0.4rem; font-size: 0.85rem; }
.tenl-share__label { color: var(--tenl-muted); margin-right: 0.25rem; }
.tenl-share__btn {
	display: inline-flex; align-items: center; min-height: 2rem; padding: 0.2rem 0.75rem;
	border: 1px solid var(--wp--preset--color--line, rgba(0,0,0,.15)); border-radius: 999px;
	background: var(--wp--preset--color--surface, #fff); color: inherit; font: inherit; font-weight: 600;
	text-decoration: none; cursor: pointer; white-space: nowrap;
}
.tenl-share__btn:hover, .tenl-share__btn:focus-visible { border-color: currentColor; }
.tenl-share__native { background: var(--wp--preset--color--contrast, #1a1523); color: var(--wp--preset--color--base, #fff); border-color: transparent; }
.tenl-share .is-whatsapp:hover { color: #128c4b; }
.tenl-share .is-telegram:hover { color: #1f8fd0; }
.tenl-share .is-facebook:hover { color: #1877f2; }

/* Report */
.tenl-report { font-size: 0.85rem; }
.tenl-report summary { cursor: pointer; color: var(--tenl-muted); width: fit-content; }
.tenl-report summary:hover { color: inherit; }
.tenl-report__body { margin-top: 0.5rem; }
.tenl-report__reasons { display: flex; flex-wrap: wrap; gap: 0.4rem; }
.tenl-report__btn, .tenl-report__other button, .tenl-news__form button {
	min-height: 2rem; padding: 0.2rem 0.85rem; border-radius: 999px; font: inherit; font-weight: 600; cursor: pointer;
	border: 1px solid var(--wp--preset--color--line, rgba(0,0,0,.15)); background: var(--wp--preset--color--surface, #fff); color: inherit;
}
.tenl-report__btn:hover { border-color: currentColor; }
.tenl-report__other { display: flex; gap: 0.4rem; margin-top: 0.5rem; align-items: flex-start; }
.tenl-report__other[hidden] { display: none; }
.tenl-report__other textarea { flex: 1; font: inherit; padding: 0.4rem 0.6rem; border-radius: 10px; border: 1px solid var(--wp--preset--color--line, rgba(0,0,0,.15)); background: var(--wp--preset--color--surface, #fff); color: inherit; }
.tenl-report__msg:empty { display: none; }
.tenl-report__msg { margin: 0.5rem 0 0; font-weight: 600; }
.tenl-report.is-busy, .tenl-news__form.is-busy { opacity: 0.6; pointer-events: none; }
.tenl-flag { margin: 0.5rem 0 0; padding: 0.5rem 0.85rem; border-radius: 12px; background: #fff1d6; color: #7a4b00; font-size: 0.9rem; }

/* Author + rank */
.tenl-author { color: var(--tenl-muted); }
.tenl-author a { color: inherit; font-weight: 600; }
.tenl-rank {
	display: inline-flex; align-items: center; gap: 0.25em; padding: 0.05em 0.6em; border-radius: 999px; white-space: nowrap;
	background: color-mix(in srgb, var(--wp--preset--color--sun, #ffc83d) 35%, transparent); color: var(--wp--preset--color--contrast, inherit); font-size: 0.9em; font-weight: 600;
}

/* Leaderboard */
.tenl-board { margin-block: 2rem; }
.tenl-board__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.5rem; }
.tenl-board__row {
	display: flex; align-items: center; gap: 0.75rem; padding: 0.6rem 0.9rem; border-radius: 16px;
	background: var(--wp--preset--color--surface, #fff); border: 1px solid var(--wp--preset--color--line, rgba(0,0,0,.1));
}
.tenl-board__row.is-podium { border-color: color-mix(in srgb, var(--wp--preset--color--sun, #ffc83d) 70%, transparent); }
.tenl-board__pos { width: 2rem; text-align: center; font-weight: 800; font-size: 1.15rem; }
.tenl-board__avatar { border-radius: 999px; }
.tenl-board__who { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tenl-board__who a { font-weight: 700; color: inherit; text-decoration: none; }
.tenl-board__nums { display: flex; gap: 0.9rem; color: var(--tenl-muted); font-size: 0.9rem; white-space: nowrap; }
.tenl-board__nums strong { color: var(--wp--preset--color--hot, #e8401c); }
@media (max-width: 520px) { .tenl-board__nums span { display: none; } }

/* Newsletter */
.tenl-news__title { font-weight: 700; margin: 0 0 0.5rem; }
.tenl-news__form { display: flex; gap: 0.4rem; flex-wrap: wrap; }
.tenl-news__form[hidden] { display: none; }
.tenl-news__form input[type=email] {
	flex: 1 1 12rem; min-height: 2.5rem; padding: 0.4rem 0.9rem; border-radius: 999px; font: inherit;
	border: 1px solid var(--wp--preset--color--line, rgba(0,0,0,.15)); background: var(--wp--preset--color--surface, #fff); color: inherit;
}
.tenl-news__form button { min-height: 2.5rem; background: var(--wp--preset--color--hot, #e8401c); color: #fff; border-color: transparent; }
.tenl-news__hp { position: absolute !important; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.tenl-news__note { margin: 0.4rem 0 0; font-size: 0.8rem; color: var(--tenl-muted); }