/*
 * Animazione brand theme override
 * Sovrascrive le CSS variables e selettori hardcoded dark-theme degli articoli blog.
 * Va incluso DOPO blog-xxx.css.
 */

:root {
    /* Override palette: dark -> light + orange */
    --primary-color: #EA580C !important;
    --secondary-color: #F59E0B !important;
    --bg-dark: #F0F9FF !important;
    --bg-card: #ffffff !important;
    --bg-card-hover: #FEF3C7 !important;
    --text-light: #0f172a !important;
    --text-muted: #64748b !important;
    --accent-gradient: linear-gradient(135deg, #EA580C 0%, #F97316 50%, #F59E0B 100%) !important;
    --shadow-gold: 0 4px 20px rgba(245, 158, 11, 0.25) !important;
}

/* Body + main containers: force light backgrounds */
body {
    background-color: #F0F9FF !important;
    background: linear-gradient(180deg, #F0F9FF 0%, #ffffff 50%, #EFF6FF 100%) !important;
    color: #1e293b !important;
}

/* Header blog */
.header {
    background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,1) 100%) !important;
    border-bottom: 1px solid rgba(245, 158, 11, 0.25) !important;
}
.header .logo {
    background: linear-gradient(135deg, #EA580C 0%, #F97316 50%, #F59E0B 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}
.header-cta {
    background: linear-gradient(45deg, #F97316, #EA580C) !important;
    color: #fff !important;
}

/* Navbar (inherits from blog.css/shared.css, no override needed) */

/* Article H1 gradient orange */
.article-container h1,
article h1 {
    background: linear-gradient(135deg, #EA580C 0%, #F97316 50%, #F59E0B 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
}

/* Article category badge */
.article-category {
    background: linear-gradient(135deg, #F97316, #F59E0B) !important;
    color: #fff !important;
}

/* Article content: general text on light */
.article-content,
.article-content p,
.article-content li {
    color: #334155 !important;
}
.article-content h2,
.article-content h3 {
    color: #0f172a !important;
}
.article-content strong { color: #0f172a !important; }
.article-content a { color: #EA580C !important; }
.article-content a:hover { color: #C2410C !important; }

/* Breadcrumb (article inline one) */
.breadcrumb {
    color: #64748b !important;
}
.breadcrumb a { color: #F59E0B !important; }

/* Article meta info */
.article-meta { color: #64748b !important; }
.article-meta span { color: #64748b !important; }

/* Hero image article */
.article-hero-img {
    border: 1px solid #e2e8f0;
    border-radius: 16px;
}

/* TOC */
.toc {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    padding: 20px 24px !important;
}
.toc-title { color: #0f172a !important; font-weight: 700 !important; }
.toc a { color: #EA580C !important; }
.toc a:hover { color: #C2410C !important; }

/* Stats grid */
.stats-grid {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
}
.stat-item { background: transparent !important; }
.stat-number {
    background: linear-gradient(135deg, #EA580C 0%, #F97316 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}
.stat-label { color: #64748b !important; }

/* Info box */
.info-box {
    background: linear-gradient(135deg, #FFF7ED 0%, #FEF3C7 100%) !important;
    border: 1px solid #FDBA74 !important;
    color: #7C2D12 !important;
    border-radius: 14px !important;
}
.info-box-title { color: #9A3412 !important; font-weight: 700 !important; }
.info-box p { color: #7C2D12 !important; }
.info-box a { color: #EA580C !important; }

/* Tips list */
.tips-list { background: transparent !important; }

/* CTA section (article) */
.cta-section {
    background: linear-gradient(135deg, #FFF7ED 0%, #FEF3C7 100%) !important;
    border: 1px solid #FDBA74 !important;
    color: #7C2D12 !important;
}
.cta-section h3,
.cta-section h2 { color: #9A3412 !important; }
.cta-section p { color: #7C2D12 !important; }
.cta-button {
    background: linear-gradient(45deg, #25D366, #128C7E) !important;
    color: #fff !important;
}

/* Related articles cards */
.related-links { background: transparent !important; }
.related-links h3 { color: #0f172a !important; }
.related-links a { color: #EA580C !important; }

/* Related articles grid (inline styled in HTML) */
article[class*="article-container"] a[href^="/blog/"] {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
}

/* Partners box (AVIS article) */
.partners-box {
    background: linear-gradient(135deg, #FFF7ED 0%, #FEF3C7 100%) !important;
    border: 1px solid #FDBA74 !important;
}
.partners-box .partner strong { color: #EA580C !important; }

/* Gallery figures */
.vr-gallery figure {
    border: 1px solid #e2e8f0;
}

/* Footer blog */
.footer {
    background: #ffffff !important;
    color: #64748b !important;
    border-top: 1px solid #e2e8f0 !important;
}
.footer a { color: #EA580C !important; }

/* Floating whatsapp button */
.whatsapp-float {
    background: linear-gradient(135deg, #25D366, #128C7E) !important;
    color: #fff !important;
}

/* Section titles with secondary color inline */
article [style*="color: var(--secondary-color)"],
article [style*="color:var(--secondary-color)"] {
    color: #F59E0B !important;
}