/* =================================================================
   POKÉMON CAPTURE — Harmonisation des pages du plugin « Pokémon TCG FR »
   (accueil custom, fiche carte, page collection).

   PRINCIPE : le THÈME dicte les règles. On surcharge UNIQUEMENT les
   variables de design du plugin (`--pkmn-*`) et la typographie.
   → couleurs / rayons / ombres / police harmonisés avec le thème
   → AUCUN changement de mise en page : zéro `display/grid/position/width`
     n'est touché ici, donc les emplacements restent IDENTIQUES.

   Scopé à `body.pc-pokemon-page` (plus spécifique que le :root du plugin),
   donc ces réglages ne s'appliquent QUE sur les pages du plugin.
   ================================================================= */

body.pc-pokemon-page {
	/* Accent : on aligne le bleu du plugin (#2563eb) sur l'indigo du thème */
	--pkmn-accent:      #4f46e5;
	--pkmn-accent-soft: rgba(79, 70, 229, .10);

	/* Formes & élévation : rayons un poil plus généreux + ombres plus douces/modernes */
	--pkmn-radius:      14px;
	--pkmn-radius-lg:   20px;
	--pkmn-shadow:      0 1px 2px rgba(15, 23, 42, .04), 0 14px 34px -16px rgba(8, 12, 28, .18);
	--pkmn-shadow-soft: 0 1px 2px rgba(15, 23, 42, .05);

	/* Lignes plus discrètes */
	--pkmn-card-border: #e7eaf3;
	--pkmn-divider:     #eef1f8;
	/* (couleurs de marque jaune/rouge et couleurs de types : INCHANGÉES) */
}

/* --- Typographie harmonisée (police d'affichage du thème sur les titres) --- */
#pkmn-home-page,
#pkmn-card-page,
#pkmn-set-page {
	font-family: var(--pc-font-body);
}
#pkmn-home-page h1, #pkmn-home-page h2, #pkmn-home-page h3,
#pkmn-card-page h1, #pkmn-card-page h2, #pkmn-card-page h3,
#pkmn-set-page  h1, #pkmn-set-page  h2, #pkmn-set-page  h3,
body.pc-pokemon-page .pkmn-section-kicker {
	font-family: var(--pc-font-display);
	letter-spacing: -.01em;
}
/* Le « kicker » de section reprend l'accent indigo */
body.pc-pokemon-page .pkmn-section-kicker { color: var(--pc-accent); }

/* --- Liens du fil d'Ariane du plugin : cohérence avec le thème --- */
body.pc-pokemon-page .pkmn-breadcrumb a { color: var(--pc-accent); }

/* --- Confort de lecture : la barre fixe du thème ne doit jamais masquer
       une ancre interne (#pkmn-set-card-list, etc.). Géré globalement par
       scroll-padding-top (style.css) ; rappel ici par sécurité. --- */
body.pc-pokemon-page { scroll-padding-top: calc(var(--pc-header-h) + 16px); }

/* --- Garde-fou : le reset global du thème (canvas{height:auto}) ne doit pas
       écraser le graphe de prix Chart.js. On laisse Chart.js gérer sa hauteur. --- */
body.pc-pokemon-page #pkmn-card-page canvas { height: revert; }

/* --- CLS : image carte (LCP) — width/height fournis dans le markup ; on garantit
       height:auto pour préserver le ratio (pas de distorsion) tout en réservant l'espace. --- */
body.pc-pokemon-page .pkmn-scan-img { height: auto; }

/* --- CLS : réserver l'espace du graphe (chargé en différé) pour éviter tout
       décalage quand Chart.js s'initialise. --- */
body.pc-pokemon-page .pkmn-pc-chart-canvas-wrap { min-height: clamp(220px, 40vw, 300px); }

/* ----------------------------------------------------------------
   Barre d'achat collante (fiches carte) : prix + lien eBay affilié
   visibles quand le bloc prix est sorti de l'écran. Construite par JS
   (clone des éléments du plugin). Mobile + desktop.
   ---------------------------------------------------------------- */
