/* Styles de base pour le corps du site et les éléments communs */
body {
    font-family: var(--pvl-font-sans);
    color: var(--pvl-text-color-dark);
}

/* Styles pour les prix */
.pvl-prix-duree { font-size: 0.9em; font-weight: normal; color: #666; }
.pvl-prix-promo del { font-size: 0.9em; color: #999; font-weight: normal; margin-right: 0.5em; }
.pvl-prix-promo ins { text-decoration: none; color: var(--pvl-promo-color); font-weight: bold; }
.pvl-prix-normal { font-weight: bold; color: var(--pvl-primary-color); }

/* Styles pour les composants réutilisables */
.pvl-loader { position: absolute; top: 50px; left: 50%; transform: translateX(-50%); width: 40px; height: 40px; border: 4px solid #f3f3f3; border-top: 4px solid var(--pvl-primary-color); border-radius: 50%; animation: spin 1s linear infinite; z-index: 10; }
.pvl-loader-small { display: inline-block; width: 16px; height: 16px; border: 2px solid #f3f3f3; border-top: 2px solid var(--pvl-primary-color); border-radius: 50%; animation: spin 1s linear infinite; vertical-align: middle; margin-right: 8px; }
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

.pvl-quantity-modifier { display: flex; align-items: center; justify-content: space-between; width: 100%; background-color: var(--pvl-background-light); border: 1px solid var(--pvl-border-color); border-radius: var(--pvl-border-radius); overflow: hidden; }
.pvl-qty-btn { background-color: transparent; border: none; cursor: pointer; font-size: 1.5rem; font-weight: bold; padding: 0 15px; line-height: 38px; color: var(--pvl-primary-color); }
.pvl-qty-btn:hover { background-color: #e2e8f0; }
.pvl-qty-current { font-weight: 600; font-size: 0.9rem; }