/**
 * Carrousel des titres similaires — fiche d'un livre et panier. Module : mu-plugins/bp-skeditions-similaires.php.
 * Défilement natif : au doigt sur téléphone, flèches sur ordinateur. Racine à 62,5 % : px ou variables, jamais rem.
 * Miroir local : skeditions.fr/refonte/bricks-child/assets/ — modifier localement puis pousser.
 */
.sk-carrousel { --sk-car-largeur: 210px; --sk-car-ecart: var(--sp-32); width: 100%; }
.sk-carrousel__tete { display: flex; align-items: center; justify-content: space-between; gap: var(--sp-16); margin-bottom: var(--sp-24); }
.sk-carrousel__nom { margin: 0; font-size: var(--fs-28); }
.sk-carrousel__fleches { display: flex; flex: none; gap: var(--sp-8); }
.sk-carrousel__fleches[hidden] { display: none; }
.sk-carrousel__fleches button {
	display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0;
	border: 2px solid var(--color-grey-2); border-radius: 50%; background: var(--color-white); color: var(--color-dark);
	font: 600 18px/1 var(--font-body); cursor: pointer; transition: border-color .2s, color .2s, opacity .2s;
}
.sk-carrousel__fleches button:hover:not(:disabled), .sk-carrousel__fleches button:focus-visible { border-color: var(--color-primary); color: var(--color-primary); }
.sk-carrousel__fleches button:disabled { opacity: .35; cursor: default; }

.sk-carrousel__piste {
	display: flex; gap: var(--sk-car-ecart); margin: 0; padding: 4px 4px var(--sp-16); list-style: none;
	overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: thin; scrollbar-color: var(--color-grey-2) transparent;
}
.sk-carrousel__carte { flex: 0 0 var(--sk-car-largeur); margin: 0; scroll-snap-align: start; }
.sk-carrousel__carte a { display: flex; flex-direction: column; gap: 6px; height: 100%; color: var(--color-dark); text-decoration: none; }
.sk-carrousel__carte img { display: block; width: 100%; height: auto; aspect-ratio: 1 / 1.41; margin-bottom: var(--sp-8); object-fit: cover; border-radius: var(--radius-md); box-shadow: var(--shadow-faint); transition: transform .25s, box-shadow .25s; }
.sk-carrousel__carte a:hover img { transform: translateY(-3px); box-shadow: var(--shadow-soft); }
.sk-carrousel__titre { font: 700 var(--fs-16)/1.3 var(--font-heading); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.sk-carrousel__carte a:hover .sk-carrousel__titre { color: var(--color-primary); }
.sk-carrousel__auteur { color: var(--color-text-muted); font-size: var(--fs-14); line-height: 1.3; }
.sk-carrousel__prix { margin-top: auto; padding-top: 2px; color: var(--color-primary); font: 700 var(--fs-16)/1.2 var(--font-heading); }

/* panier : couvertures petites, plus de titres visibles */
.sk-carrousel--petit { --sk-car-largeur: 122px; --sk-car-ecart: var(--sp-16); padding: var(--sp-24); border-radius: var(--radius-md); background: var(--color-white); box-shadow: var(--shadow-faint); }
.sk-carrousel--petit .sk-carrousel__tete { margin-bottom: var(--sp-16); }
.sk-carrousel--petit .sk-carrousel__nom { font-size: var(--fs-20); }
.sk-carrousel--petit .sk-carrousel__fleches button { width: 36px; height: 36px; font-size: 16px; }
.sk-carrousel--petit .sk-carrousel__carte img { border-radius: var(--radius-sm); margin-bottom: 4px; }
.sk-carrousel--petit .sk-carrousel__titre { font-size: var(--fs-14); -webkit-line-clamp: 3; }
.sk-carrousel--petit .sk-carrousel__auteur { display: none; }
.sk-carrousel--petit .sk-carrousel__prix { font-size: var(--fs-14); }

@media (max-width: 767px) {
	.sk-carrousel { --sk-car-largeur: 150px; --sk-car-ecart: var(--sp-16); }
	.sk-carrousel__nom { font-size: var(--fs-24); }
	.sk-carrousel--petit { --sk-car-largeur: 104px; --sk-car-ecart: var(--sp-12); padding: var(--sp-16); }
}
@media (prefers-reduced-motion: reduce) {
	.sk-carrousel__piste { scroll-behavior: auto; }
	.sk-carrousel__carte img { transition: none; }
}