/* Fichier: views/css/ticket-pos.css */
/* Styles pour les tickets POS mobiles 58mm */

@media print {
    @page {
        margin: 0;
        size: 58mm auto;
    }
    
    body {
        margin: 0 !important;
        padding: 0 !important;
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
        font-size: 11pt !important;
        font-family: 'Courier New', monospace !important;
    }
    
    .ticket-container-print {
        width: 58mm !important;
        min-height: auto !important;
        margin: 0 auto !important;
        padding: 2mm !important;
        box-sizing: border-box !important;
        background: white !important;
        text-align: center !important;
        page-break-after: always !important;
        font-size: 11pt !important;
        line-height: 1.1 !important;
    }
    
    .ticket-container-print:last-child {
        page-break-after: auto !important;
    }
    
    .ticket-header-print {
        text-align: center !important;
        border-bottom: 1px solid #000 !important;
        padding-bottom: 3px !important;
        margin-bottom: 5px !important;
    }
    
    .ticket-title-print {
        font-weight: bold !important;
        font-size: 13pt !important;
        margin: 0 !important;
        text-transform: uppercase !important;
    }
    
    .ticket-subtitle-print {
        font-size: 10pt !important;
        margin: 1px 0 !important;
    }
    
    .ticket-line-print {
        border-top: 1px dashed #000 !important;
        margin: 5px 0 !important;
    }
    
    .ticket-section-print {
        margin: 5px 0 !important;
        text-align: center !important;
    }
    
    .ticket-label-print {
        font-weight: bold !important;
        font-size: 11pt !important;
    }
    
    .ticket-footer-print {
        margin-top: 10px !important;
        font-size: 8pt !important;
        text-align: center !important;
        border-top: 1px solid #000 !important;
        padding-top: 3px !important;
    }
    
    .ticket-qr-code-print {
        text-align: center !important;
        margin: 5px 0 !important;
    }
    
    .ticket-qr-code-print img {
        width: 25mm !important;
        height: 25mm !important;
        max-width: 100% !important;
        height: auto !important;
    }
}

/* Styles pour l'aperçu à l'écran */
.ticket-pos-preview-58mm {
    width: 58mm;
    margin: 0 auto;
    padding: 2mm;
    font-family: 'Courier New', monospace;
    font-size: 11pt;
    line-height: 1.1;
    border: 1px dashed #ccc;
    background: white;
    text-align: center;
}

.ticket-header-preview {
    text-align: center;
    border-bottom: 1px solid #000;
    padding-bottom: 3px;
    margin-bottom: 5px;
}

.ticket-title-preview {
    font-weight: bold;
    font-size: 13pt;
    margin: 0;
    text-transform: uppercase;
}

.ticket-subtitle-preview {
    font-size: 10pt;
    margin: 1px 0;
}

.ticket-line-preview {
    border-top: 1px dashed #000;
    margin: 5px 0;
}

.ticket-section-preview {
    margin: 5px 0;
    text-align: center;
}

.ticket-label-preview {
    font-weight: bold;
    font-size: 11pt;
}

.ticket-footer-preview {
    margin-top: 10px;
    font-size: 8pt;
    text-align: center;
    border-top: 1px solid #000;
    padding-top: 3px;
}

.ticket-qr-code-preview {
    text-align: center;
    margin: 5px 0;
}

.ticket-qr-code-preview img {
    width: 25mm;
    height: 25mm;
    max-width: 100%;
    height: auto;
}

/* Fichier: views/css/ticket-pos.css */
/* Styles pour les tickets POS mobiles 58mm */

@media print {
    @page {
        margin: 0;
        size: 58mm auto;
    }
    
    body {
        margin: 0 !important;
        padding: 0 !important;
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
        font-size: 11pt !important;
        font-family: 'Courier New', monospace !important;
    }
    
    .ticket-container-print {
        width: 58mm !important;
        min-height: auto !important;
        margin: 0 auto !important;
        padding: 2mm !important;
        box-sizing: border-box !important;
        background: white !important;
        text-align: center !important;
        page-break-after: always !important;
        font-size: 11pt !important;
        line-height: 1.1 !important;
    }
    
    .ticket-container-print:last-child {
        page-break-after: auto !important;
    }
    
    .ticket-header-print {
        text-align: center !important;
        border-bottom: 1px solid #000 !important;
        padding-bottom: 3px !important;
        margin-bottom: 5px !important;
    }
    
    .ticket-title-print {
        font-weight: bold !important;
        font-size: 13pt !important;
        margin: 0 !important;
        text-transform: uppercase !important;
    }
    
    .ticket-subtitle-print {
        font-size: 10pt !important;
        margin: 1px 0 !important;
    }
    
    .ticket-line-print {
        border-top: 1px dashed #000 !important;
        margin: 5px 0 !important;
    }
    
    .ticket-section-print {
        margin: 5px 0 !important;
        text-align: center !important;
    }
    
    .ticket-label-print {
        font-weight: bold !important;
        font-size: 11pt !important;
    }
    
    .ticket-promo-section-print {
        background: #f0f0f0 !important;
        padding: 3px 0 !important;
        margin: 3px 0 !important;
        border: 1px dashed #000 !important;
        font-size: 11pt !important;
    }
    
    .ticket-promo-info-print {
        font-weight: bold !important;
        color: #006600 !important;
    }
    
    .ticket-promo-discount-print {
        color: #cc0000 !important;
    }
    
    .ticket-footer-print {
        margin-top: 10px !important;
        font-size: 8pt !important;
        text-align: center !important;
        border-top: 1px solid #000 !important;
        padding-top: 3px !important;
    }
    
    .ticket-qr-code-print {
        text-align: center !important;
        margin: 5px 0 !important;
    }
    
    .ticket-qr-code-print img {
        width: 25mm !important;
        height: 25mm !important;
        max-width: 100% !important;
        height: auto !important;
    }
}

/* Styles pour l'aperçu à l'écran */
.ticket-pos-preview-58mm {
    width: 58mm;
    margin: 0 auto;
    padding: 2mm;
    font-family: 'Courier New', monospace;
    font-size: 11pt;
    line-height: 1.1;
    border: 1px dashed #ccc;
    background: white;
    text-align: center;
}

.ticket-header-preview {
    text-align: center;
    border-bottom: 1px solid #000;
    padding-bottom: 3px;
    margin-bottom: 5px;
}

.ticket-title-preview {
    font-weight: bold;
    font-size: 13pt;
    margin: 0;
    text-transform: uppercase;
}

.ticket-subtitle-preview {
    font-size: 10pt;
    margin: 1px 0;
}

.ticket-line-preview {
    border-top: 1px dashed #000;
    margin: 5px 0;
}

.ticket-section-preview {
    margin: 5px 0;
    text-align: center;
}

.ticket-label-preview {
    font-weight: bold;
    font-size: 11pt;
}

.ticket-promo-section-preview {
    background: #f0f0f0;
    padding: 3px 0;
    margin: 3px 0;
    border: 1px dashed #000;
    font-size: 11pt;
}

.ticket-promo-info-preview {
    font-weight: bold;
    color: #006600;
}

.ticket-promo-discount-preview {
    color: #cc0000;
}

.ticket-footer-preview {
    margin-top: 10px;
    font-size: 8pt;
    text-align: center;
    border-top: 1px solid #000;
    padding-top: 3px;
}

.ticket-qr-code-preview {
    text-align: center;
    margin: 5px 0;
}

.ticket-qr-code-preview img {
    width: 25mm;
    height: 25mm;
    max-width: 100%;
    height: auto;
}