/* MZGuard Professional Theme Override
 * Ensures consistent branding across all pages
 * Professional cyber security aesthetic - NO AI gradients
 */

/* Logo styling */
.logo {
    display: block;
}

.nav-brand .brand-name {
    color: #0d1117 !important;
    font-weight: 700;
    background: none !important;
    -webkit-text-fill-color: inherit !important;
}

.footer-brand .brand-name {
    color: white !important;
}

/* Remove all gradient backgrounds - replace with solid colors */
.btn-primary,
.btn-primary-large,
.plan-button-primary {
    background: #0066ff !important;
    background-image: none !important;
}

.btn-primary:hover,
.btn-primary-large:hover,
.plan-button-primary:hover {
    background: #0052cc !important;
    transform: none;
}

/* Section badges - corporate style */
.section-badge {
    background: rgba(0, 102, 255, 0.1) !important;
    color: #0066ff !important;
    border: 1px solid rgba(0, 102, 255, 0.2);
    border-radius: 4px !important;
}

/* Stats section - solid dark background */
.stats-section {
    background: #0d1117 !important;
    background-image: none !important;
}

/* CTA section - solid dark background */
.cta-section {
    background: #0d1117 !important;
    background-image: none !important;
}

/* Author avatars - solid blue */
.author-avatar,
.company-logo {
    background: #0066ff !important;
    background-image: none !important;
}

/* Discount badges */
.discount-badge,
.popular-badge,
.best-value {
    background: #0066ff !important;
    background-image: none !important;
    border-radius: 4px !important;
}

/* Toggle slider */
input:checked + .toggle-slider {
    background: #0066ff !important;
    background-image: none !important;
}

/* Gradient text - replace with solid color */
.gradient-text {
    background: none !important;
    -webkit-text-fill-color: inherit !important;
    color: #0066ff !important;
}

/* Video placeholders - professional gradient */
.video-placeholder {
    background: linear-gradient(135deg, #f1f3f5, #e9ecef) !important;
}

/* Feature icons - subtle backgrounds */
.feature-icon {
    background: linear-gradient(135deg, #f8f9fa, #f1f3f5) !important;
}

/* Testimonial quotes - very subtle blue tint */
.testimonial-quote {
    background: rgba(0, 102, 255, 0.03) !important;
    background-image: none !important;
}

/* Comparison table highlights */
.comparison-table th.highlight {
    background: #0066ff !important;
    background-image: none !important;
}

.comparison-table td.highlight {
    background: rgba(0, 102, 255, 0.04) !important;
    background-image: none !important;
}

/* Trust indicators - consistent green */
.trust-item svg path,
.trust-item svg circle {
    stroke: #00c896 !important;
}

/* Success indicators */
.results-list svg circle {
    fill: #00c896 !important;
}

/* Hero background - very subtle */
.hero {
    background: linear-gradient(180deg, #f8f9fa 0%, white 100%) !important;
}

/* Pricing hero */
.pricing-hero {
    background: linear-gradient(180deg, #f8f9fa 0%, white 50%) !important;
}

/* Proof hero */
.proof-hero {
    background: linear-gradient(180deg, #f8f9fa 0%, white 100%) !important;
}

/* Dashboard preview shadow - blue tint */
.dashboard-preview {
    box-shadow: 0 25px 50px -12px rgba(0, 102, 255, 0.15) !important;
}

/* Stat value colors */
.stat-value {
    color: #0066ff !important;
}

.case-study-stats .stat-number {
    color: #0066ff !important;
}

/* Links and accents */
a.nav-link:hover {
    color: #0066ff !important;
}

.nav-link::after {
    background: #0066ff !important;
}

.read-more-link {
    color: #0066ff !important;
}

/* Borders and highlights */
.pricing-card.featured {
    border-color: #0066ff !important;
}

.pricing-card.enterprise {
    border-color: #0099ff !important;
}

/* Feature cards hover */
.feature-card:hover {
    border-color: #0066ff !important;
}

/* Video cards hover */
.video-card:hover {
    border-color: #0066ff !important;
}

/* Testimonial cards hover */
.testimonial-card:hover {
    border-color: #0066ff !important;
}

/* Case study cards hover */
.case-study-card:hover {
    border-color: #0066ff !important;
}

/* FAQ items hover */
.faq-item:hover {
    border-color: #0066ff !important;
}

/* Button outline styles */
.btn-secondary:hover,
.btn-secondary-large:hover,
.plan-button-outline:hover {
    border-color: #0066ff !important;
    color: #0066ff !important;
}

.plan-button-outline {
    color: #0066ff !important;
    border-color: #0066ff !important;
}

/* Remove animations that look AI-generated */
@keyframes pulse {
    0%, 100% { box-shadow: 0 10px 15px -3px rgba(0, 102, 255, 0.1); }
    50% { box-shadow: 0 20px 25px -5px rgba(0, 102, 255, 0.2); }
}

/* Professional shadows */
.btn-primary:hover,
.btn-primary-large:hover {
    box-shadow: 0 4px 12px rgba(0, 102, 255, 0.25) !important;
}

/* Ensure consistent typography */
body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* Remove overly rounded corners */
.hero-badge,
.billing-toggle,
.popular-badge,
.discount-badge,
.best-value {
    border-radius: 6px !important;
}

/* Corporate card styling */
.pricing-card,
.feature-card,
.video-card,
.testimonial-card,
.case-study-card {
    border-radius: 12px !important;
}

/* Professional button radius */
.btn-primary,
.btn-secondary,
.plan-button {
    border-radius: 6px !important;
}

.btn-primary-large,
.btn-secondary-large,
.btn-outline-large {
    border-radius: 8px !important;
}

/* Ensure logo scales properly */
.nav-brand .logo,
.footer-brand .logo {
    width: 32px;
    height: 32px;
    object-fit: contain;
}

/* Professional focus states */
.nav-link:focus,
.btn-primary:focus,
.btn-secondary:focus {
    outline: 2px solid #0066ff;
    outline-offset: 2px;
}