.pc-buybar {
	position: fixed; left: 0; right: 0; bottom: 0; z-index: 900;
	background: rgba(255, 255, 255, .97);
	-webkit-backdrop-filter: saturate(140%) blur(10px); backdrop-filter: saturate(140%) blur(10px);
	border-top: 1px solid var(--pc-line, #e4e8f2);
	box-shadow: 0 -12px 44px -18px rgba(8, 12, 28, .3);
	padding: 10px clamp(14px, 4vw, 28px);
	padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px));
	transform: translateY(115%); visibility: hidden;
	transition: transform .42s cubic-bezier(.22, 1, .36, 1), visibility .42s;
}
.pc-buybar.is-visible { transform: none; visibility: visible; }
.pc-buybar__inner {
	max-width: var(--pc-maxw, 1180px); margin-inline: auto;
	display: flex; align-items: center; gap: 16px;
}
.pc-buybar__info { display: flex; flex-direction: column; gap: 3px; min-width: 0; flex: 1; }
.pc-buybar__price { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.pc-buybar .pkmn-pc-headline-value { font-size: 1.4rem; font-weight: 800; color: var(--pc-text, #0f172a); line-height: 1; }
.pc-buybar .pkmn-pc-headline-range { font-size: .95rem; color: var(--pc-text-2, #475569); }
.pc-buybar__meta { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.pc-buybar .pkmn-pc-source-badge, .pc-buybar .pkmn-pc-releves-badge { font-size: .72rem; }
.pc-buybar__cta { display: flex; gap: 10px; flex: 0 0 auto; }
/* CTA eBay mis en avant (scopé à la barre uniquement) */
.pc-buybar .pkmn-pc-ebay-btn {
	display: inline-flex; align-items: center; gap: 8px; white-space: nowrap;
	padding: 11px 18px; border-radius: 999px; font-weight: 700; border: 0;
	background: var(--pc-accent, #4f46e5); color: #fff;
	box-shadow: 0 8px 22px -10px rgba(79, 70, 229, .7);
	transition: transform .2s var(--pc-ease, ease), background .2s;
}
.pc-buybar .pkmn-pc-ebay-btn:hover { transform: translateY(-2px); background: var(--pc-accent-2, #6d68f0); color: #fff; }
/* Mobile + tablette (≤ 860px) : barre ÉPURÉE et lisible.
   Priorité = PRIX (value + fourchette, sur 2 lignes) + UN SEUL bouton « Annonces eBay ».
   On masque source/relevés (le détail reste plus haut dans la fiche). Desktop (> 860px) inchangé. */
@media (max-width: 860px) {
	.pc-buybar { -webkit-backdrop-filter: none; backdrop-filter: none; background: #fff; }
	.pc-buybar__inner { gap: 12px; }
	.pc-buybar__meta { display: none; }                 /* épure : on retire source / relevés */
	.pc-buybar__info { min-width: 0; flex: 1 1 auto; }
	.pc-buybar__price { flex-direction: column; align-items: flex-start; gap: 1px; }
	.pc-buybar .pkmn-pc-headline-value { font-size: 1.2rem; line-height: 1.1; }
	.pc-buybar .pkmn-pc-headline-range { font-size: .82rem; color: var(--pc-text-2, #475569); }
	.pc-buybar__cta { flex: 0 0 auto; }
	.pc-buybar__cta .pkmn-pc-ebay-btn:not(:first-child) { display: none !important; }  /* un seul bouton */
	.pc-buybar .pkmn-pc-ebay-btn { padding: 11px 16px; white-space: nowrap; font-size: .92rem; }
}
/* Très petits écrans (≤ 380px) : on garde l'essentiel — prix + bouton — et on masque la fourchette si la place manque. */
@media (max-width: 380px) {
	.pc-buybar .pkmn-pc-headline-range { display: none; }
	.pc-buybar .pkmn-pc-ebay-btn { padding: 10px 13px; }
}
@media (prefers-reduced-motion: reduce) { .pc-buybar { transition: visibility .2s; } }

/* --- Apparition au scroll : la transition d'opacité/translation est gérée
       par le thème (.pc-js [data-reveal]) ; les éléments sont balisés par
       app.js UNIQUEMENT sous la ligne de flottaison → aucun flash, aucun
       décalage d'emplacement. Rien à ajouter ici. --- */