/* --- IMPORTATION DES POLICES --- */
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Montserrat:wght@400;500;600;700&display=swap');

/* --- PARAMÉTRAGE TAILWIND & POLICES --- */
@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
    h1, h2, h3, h4, .font-serif {
        font-family: 'Libre Baskerville', serif;
    }
    body, p, a, span, .font-sans {
        font-family: 'Montserrat', sans-serif;
    }
}

/* --- COULEURS ET UTILITAIRES --- */
.text-primary { color: #a08466 !important; }
.bg-primary { background-color: #a08466 !important; }
.border-primary { border-color: #a08466 !important; }

/* --- CARROUSEL INFINI DES AVIS --- */
.scroller-container {
    width: 100%;
    overflow: hidden;
    padding: 2rem 0;
    /* Masque dégradé sur les bords */
    -webkit-mask-image: linear-gradient(to right, transparent, black 15%, black 85%, transparent);
    mask-image: linear-gradient(to right, transparent, black 15%, black 85%, transparent);
}

.scroller-track {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 2rem;
    width: max-content;
    animation: scroll 45s linear infinite;
    align-items: stretch;
}

.scroller-track:hover {
    animation-play-state: paused;
}

@keyframes scroll {
    from { transform: translateX(0); }
    to { transform: translateX(calc(-50% - 1rem)); }
}

/* --- DESIGN DES CARTES D'AVIS --- */
.review-card {
    width: 380px !important;
    min-width: 380px !important;
    background-color: #ffffff !important;
    border: 1px solid #e6dad0 !important;
    border-radius: 1.5rem !important;
    padding: 2rem !important;
    display: flex !important;
    flex-direction: column !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05) !important;
    white-space: normal !important;
    transition: transform 0.3s ease;
}

.review-card:hover {
    transform: translateY(-5px);
}

/* --- GRILLE DES TARIFS --- */
/* On utilise des fonds blancs sur les textes pour masquer les pointillés derrière */
#pricing-container li span {
    background-color: white;
    position: relative;
    z-index: 10;
}