/*
Theme Name: StudioBase
Theme URI: https://vetlabstudio.example
Author: vetlabstudio
Author URI: https://vetlabstudio.example
Description: Thème de base maison, réutilisable pour les projets clients de vetlabstudio. Léger, sans dépendance à un page builder, entièrement personnalisable par theme.json (couleurs, typographies, espacements) sans toucher au code. Aucune licence, aucun renouvellement annuel.
Requires at least: 6.4
Tested up to: 6.6
Requires PHP: 7.4
Version: 1.2.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: studiobase
Tags: block-theme, full-site-editing, custom-colors, custom-menu, translation-ready

Ce thème est un thème de blocs (Full Site Editing). Toute l'apparence
(couleurs, polices, espacements, mise en page) se règle dans theme.json
et dans l'éditeur de site de WordPress — pas besoin de coder pour
personnaliser un nouveau projet client.
*/

/* ==========================================================================
   Carrousels (photo / articles) — CSS pur, sans librairie JS externe.
   Le défilement fonctionne nativement au toucher et à la molette ; les
   boutons précédent/suivant sont activés par assets/js/carousel.js
   (un petit script maison, aucune dépendance).
   ========================================================================== */

.studiobase-carousel-wrapper {
	position: relative;
}

.studiobase-carousel {
	display: flex;
	gap: var(--wp--preset--spacing--30, 1.5rem);
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
	padding-bottom: 0.75rem;
	scrollbar-width: thin;
}

.studiobase-carousel > * {
	flex: 0 0 auto;
	scroll-snap-align: start;
}

.studiobase-carousel .studiobase-carousel-item,
.studiobase-carousel.wp-block-post-template > li {
	width: min(85vw, 320px);
}

.studiobase-carousel::-webkit-scrollbar {
	height: 8px;
}

.studiobase-carousel::-webkit-scrollbar-thumb {
	background: var(--wp--preset--color--secondary);
	border-radius: 4px;
}

.studiobase-carousel-nav {
	margin-top: 0.5rem;
}

/* ==========================================================================
   Petites retouches WooCommerce pour coller à la palette du thème.
   Le reste (mise en page boutique, panier, paiement) hérite déjà de
   theme.json automatiquement.
   ========================================================================== */

.woocommerce span.onsale {
	background-color: var(--wp--preset--color--accent) !important;
}

.woocommerce .star-rating span::before {
	color: var(--wp--preset--color--accent);
}