/* ========================================
   PRINT STYLES FOR KIDSPLAN AI
   ======================================== */

@media print {

    /* Hide navigation and UI elements */
    nav,
    .navbar,
    .sticky,
    header,
    .nav-toggle,
    .nav-links,
    .mobile-menu,
    #mobile-menu,
    .profile-dropdown,
    footer {
        display: none !important;
    }

    /* Hide WhatsApp floating button */
    a[href*="wa.me"],
    a[href*="whatsapp"] {
        display: none !important;
    }

    /* Hide all buttons */
    button,
    .btn,
    .button,
    a.btn,
    a.button,
    input[type="button"],
    input[type="submit"],
    .action-buttons,
    .print-hide {
        display: none !important;
    }

    /* Hide specific dashboard elements */
    .add-child-btn,
    .delete-btn,
    .edit-btn,
    .sync-btn,
    .premium-status {
        display: none !important;
    }

    /* Optimize page for printing */
    body {
        background: white !important;
        color: black !important;
        margin: 0;
        padding: 0;
    }

    main {
        padding: 10mm !important;
        margin: 0 !important;
        max-width: 100% !important;
    }

    /* Ensure content fits on page */
    .container {
        max-width: 100% !important;
        padding: 0 !important;
    }

    /* Schedule table optimization */
    table {
        width: 100% !important;
        page-break-inside: avoid;
        border-collapse: collapse;
    }

    table th,
    table td {
        padding: 8px !important;
        border: 1px solid #333 !important;
        font-size: 11pt !important;
    }

    /* Prevent page breaks inside important elements */
    .schedule-item,
    .card,
    .activity-row,
    tr {
        page-break-inside: avoid;
    }

    /* Remove shadows and fancy effects */
    * {
        box-shadow: none !important;
        text-shadow: none !important;
    }

    /* Optimize colors for black & white printing */
    .bg-gradient-to-r,
    .bg-gradient-to-br,
    .gradient,
    .bg-blue-50,
    .bg-purple-50,
    .bg-orange-50,
    .bg-yellow-50 {
        background: white !important;
        border: 1px solid #ddd !important;
    }

    /* Ensure text is readable */
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        color: black !important;
        page-break-after: avoid;
    }

    p {
        orphans: 3;
        widows: 3;
    }

    /* Links should not show URL in print */
    a[href]:after {
        content: none !important;
    }

    /* Hide flash messages */
    .alert,
    .flash-message,
    .notification {
        display: none !important;
    }

    /* Hide tutorial and help sections */
    .tutorial-section,
    .help-section,
    .tips-section {
        display: none !important;
    }

    /* Optimize schedule title */
    .schedule-header {
        margin-bottom: 15px;
        padding-bottom: 10px;
        border-bottom: 2px solid #333;
    }

    /* Print-specific styling for schedule */
    .schedule-title {
        font-size: 18pt !important;
        font-weight: bold !important;
        margin-bottom: 10px !important;
    }

    .schedule-date {
        font-size: 12pt !important;
        color: #666 !important;
    }

    /* Remove unnecessary spacing */
    .mb-8,
    .mb-12,
    .mb-16,
    .mt-8,
    .mt-12,
    .mt-16 {
        margin: 5mm 0 !important;
    }

    .py-8,
    .py-12,
    .py-16 {
        padding: 5mm 0 !important;
    }

    /* Ensure schedule content is visible */
    .schedule-content,
    .printable-content {
        display: block !important;
    }

    /* Hide decorative elements */
    .decorative-blob,
    .floating-icon,
    .animation,
    .hover-effect {
        display: none !important;
    }
}