/* Custom Styles for Aeroion Marketing Proposal */

/* Print Styles */
@media print {
    .no-print {
        display: none !important;
    }

    body {
        background: white !important;
        font-size: 11pt;
    }

    header {
        position: relative !important;
        box-shadow: none !important;
        border-bottom: 2px solid #1e40af !important;
    }

    main {
        padding: 0 !important;
    }

    section {
        break-inside: avoid;
        page-break-inside: avoid;
        margin-bottom: 1rem !important;
        box-shadow: none !important;
        border: 1px solid #e5e7eb !important;
    }

    #hero-section {
        padding: 1.5rem !important;
    }

    #plans-section .grid {
        grid-template-columns: 1fr 1fr !important;
    }

    footer {
        margin-top: 1rem !important;
        padding: 1rem !important;
    }

    .shadow-sm {
        box-shadow: none !important;
    }
}

/* Smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* Subtle animations */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

section {
    animation: fadeInUp 0.6s ease-out;
}

/* Table hover effects */
table tbody tr {
    transition: background-color 0.2s ease;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f5f9;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb {
    background: #94a3b8;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #64748b;
}

/* Hero section responsive */
@media (max-width: 640px) {
    #hero-section h2 {
        font-size: 1.5rem;
    }

    #hero-section .flex-wrap > div {
        flex: 1;
        min-width: 140px;
    }
}

/* Plan cards responsive */
@media (max-width: 1024px) {
    #plans-section .grid {
        grid-template-columns: 1fr;
    }
}

/* Chart canvas responsive */
canvas {
    max-width: 100%;
    height: auto !important;
}