/* Print Styles for OrderForm */
@media print {
    /* Reset margins and hide unnecessary elements */
    * {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }
    
    body {
        font-family: Arial, sans-serif;
        font-size: 12pt;
        line-height: 1.4;
        color: #000;
        background: white;
        margin: 0;
        padding: 0;
    }
    
    /* Hide navigation and decorative elements */
    nav[aria-label="Breadcrumb"],
    .ns-container > nav,
    header,
    footer,
    .no-print,
    button,
    h1,
    h2,
    h3,
    .print-hide-subtitle {
        display: none !important;
    }
    
    /* Page layout */
    .ns-container {
        max-width: none !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    main {
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* Card styling for print */
    .ns-card {
        border: none !important;
        margin: 0 !important;
        padding: 0 !important;
        background: white !important;
        box-shadow: none !important;
        border-radius: 0 !important;
    }
    
    /* Headers */
    h1 {
        font-size: 18pt;
        font-weight: bold;
        margin-bottom: 12pt;
        color: #000;
        text-align: center;
    }
    
    h2 {
        font-size: 14pt;
        font-weight: bold;
        margin-bottom: 10pt;
        color: #000;
    }
    
    h3 {
        font-size: 12pt;
        font-weight: bold;
        margin-bottom: 8pt;
        color: #000;
    }
    
    /* Paragraphs and text */
    p {
        margin-bottom: 8pt;
        color: #000;
    }
    
    /* Lists */
    ul, ol {
        margin-bottom: 8pt;
        padding-left: 20pt;
    }
    
    li {
        margin-bottom: 4pt;
    }
    
    /* Customer Information Form */
    .bg-gray-50 {
        background: white !important;
        border: 1pt solid #000;
        padding: 12pt;
    }
    
    .grid {
        display: block !important;
    }
    
    .md\:grid-cols-2 > div {
        margin-bottom: 12pt;
    }
    
    /* Form field underlines */
    .print-underline {
        display: inline-block;
        min-height: 14pt;
        margin-left: 5pt;
        vertical-align: bottom;
        /* Note: Underlines are provided by underscore characters in content */
    }
    
    /* Table styling */
    table {
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 15pt;
        font-size: 10pt;
    }
    
    th, td {
        border: 1pt solid #000;
        padding: 6pt;
        text-align: left;
        vertical-align: top;
    }
    
    th {
        background: #f0f0f0 !important;
        font-weight: bold;
    }
    
    .text-center {
        text-align: center !important;
    }
    
    .text-right {
        text-align: right !important;
    }
    
    /* Quantity field styling for table */
    td:contains("_____") {
        position: relative;
    }
    
    /* Links - show as normal text for print */
    a {
        color: #000 !important;
        text-decoration: underline;
    }
    
    /* Don't show URLs for internal links */
    a[href^="/NSWebSite"]:after {
        content: none;
    }
    
    /* Show URLs for external links */
    a[href^="http"]:after {
        content: " (" attr(href) ")";
        font-size: 9pt;
        color: #666;
    }
    
    /* Hide interactive elements */
    .hover\:opacity-80,
    .transition-opacity,
    .transition-colors,
    .hover\:text-notesmith-maroon,
    .hover\:text-red-800,
    .hover\:bg-gray-50,
    .hover\:bg-red-800 {
        transition: none !important;
    }
    
    /* Terms section */
    .bg-gray-50.rounded-lg {
        background: white !important;
        border: 1pt solid #000;
        padding: 10pt;
    }
    
    /* Page breaks */
    .page-break {
        page-break-before: always;
    }
    
    .no-break {
        page-break-inside: avoid;
    }
    
    /* Ensure table doesn't break across pages if possible */
    table {
        page-break-inside: avoid;
    }
    
    /* Make sure headers stay with content */
    h1, h2, h3 {
        page-break-after: avoid;
    }
    
    /* Color adjustments */
    .text-notesmith-maroon,
    .text-gray-700,
    .text-gray-600 {
        color: #000 !important;
    }
    
    /* Yellow highlight box */
    .bg-yellow-100 {
        background: #ffffcc !important;
        border: 1pt solid #000;
    }
    
    /* Remove shadows and fancy styling */
    * {
        box-shadow: none !important;
        text-shadow: none !important;
    }
}