/**
 * Sitewide UI normalization — professional, brand-consistent.
 * Removes rainbow/AI-style gradients; uses #2072F3 palette only.
 */

/* ── Typography ── */
body { color: var(--text-body); background: var(--white); }
h1, h2, h3, h4, h5, h6 { color: var(--heading); }

/* ── Primary buttons (recommended CTA) ── */
.btn-primary,
.open-proposal.btn-primary,
.header-cta-btn,
.mega-promo-btn {
    background: var(--primary-600) !important;
    border-color: var(--primary-600) !important;
    color: #fff !important;
    box-shadow: var(--shadow-primary);
    font-weight: 600;
}
.btn-primary:hover,
.open-proposal.btn-primary:hover,
.header-cta-btn:hover {
    background: var(--primary-700) !important;
    border-color: var(--primary-700) !important;
    color: #fff !important;
    box-shadow: 0 10px 32px rgba(24, 89, 201, 0.35);
}
.btn-primary:active { background: var(--primary-800) !important; }

.btn-outline {
    border-color: var(--primary-200);
    color: var(--primary-700);
}
.btn-outline:hover {
    background: var(--primary-50);
    border-color: var(--primary-600);
    color: var(--primary-700);
}

.btn-white {
    background: #fff;
    color: var(--primary-700);
    font-weight: 700;
}
.btn-white:hover {
    background: var(--primary-50);
    color: var(--primary-800);
}

/* Mobile FAB & quick actions */
.quick-action--primary,
.mobile-fab {
    background: var(--primary-600) !important;
    box-shadow: var(--shadow-primary) !important;
}
.quick-action--primary:hover { background: var(--primary-700) !important; }

/* ── Links ── */
a { color: var(--primary-600); }
a:hover { color: var(--primary-700); }

/* ── Section labels & badges ── */
.section-label,
.ll-section-label {
    color: var(--primary-700) !important;
}
.section-label i,
.ll-section-label i { color: var(--primary-600); }

/* ── Normalize rainbow gradients → brand blue ── */
[style*="linear-gradient"][class*="btn"],
.home-institute-btn--primary,
.inst-btn-glow,
.doc-btn--primary,
.quote-action-btn--primary {
    background: var(--gradient-primary) !important;
    border: none !important;
}

/* Homepage stat cards — all primary family */
.home-stat-card--teal::before,
.home-stat-card--purple::before,
.home-stat-card--blue::before {
    background: linear-gradient(90deg, var(--primary-600), var(--primary-400)) !important;
    opacity: 1 !important;
}
.home-stat-card--teal .home-stat-icon,
.home-stat-card--purple .home-stat-icon {
    background: var(--primary-50) !important;
    color: var(--primary-600) !important;
}
.home-stat-card--teal .stat-value,
.home-stat-card--purple .stat-value { color: var(--primary-700) !important; }

.home-power-icon--ai,
.home-pillar-card--ai::before {
    background: var(--gradient-primary) !important;
}

/* Footer stats */
.footer-stat-card--teal::before,
.footer-stat-card--purple::before {
    background: linear-gradient(90deg, var(--primary-600), var(--primary-400)) !important;
}

/* Package cards */
.package-card .package-tier-icon,
.packages-section .section-label i {
    color: var(--primary-600);
}

/* Service icons */
.service-icon-wrap,
.svc-icon-ring {
    background: var(--primary-50) !important;
    color: var(--primary-600) !important;
}

/* Header accents */
.top-bar--slim::after {
    background: linear-gradient(90deg, transparent, rgba(32, 114, 243, 0.45), rgba(255, 176, 32, 0.35), transparent) !important;
}
.top-bar-stat-highlight { color: var(--accent) !important; }

/* Blog / detail heroes — tone down multi-color */
.tm-hero-title-gradient,
.detail-hero h1 span {
    background: linear-gradient(90deg, #fff 0%, var(--primary-200) 100%) !important;
    -webkit-background-clip: text;
    background-clip: text;
}

/* Lead widget */
.chatbot-toggle-btn {
    background: var(--primary-600) !important;
}
.chatbot-header {
    background: var(--gradient-primary) !important;
}

/* Popular / highlight badges use accent gold */
.package-popular-badge,
.ll-pricing-card--featured::before,
.ll-badge i.fa-star,
.badge-accent {
    background: var(--accent) !important;
    color: var(--heading) !important;
}

/* Forms focus */
input:focus, select:focus, textarea:focus {
    border-color: var(--primary-500) !important;
    box-shadow: 0 0 0 3px rgba(32, 114, 243, 0.15) !important;
}

/* Cards — clean professional */
.admin-card, .detail-card, .package-card {
    border-color: var(--border);
}

/* CTA sections */
.cta-section,
.footer-cta,
.ll-cta {
    background: var(--gradient-hero) !important;
}

/* Scrollbar subtle */
::-webkit-scrollbar-thumb {
    background: var(--primary-300);
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover { background: var(--primary-500); }

/* ── Header / mega menu ── */
.mega-promo-card,
.mega-institute-banner {
    background: var(--gradient-primary) !important;
}
.mega-promo-card::before,
.header-mega-inst::before {
    background: linear-gradient(90deg, var(--primary-600), var(--primary-400)) !important;
}
.nav-mega-inst-badge,
.mega-inst-tag {
    color: var(--primary-700) !important;
    border-color: var(--primary-200) !important;
}
.nav-mega-inst-badge:hover {
    background: var(--primary-50) !important;
    color: var(--primary-700) !important;
}
.top-bar-stats span { color: var(--accent) !important; }

/* ── Homepage hero & sections ── */
.home-hero-badge,
.home-section-label {
    color: var(--primary-700) !important;
}
.home-hero-cta-primary,
.home-institute-btn--primary {
    background: var(--primary-600) !important;
}
.home-hero-cta-primary:hover {
    background: var(--primary-700) !important;
}
.home-pillar-card--execution::before,
.home-pillar-card--ai::before {
    background: linear-gradient(90deg, var(--primary-600), var(--primary-400)) !important;
}
.home-pillar-icon--execution,
.home-pillar-icon--ai {
    background: var(--gradient-primary) !important;
}
.footer-stat-card--teal .footer-stat-icon,
.footer-stat-card--purple .footer-stat-icon {
    background: var(--primary-50) !important;
    color: var(--primary-600) !important;
}

/* ── Institute (replace purple hero) ── */
.inst-hero,
.inst-hero-banner {
    background: var(--gradient-hero) !important;
}
.inst-promo-mini i,
.inst-course-hero-badge {
    background: var(--gradient-primary) !important;
}
.inst-btn-glow,
.inst-cta-primary {
    background: var(--primary-600) !important;
    box-shadow: var(--shadow-primary) !important;
}
.inst-btn-glow:hover,
.inst-cta-primary:hover {
    background: var(--primary-700) !important;
}

/* ── Documents / catalogue / user panels ── */
.doc-btn--primary,
.catalogue-hero-btn,
.quote-action-btn--primary {
    background: var(--gradient-primary) !important;
}
.doc-hero,
.user-dashboard-hero {
    background: var(--gradient-hero) !important;
}

/* ── Lead widget ── */
.chatbot-toggle-btn,
.lead-widget-fab {
    background: var(--primary-600) !important;
}

/* ── Detail / blog heroes ── */
.detail-hero,
.blog-hero,
.service-detail-hero {
    background: var(--gradient-hero) !important;
}

/* ── Page background ── */
.page-home,
body.page-home {
    background: var(--bg-page);
}
