/**
 * SUPPRESSION OMBRES VERTES + NUMÉROS DORÉS
 * Date: 17 Avril 2026
 * Version: 12.5 FINALE
 * 
 * ✅ Numéros processus en DORÉ
 * ✅ Suppression ombres vertes/tropicales
 * ✅ Remplacement par ombres marron/doré
 */

/* ============================================
   NUMÉROS PROCESSUS - DORÉ #C9A961
   ============================================ */

.step-number {
    background: linear-gradient(135deg, #C9A961 0%, #5D4E37 100%) !important;
    color: #FFFEF9 !important;
    box-shadow: 0 4px 15px rgba(201, 169, 97, 0.3) !important;
}

.process-step:hover .step-number {
    box-shadow: 0 6px 20px rgba(201, 169, 97, 0.4) !important;
    transform: scale(1.05);
}

/* ============================================
   SUPPRESSION OMBRES VERTES/TROPICALES
   ============================================ */

/* Ombres vertes (rgba(0, 201, 167, ...)) → Marron */
*[style*="box-shadow"][style*="rgba(0, 201, 167"],
*[style*="box-shadow"][style*="rgba(0,201,167"] {
    box-shadow: 0 10px 30px rgba(93, 78, 55, 0.2) !important;
}

/* Ombres bleues (rgba(0, 132, 255, ...)) → Marron */
*[style*="box-shadow"][style*="rgba(0, 132, 255"],
*[style*="box-shadow"][style*="rgba(0,132,255"] {
    box-shadow: 0 10px 30px rgba(93, 78, 55, 0.2) !important;
}

/* Ombres gold (rgba(255, 215, 0, ...)) → Doré marron */
*[style*="box-shadow"][style*="rgba(255, 215, 0"],
*[style*="box-shadow"][style*="rgba(255,215,0"] {
    box-shadow: 0 10px 30px rgba(201, 169, 97, 0.3) !important;
}

/* Text-shadows vertes → Aucune */
*[style*="text-shadow"][style*="rgba(0, 201, 167"],
*[style*="text-shadow"][style*="rgba(0,201,167"] {
    text-shadow: 0 2px 10px rgba(93, 78, 55, 0.1) !important;
}

/* ============================================
   CARDS & BOXES - OMBRES MARRON
   ============================================ */

.card,
.card-depth,
.process-step,
.testimonial-card,
.contact-info-card,
.blog-card,
.pricing-card,
.offer-card {
    box-shadow: 0 10px 30px rgba(93, 78, 55, 0.1) !important;
}

.card:hover,
.card-depth:hover,
.process-step:hover,
.testimonial-card:hover,
.contact-info-card:hover,
.blog-card:hover,
.pricing-card:hover,
.offer-card:hover {
    box-shadow: 0 15px 40px rgba(93, 78, 55, 0.15) !important;
}

/* ============================================
   BOUTONS - OMBRES MARRON/DORÉ
   ============================================ */

.btn-primary,
.btn-shine,
.cta-button,
.cta-button-large,
button[type="submit"] {
    box-shadow: 0 4px 15px rgba(201, 169, 97, 0.3) !important;
}

.btn-primary:hover,
.btn-shine:hover,
.cta-button:hover,
.cta-button-large:hover,
button[type="submit"]:hover {
    box-shadow: 0 6px 20px rgba(201, 169, 97, 0.4) !important;
}

/* ============================================
   IMAGES & MÉDIAS - OMBRES DOUCES MARRON
   ============================================ */

img,
.media-placeholder,
.testimonial-image,
.blog-card-image {
    box-shadow: 0 5px 15px rgba(93, 78, 55, 0.1) !important;
}

/* ============================================
   FOCUS STATES - GLOW DORÉ
   ============================================ */

input:focus,
textarea:focus,
select:focus {
    box-shadow: 0 0 0 3px rgba(201, 169, 97, 0.2) !important;
}

/* ============================================
   BADGES & TAGS - OMBRES MARRON
   ============================================ */

.badge,
.tag,
.hero-badge,
.blog-badge {
    box-shadow: 0 2px 10px rgba(201, 169, 97, 0.3) !important;
}

/* ============================================
   NAVBAR & HEADER - OMBRE DOUCE MARRON
   ============================================ */

.navbar,
header,
.header {
    box-shadow: 0 2px 10px rgba(93, 78, 55, 0.1) !important;
}

/* ============================================
   MODALS & OVERLAYS - OMBRES PROFONDES MARRON
   ============================================ */

.modal,
.popup,
.overlay-content {
    box-shadow: 0 20px 60px rgba(93, 78, 55, 0.3) !important;
}