/* =============================================
   Site Harmony - Harmonisation visuelle globale
   Chargé EN DERNIER sur toutes les pages
   Uniformise le style premium sur tout le site
   ============================================= */

/* ===== NAVBAR — CASSE NORMALE FORCÉE ===== */
.nav-link {
    text-transform: none !important;
    letter-spacing: -0.01em !important;
    font-weight: 400 !important;
}
.nav-link.active {
    font-weight: 500 !important;
}

/* ===== CORPS & FOND GLOBAL ===== */
body {
    background-color: #f8f4ee !important;
    font-family: 'Manrope', -apple-system, BlinkMacSystemFont, sans-serif !important;
    color: #4f473f !important;
}

/* ===== TYPOGRAPHIE GLOBALE ===== */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-weight: 500 !important;
    color: #3d342d !important;
    line-height: 1.15 !important;
}

/* ===== HERO SECTIONS — TOUTES LES PAGES ===== */
.portfolio-hero,
.blog-hero-modern,
.contact-hero,
.faq-hero-modern {
    background: linear-gradient(180deg, #f8f4ee 0%, #f0e8de 100%) !important;
}

.portfolio-hero::before,
.blog-hero-modern::before,
.faq-hero-modern::before,
.faq-hero-modern::after {
    display: none !important;
    background: none !important;
}

/* Titres hero */
.portfolio-hero h1,
.blog-hero-modern h1,
.contact-hero h1,
.faq-hero-modern h1 {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-weight: 500 !important;
    color: #3d342d !important;
    font-size: clamp(2.8rem, 5vw, 4.2rem) !important;
    line-height: 1.05 !important;
}

/* Spans colorés dans les titres */
.portfolio-hero h1 span,
.blog-hero-modern h1 span,
.contact-hero h1 span,
.faq-hero-modern h1 span {
    background: linear-gradient(135deg, #c5946d, #a07a52) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

/* Sous-titres hero */
.portfolio-hero p,
.blog-hero-modern p,
.contact-hero p,
.faq-hero-modern p,
.contact-hero-subtitle,
.blog-hero-subtitle {
    color: #7d746b !important;
    font-family: 'Manrope', sans-serif !important;
    font-weight: 400 !important;
}

/* ===== BADGES ===== */
.hero-badge,
.portfolio-hero .hero-badge,
.blog-hero-modern .hero-badge,
.contact-hero .hero-badge,
.faq-hero-modern .hero-badge,
.eyebrow-badge {
    background: rgba(197, 148, 109, 0.1) !important;
    color: #9a7b5c !important;
    border: 1px solid rgba(197, 148, 109, 0.2) !important;
    font-family: 'Manrope', sans-serif !important;
    letter-spacing: 0.08em !important;
    font-weight: 700 !important;
    font-size: 0.72rem !important;
    text-transform: uppercase !important;
}

/* ===== SECTIONS FOND ===== */
.portfolio-section,
.portfolio-filters,
.blog-section,
.contact-section,
.faq-section,
.faq-cta-section,
.blog-cta-section,
.blog-newsletter,
.contact-map-section {
    background-color: #f8f4ee !important;
}

.before-after-section,
.portfolio-testimonials,
.faq-section:nth-child(even) {
    background: linear-gradient(180deg, #f0ebe3 0%, #e8e1d7 100%) !important;
}

/* ===== EN-TÊTES DE SECTION ===== */
.section-header .eyebrow,
.section-eyebrow {
    color: #c5946d !important;
    font-family: 'Manrope', sans-serif !important;
    letter-spacing: 0.1em !important;
    font-weight: 700 !important;
    font-size: 0.72rem !important;
    text-transform: uppercase !important;
}

.section-header h2,
.section-title-main {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-weight: 500 !important;
    color: #3d342d !important;
}

/* ===== CARDS UNIFORMISÉES ===== */
.project-card,
.blog-card,
.article-card-modern,
.testimonial-card,
.before-after-card,
.faq-accordion-item,
.contact-info-card,
.contact-method {
    background: rgba(255, 255, 255, 0.75) !important;
    border: 1px solid rgba(95, 87, 79, 0.08) !important;
    border-radius: 20px !important;
}

.project-card:hover,
.blog-card:hover,
.article-card-modern:hover {
    background: rgba(255, 255, 255, 0.92) !important;
    box-shadow: 0 20px 50px rgba(113, 101, 88, 0.1) !important;
    transform: translateY(-4px) !important;
    border-color: rgba(197, 148, 109, 0.2) !important;
}

/* Titres des cards */
.project-title,
.project-card h3,
.blog-card h3,
.blog-card h2,
.article-card-modern h3,
.before-after-title,
.faq-accordion-item h3,
.faq-question {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-weight: 500 !important;
    color: #3d342d !important;
}

/* ===== CATÉGORIE / TAGS ===== */
.project-category,
.blog-category,
.article-tag,
.filter-tab {
    font-family: 'Manrope', sans-serif !important;
}

.project-category {
    color: #c5946d !important;
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
}

/* ===== FILTER TABS — PORTFOLIO ===== */
.filter-tabs {
    display: flex !important;
    gap: 0.6rem !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
}

.filter-tab {
    background: rgba(95, 87, 79, 0.06) !important;
    border: 1px solid rgba(95, 87, 79, 0.12) !important;
    color: #7d746b !important;
    border-radius: 999px !important;
    padding: 0.5rem 1.2rem !important;
    font-size: 0.82rem !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
}

.filter-tab.active,
.filter-tab:hover {
    background: #c5946d !important;
    color: #fff !important;
    border-color: #c5946d !important;
}

/* ===== QUICK CTA BANNER ===== */
.pp-promo-inner {
    background: rgba(197, 148, 109, 0.08) !important;
    border: 1px solid rgba(197, 148, 109, 0.18) !important;
    border-radius: 22px !important;
}

/* ===== RÉSULTATS PROJETS ===== */
.result-value {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-weight: 500 !important;
    color: #c5946d !important;
    font-size: 1.4rem !important;
}

.result-label {
    color: #9f968b !important;
    font-size: 0.75rem !important;
}

/* ===== PROJECT TAGS ===== */
.project-tag {
    background: rgba(255, 255, 255, 0.85) !important;
    color: #7d746b !important;
    border-radius: 999px !important;
    font-size: 0.72rem !important;
    font-family: 'Manrope', sans-serif !important;
}

/* ===== TESTIMONIALS ===== */
.testimonial-card .content {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-style: italic !important;
    font-size: 1.05rem !important;
    color: #5e564d !important;
}

.testimonial-card .quote-icon {
    color: #c5946d !important;
    font-size: 3rem !important;
    font-family: 'Cormorant Garamond', Georgia, serif !important;
}

.testimonial-card .stars i {
    color: #c5946d !important;
}

/* ===== FAQ ACCORDION ===== */
.faq-accordion-item h3,
.faq-accordion-question {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-weight: 500 !important;
    color: #3d342d !important;
    font-size: 1.1rem !important;
}

/* ===== BLOG CARDS ===== */
.blog-cards-grid,
.articles-grid {
    gap: 1.4rem !important;
}

.blog-card-category,
.article-category {
    color: #c5946d !important;
    font-family: 'Manrope', sans-serif !important;
    font-weight: 700 !important;
    font-size: 0.72rem !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}

/* ===== CONTACT HERO SPÉCIFIQUE ===== */
.contact-hero {
    background: linear-gradient(180deg, #f8f4ee 0%, #f0e8de 100%) !important;
}

.contact-info-card,
.contact-method {
    background: rgba(255, 255, 255, 0.75) !important;
    border: 1px solid rgba(95, 87, 79, 0.08) !important;
    border-radius: 20px !important;
}

/* ===== FORM ===== */
.contact-form,
.form-card {
    background: rgba(255, 255, 255, 0.75) !important;
    border: 1px solid rgba(95, 87, 79, 0.08) !important;
    border-radius: 20px !important;
}

.form-input,
.form-textarea,
input[type="text"],
input[type="email"],
input[type="tel"],
textarea,
select {
    background: rgba(248, 244, 238, 0.8) !important;
    border: 1px solid rgba(95, 87, 79, 0.15) !important;
    border-radius: 10px !important;
    color: #3d342d !important;
    font-family: 'Manrope', sans-serif !important;
}

input:focus,
textarea:focus,
select:focus {
    border-color: #c5946d !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(197, 148, 109, 0.12) !important;
}

/* ===== STATS ===== */
.portfolio-stats .stat-number,
.stat-value {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-weight: 500 !important;
    color: #3d342d !important;
    font-size: 2.2rem !important;
}

.portfolio-stats .stat-label,
.stat-label {
    color: #9f968b !important;
    font-family: 'Manrope', sans-serif !important;
    font-size: 0.78rem !important;
}