/* PixlDeals — Comparateur eShop : styles d'affichage */

.pde-box {
	--pde-bg: #13131a;
	--pde-bg2: #1e1e28;
	--pde-accent: #e5163a;
	--pde-green: #1d9e75;
	--pde-border: rgba(255, 255, 255, .10);
	--pde-text: #ffffff;
	--pde-muted: rgba(255, 255, 255, .55);
	background: var(--pde-bg);
	border: 1px solid var(--pde-border);
	border-radius: 16px;
	padding: 20px;
	color: var(--pde-text);
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	max-width: 720px;
	margin: 24px 0;
}

.pde-title {
	font-size: 1.15rem;
	font-weight: 600;
	margin-bottom: 14px;
}

/* Bandeau "meilleur prix monde" */
.pde-best {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
	background: linear-gradient(135deg, rgba(229, 22, 58, .18), rgba(229, 22, 58, .04));
	border: 1px solid rgba(229, 22, 58, .35);
	border-radius: 12px;
	padding: 12px 16px;
	margin-bottom: 16px;
}
.pde-best-label {
	font-size: .72rem;
	text-transform: uppercase;
	letter-spacing: .08em;
	color: var(--pde-accent);
	font-weight: 700;
	width: 100%;
}
.pde-best-flag { font-size: 1.4rem; }
.pde-best-country { font-weight: 600; }
.pde-best-price {
	margin-left: auto;
	font-size: 1.25rem;
	font-weight: 700;
}
.pde-best-price .pde-eur {
	display: block;
	font-size: .8rem;
	font-weight: 500;
	color: var(--pde-muted);
	text-align: right;
}

/* Tableau */
.pde-table {
	width: 100%;
	border-collapse: collapse;
	font-size: .92rem;
}
.pde-table thead th {
	text-align: left;
	font-size: .72rem;
	text-transform: uppercase;
	letter-spacing: .05em;
	color: var(--pde-muted);
	font-weight: 600;
	padding: 6px 10px;
	border-bottom: 1px solid var(--pde-border);
}
.pde-table tbody td {
	padding: 11px 10px;
	border-bottom: 1px solid var(--pde-border);
	vertical-align: middle;
}
.pde-table tbody tr:last-child td { border-bottom: none; }
.pde-row-best { background: rgba(229, 22, 58, .07); }
.pde-row-best .pde-c-country { font-weight: 600; }

.pde-flag { font-size: 1.15rem; margin-right: 6px; }
.pde-badge-gc { margin-left: 6px; font-size: .85rem; }

.pde-c-price .pde-old {
	color: var(--pde-muted);
	text-decoration: line-through;
	margin-right: 6px;
	font-size: .85rem;
}
.pde-c-price .pde-new { color: var(--pde-green); font-weight: 700; }
.pde-c-price .pde-reg { font-weight: 600; }
.pde-c-eur { color: var(--pde-muted); white-space: nowrap; }

.pde-pct {
	display: inline-block;
	background: var(--pde-green);
	color: #fff;
	font-weight: 700;
	font-size: .78rem;
	padding: 2px 7px;
	border-radius: 6px;
}
.pde-until {
	display: block;
	font-size: .72rem;
	color: var(--pde-muted);
	margin-top: 3px;
}
.pde-noprom { color: var(--pde-muted); }

.pde-foot {
	margin-top: 14px;
	font-size: .78rem;
	color: var(--pde-muted);
	line-height: 1.5;
}

.pde-empty {
	color: var(--pde-muted);
	font-size: .92rem;
}

/* Responsive */
@media (max-width: 540px) {
	.pde-table thead { display: none; }
	.pde-table, .pde-table tbody, .pde-table tr, .pde-table td { display: block; width: 100%; }
	.pde-table tr {
		border: 1px solid var(--pde-border);
		border-radius: 10px;
		margin-bottom: 10px;
		padding: 6px 4px;
	}
	.pde-table td { border: none !important; padding: 5px 12px; }
	.pde-c-country { font-size: 1rem; }
}

/* v2.2 — lignes "non disponible" (Asie : HK/TW/KR sans API de prix). */
.pde-table tr.pde-row-na { opacity: 0.6; }
.pde-table tr.pde-row-na .pde-na {
	font-style: italic;
	font-size: 0.85em;
	color: #9aa0a6;
}

/* ──────────────────────────────────────────────────────────────────────
   Lien pays cliquable (interconnexion vers la page cartes cadeaux)
   ────────────────────────────────────────────────────────────────────── */
.pde-country-link {
	color: inherit;
	text-decoration: none;
	border-bottom: 1px dashed rgba(255, 255, 255, .25);
	transition: border-color .15s ease, color .15s ease;
}
.pde-country-link:hover {
	color: var(--pde-accent);
	border-bottom-color: var(--pde-accent);
}

/* ──────────────────────────────────────────────────────────────────────
   Module Cartes cadeaux / Nintendo Switch Online
   ────────────────────────────────────────────────────────────────────── */
.pde-gc-box { max-width: 880px; }

.pde-gc-selector {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 16px;
}
.pde-gc-selector label {
	font-size: .85rem;
	color: var(--pde-muted);
}
.pde-gc-country-select {
	background: var(--pde-bg2);
	color: var(--pde-text);
	border: 1px solid var(--pde-border);
	border-radius: 8px;
	padding: 7px 12px;
	font-size: .9rem;
	font-family: inherit;
}

.pde-gc-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
	gap: 12px;
	margin-bottom: 18px;
}

.pde-gc-card {
	background: var(--pde-bg2);
	border: 1px solid var(--pde-border);
	border-radius: 12px;
	padding: 14px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.pde-gc-denom {
	font-weight: 600;
	font-size: .95rem;
}
.pde-gc-offer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	padding: 8px 10px;
	border-radius: 8px;
	background: rgba(255, 255, 255, .04);
	text-decoration: none;
	color: var(--pde-text);
	border: 1px solid transparent;
	transition: border-color .15s ease, background .15s ease;
}
.pde-gc-offer:hover { background: rgba(255, 255, 255, .08); }
.pde-gc-offer-best {
	border-color: rgba(29, 158, 117, .45);
	background: rgba(29, 158, 117, .12);
}
.pde-gc-offer-na {
	color: var(--pde-muted);
	font-size: .82rem;
	justify-content: center;
	background: transparent;
	border: 1px dashed var(--pde-border);
}
.pde-gc-shop {
	font-size: .78rem;
	text-transform: uppercase;
	letter-spacing: .04em;
	color: var(--pde-muted);
}
.pde-gc-price {
	font-weight: 700;
}
.pde-gc-updated {
	font-size: .72rem;
	color: var(--pde-muted);
	text-align: right;
}

.pde-gc-alsosee {
	border-top: 1px solid var(--pde-border);
	padding-top: 12px;
	font-size: .85rem;
	color: var(--pde-muted);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}
.pde-gc-alsosee-label { color: var(--pde-muted); }
.pde-gc-alsosee a {
	color: var(--pde-text);
	text-decoration: underline;
	text-decoration-color: rgba(255, 255, 255, .3);
}
.pde-gc-alsosee a:hover { color: var(--pde-accent); }

.pde-gc-none {
	color: var(--pde-muted);
	font-size: .9rem;
}