input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.logo-transition { transition: opacity 0.3s ease-in-out; }

/* GRILLES RESPONSIVES */
.force-grid-6 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.5rem; }
@media (min-width: 640px) { .force-grid-6 { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .force-grid-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 0.5rem; } }

.force-grid-9 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.25rem; }
@media (min-width: 640px) { .force-grid-9 { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .force-grid-9 { grid-template-columns: repeat(9, minmax(0, 1fr)); } }

/* Les cartes adaptent leur contenu a leur propre largeur, pas seulement au viewport. */
.pokemon-box-card { container-type: inline-size; }
.pokemon-box-card .box-card-sprite { width: clamp(3.5rem, 52cqw, 9rem); height: clamp(3.5rem, 52cqw, 9rem); }
.pokemon-box-card .box-card-id { font-size: clamp(0.625rem, 6cqw, 0.875rem); }
.pokemon-box-card .box-card-local-id { font-size: clamp(0.5rem, 4.5cqw, 0.675rem); }
.pokemon-box-card .box-card-gen-badge { color: #fde047; }
.pokemon-box-card .box-card-shiny-icon { width: clamp(1.15rem, 12cqw, 1.8rem); height: clamp(1.15rem, 12cqw, 1.8rem); }
.pokemon-box-card .box-card-name { font-size: clamp(0.6rem, 6cqw, 0.875rem); }

@container (min-width: 10rem) {
	.pokemon-box-card .box-card-sprite { width: min(58cqw, 10rem); height: min(58cqw, 10rem); }
}

@media (min-width: 560px) {
	.header-main-nav {
		position: absolute;
		top: 50%;
		left: 50%;
		width: auto !important;
		margin-top: 0;
		transform: translate(-50%, -50%);
	}
}

.header-main-nav { pointer-events: none; }
.header-main-nav button { pointer-events: auto; }

::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 6px; }
.dark ::-webkit-scrollbar-thumb { background: #475569; }
