/* Corrections pour éviter le chevauchement des badges sur tous les écrans */

/* Solution globale pour tous les écrans */
.offer-card.premium.special-offer {
    padding-top: 35px !important; /* Espace supplémentaire en haut de la carte */
    position: relative !important;
    overflow: visible !important;
}

/* Styles pour le badge "Solution Avancée" */
.offer-card.premium.special-offer .special-badge {
    top: -15px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 20 !important;
    font-size: 0.9rem !important;
    padding: 3px 12px !important;
    white-space: nowrap !important;
    position: absolute !important;
    border-radius: 20px !important;
}

/* Styles pour l'en-tête de la carte */
.offer-card.premium.special-offer .offer-header {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding-top: 10px !important;
    position: relative !important;
    z-index: 5 !important;
}

/* Styles pour le titre de la carte */
.offer-card.premium.special-offer .offer-header h3 {
    margin: 5px 0 10px 0 !important;
    padding: 5px !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    color: var(--accent-color) !important;
    font-size: 1.6rem !important;
    font-weight: bold !important;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.5) !important;
    text-align: center !important;
}

/* Styles pour le badge "Investisseurs expérimentés" */
.offer-card.premium.special-offer .premium-badge {
    position: relative !important;
    display: inline-block !important;
    margin: 0 auto 10px auto !important;
    font-size: 0.85rem !important;
    padding: 3px 10px !important;
    z-index: 10 !important;
    text-align: center !important;
    border-radius: 15px !important;
}

/* Ajustements pour les badges sur mobile */
@media (max-width: 768px) {
    /* Augmenter l'espace en haut de la carte pour le badge "Solution Avancée" */
    .offer-card.premium.special-offer {
        padding-top: 40px !important;
    }
    
    /* Repositionnement du badge "Solution Avancée" */
    .offer-card.premium.special-offer .special-badge {
        top: -12px !important;
        font-size: 0.8rem !important;
        padding: 2px 8px !important;
    }
    
    /* Repositionnement du badge "Investisseurs expérimentés" */
    .offer-card.premium.special-offer .premium-badge {
        margin: 0 auto 8px auto !important;
        font-size: 0.8rem !important;
        padding: 2px 8px !important;
    }
    
    /* Ajustement de l'en-tête de la carte pour éviter le chevauchement */
    .offer-card.premium.special-offer .offer-header {
        padding-top: 12px !important;
        margin-top: 8px !important;
    }
    
    /* S'assurer que le titre est bien visible et centré */
    .offer-card.premium.special-offer .offer-header h3 {
        margin: 8px 0 !important;
        font-size: 1.5rem !important;
    }
}

/* Ajustements pour les très petits écrans */
@media (max-width: 480px) {
    /* Encore plus d'espace pour les très petits écrans */
    .offer-card.premium.special-offer {
        padding-top: 45px !important;
    }
    
    .offer-card.premium.special-offer .special-badge {
        font-size: 0.7rem !important;
        padding: 2px 6px !important;
        top: -10px !important;
    }
    
    .offer-card.premium.special-offer .premium-badge {
        font-size: 0.7rem !important;
        padding: 2px 6px !important;
        margin: 0 auto 6px auto !important;
    }
    
    /* Renforcement de la visibilité du titre sur les très petits écrans */
    .offer-card.premium.special-offer .offer-header h3 {
        margin: 6px 0 4px 0 !important;
        padding: 4px !important;
        font-size: 1.4rem !important;
    }
}