/* ============================================================
MUSLIGO - PRINT STYLES
============================================================
File: static/css/print.css
Purpose: Print-friendly styles for the application
Author: MusliGo Team
Contact: support@musligo.com
Website: https://musligo.com
============================================================ */

/* ============================================================
BASE PRINT STYLES
============================================================ */

@media print {
    /* Hide navigation, buttons, and interactive elements */
    .navbar, .mg-header, .mg-footer, .mg-drawer, .mg-seasonal,
    .footer,
    .btn,
    .no-print,
    .dropdown,
    .alert,
    .flash-container,
    .sticky-section,
    #backButton,
    .quick-actions-card,
    .carousel-controls,
    form,
    .pagination,
    .ad-banner {
        display: none !important;
    }

    /* Show only essential content */
    body {
        background: white !important;
        color: black !important;
        font-size: 12px !important;
        line-height: 1.5 !important;
    }

    /* Container full width */
    .container,
    .container-fluid {
        max-width: 100% !important;
        padding: 10px !important;
        margin: 0 !important;
    }

    /* Cards become plain blocks */
    .card {
        border: 1px solid #ddd !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        margin-bottom: 10px !important;
        break-inside: avoid !important;
    }

    .card-body {
        padding: 10px !important;
    }

    /* Headers */
    h1,
    h2,
    h3,
    h4,
    h5 {
        color: black !important;
        page-break-after: avoid !important;
    }

    /* Links show URLs */
    a[href]:after {
        content: " (" attr(href) ")";
        font-size: 10px;
        color: #666;
        text-decoration: none;
    }

    a[href^="#"]:after {
        content: "";
    }

    a[href^="/"]:after {
        content: " (https://musligo.com" attr(href) ")";
    }

    /* Tables */
    .table {
        border-collapse: collapse !important;
        width: 100% !important;
        font-size: 11px !important;
    }

    .table th,
    .table td {
        border: 1px solid #ddd !important;
        padding: 4px 8px !important;
        text-align: left !important;
    }

    .table th {
        background: #f5f5f5 !important;
        font-weight: 600 !important;
    }

    .table-responsive {
        overflow: visible !important;
    }

    /* Images */
    img {
        max-width: 100% !important;
        page-break-inside: avoid !important;
    }

    /* Print-specific layout */
    .print-only {
        display: block !important;
    }

    .print-page-break {
        page-break-before: always !important;
    }

    .print-no-break {
        page-break-inside: avoid !important;
    }

    /* Colors */
    .text-gold {
        color: #333 !important;
    }

    .text-muted {
        color: #666 !important;
    }

    .bg-navy {
        background: white !important;
        color: black !important;
    }

    .bg-cream {
        background: white !important;
    }

    /* Badges */
    .badge {
        border: 1px solid #ddd !important;
        color: black !important;
        background: white !important;
    }

    /* Star ratings */
    .fa-star {
        color: #333 !important;
    }

    .fa-star.empty {
        color: #ddd !important;
    }

    /* Stats */
    .stats-number {
        color: black !important;
    }

    /* Charts (hide or show simplified) */
    canvas {
        max-height: 300px !important;
        border: 1px solid #ddd !important;
    }

    .chart-card {
        border: 1px solid #ddd !important;
    }

    /* Footer */
    .footer {
        display: none !important;
    }

    /* Print signature */
    .print-signature {
        display: block !important;
        text-align: center;
        font-size: 10px;
        color: #999;
        border-top: 1px solid #ddd;
        padding-top: 10px;
        margin-top: 20px;
    }

    /* Print header */
    .print-header {
        display: block !important;
        text-align: center;
        padding: 20px 0;
        border-bottom: 2px solid #333;
        margin-bottom: 20px;
    }

    .print-header h1 {
        font-size: 24px !important;
        margin: 0 !important;
    }

    .print-header p {
        font-size: 14px !important;
        color: #666 !important;
        margin: 5px 0 !important;
    }
}

/* ============================================================
PRINT-SPECIFIC UTILITIES
============================================================ */

.print-only {
    display: none !important;
}

@media print {
    .print-only {
        display: block !important;
    }

    .print-hide {
        display: none !important;
    }

    .print-text-black {
        color: black !important;
    }

    .print-border {
        border: 1px solid #ddd !important;
    }

    .print-padding {
        padding: 10px !important;
    }

    .print-margin {
        margin: 10px !important;
    }

    .print-text-center {
        text-align: center !important;
    }

    .print-text-left {
        text-align: left !important;
    }

    .print-text-right {
        text-align: right !important;
    }

    .print-float-left {
        float: left !important;
    }

    .print-float-right {
        float: right !important;
    }

    .print-clear {
        clear: both !important;
    }

    .print-width-100 {
        width: 100% !important;
    }

    .print-width-50 {
        width: 50% !important;
    }

    .print-width-33 {
        width: 33.333% !important;
    }

    .print-width-25 {
        width: 25% !important;
    }
}

/* ============================================================
END OF FILE
============================================================ */
/* Signed: musligo.com | support@musligo.com */