/* ============================================
   Study.care — Clean Corporate Override
   Removes AI-look patterns, dots, canvas noise.
   Preserves layout, gradients, cards, typography.
   ============================================ */



/* 1. Kill the full-screen canvas particle animation */
canvas.pattern-canvas {
    opacity: 0 !important;
    pointer-events: none !important;
}

/* 2. Remove the cursor glow follower */
.cursor-glow {
    display: none !important;
}

/* 3. Remove SVG section patterns completely */
.section-pattern {
    display: none !important;
}

/* 4. Remove floating brand-pattern SVG decorators */
.brand-pattern {
    display: none !important;
}

/* 5. Remove dot evolution visual (on homepage) */
.dot-evolution {
    background: transparent !important;
    border-color: transparent !important;
}
.dot-evolution .dot,
.dot-evolution .dot-origin,
.dot-evolution .dot-cluster .dot,
.dot-evolution .dot-network .dot,
.dot-evolution .connections {
    display: none !important;
}

/* 6. Remove stat card visual dots */
.stat-visual {
    display: none !important;
}
.stat-card {
    padding-top: var(--space-2xl);
}

/* 7. Remove eco-card pattern overlays */
.eco-pattern {
    display: none !important;
}

/* 8. Remove footer pattern background */
.footer-pattern {
    display: none !important;
}

/* 9. Remove hero pattern layer */
.hero-pattern-layer {
    display: none !important;
}

/* 10. Remove card hover glow mouse-follow effect */
.eco-hover-glow {
    display: none !important;
}

/* 11. Remove news card dot pattern decoration */
.news-pattern {
    display: none !important;
}

/* 12. Tone down the pulsing badge dot animation */
.badge-dot {
    animation: none !important;
    background: var(--color-secondary);
}

/* 13. Tone down the dot-symbol pulsing in headings */
.dot-symbol {
    animation: none !important;
}

/* 14. Remove page transition pattern overlay */
.page-transition .transition-pattern {
    display: none !important;
}

/* 15. Keep evolution stage labels visible, remove dot graphics */
.evolution-stage .stage-label {
    display: block;
}

/* 16. Simplify the stat-card hover - keep subtle lift only */
.stat-card:before {
    display: none !important;
}

/* 17. Remove the decorative "——" line before section labels */
.section-label:before {
    display: none !important;
}

/* 18. Remove gradient-text highlight effect — just use white */
.hero-title .highlight,
.hero-title-inner .highlight {
    -webkit-text-fill-color: var(--color-white) !important;
    background: none !important;
    font-style: normal !important;
}

/* 19. Remove the dot symbol in section headings */
.dot-symbol {
    display: none !important;
}

/* 20. Remove hero badge entirely */
.hero-badge {
    display: none !important;
}

/* 21. Remove scroll indicator */
.hero-scroll-indicator {
    display: none !important;
}

/* 22. Remove hero quick links pills */
.hero-quick-links {
    display: none !important;
}

/* 23. Remove magnetic data attribute animations */
[data-magnetic] {
    transition: none !important;
}

/* 24. Make hero title simpler — no line-by-line reveal */
.hero-title .title-line {
    display: inline;
}

/* 25. Remove audience card top-right glow circle */
.audience-card:before {
    display: none !important;
}

/* 26. Fix page hero height on inner pages - remove excessive empty space */
.page-hero {
    min-height: auto !important;
    padding: 6rem 0 3rem !important;
}

/* 27. Reduce homepage hero padding too */
.hero {
    min-height: auto !important;
    padding: 6rem 0 4rem !important;
}

/* 28. Tighten section spacing after removing patterns */
.section {
    padding: 4rem 0 !important;
}

/* 29. Remove dot-evolution container (now empty) */
.dot-evolution {
    display: none !important;
}

/* 30. Remove page transition overlay completely */
.page-transition {
    display: none !important;
}


/* 32. Remove eco-hover-glow completely */
.eco-card .eco-hover-glow {
    display: none !important;
}

/* 33. Remove canvas completely */
#patternCanvas {
    display: none !important;
}

/* 34. Hero Grid Layouts for Illustrations */
.hero-container-grid, .page-hero-container-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    align-items: center;
}
.hero-illustration {
    width: 100%;
    max-width: 550px;
    height: auto;
    display: block;
    margin: 0 auto;
    transition: transform 0.3s ease;
}
.hero-illustration:hover {
    transform: translateY(-10px);
}
@media (max-width: 992px) {
    .hero-container-grid, .page-hero-container-grid {
        grid-template-columns: 1fr;
        gap: 2rem;
        text-align: center;
    }
    .hero-content {
        margin: 0 auto;
    }
    .hero-actions {
        justify-content: center !important;
        flex-direction: column;
    }
    .hero-actions .btn {
        width: 100%;
    }
}

@media (min-width: 769px) {
    .navbar .container {
        justify-content: flex-start !important;
    }
    .logo {
        margin-right: auto !important;
    }
    .theme-toggle-btn {
        margin-left: 2rem !important;
        margin-top: 0 !important;
    }
}

@media (max-width: 768px) {
    .theme-toggle-btn {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        margin-left: auto !important;
        margin-right: 1.5rem !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        align-self: center !important;
        z-index: 1000;
        width: 38px;
        height: 38px;
    }
}

/* 35. Adapt black outlines for dark mode */
[data-theme="dark"] .hero-illustration {
    filter: invert(1) brightness(1.2);
}