/* Styles pour les factures PDF - Inspiré des styles React-PDF */

/* Page principale */
.invoice-page {
    flex: 1;
    padding-bottom: 65px;
    font-family: 'League Spartan', 'Arial', sans-serif;
    font-size: 10px;
    line-height: 1.4;
}

/* Header */
.invoice-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 10px;
}

/* Informations de l'entreprise */
.company-info {
    font-size: 10px;
    color: #666;
}

/* Titre principal */
.invoice-title {
    font-size: 36px;
    color: #1a1a1a;
    font-family: 'League Spartan', 'Arial', sans-serif;
    font-weight: 900;
    margin: 0;
}

/* Informations client */
.customer-info {
    margin-bottom: 10px;
}

.customer-title {
    font-size: 10px;
    color: #666;
    margin-bottom: 8px;
}

.customer-details {
    font-size: 10px;
    color: #666;
}

/* Tableau */
.invoice-table {
    margin-bottom: 30px;
    width: 100%;
    border-collapse: collapse;
}

.table-header {
    background-color: #f5f5f5;
    border-bottom: 1px solid #e5e5e5;
    font-family: 'League Spartan', 'Arial', sans-serif;
    font-weight: 900;
}

.table-header th {
    padding: 12px;
    border: 1px solid #E5E7EB;
    font-weight: bold;
}

.table-row {
    border-bottom: 1px solid #f5f5f5;
    padding: 8px 0;
}

.table-row:nth-child(even) {
    background-color: #fafafa;
}

/* Colonnes du tableau */
.col-description {
    width: 40%;
    padding: 10px 12px;
    padding-right: 8px;
    font-size: 10px;
    font-family: 'League Spartan', 'Arial', sans-serif;
    border: 1px solid #E5E7EB;
}

.col-quantity {
    width: 15%;
    text-align: center;
    padding: 10px 12px;
    font-size: 10px;
    font-family: 'League Spartan', 'Arial', sans-serif;
    border: 1px solid #E5E7EB;
}

.col-unit-price {
    width: 20%;
    text-align: right;
    padding: 10px 12px;
    font-size: 10px;
    font-family: 'League Spartan', 'Arial', sans-serif;
    border: 1px solid #E5E7EB;
}

.col-tax-rate {
    width: 10%;
    text-align: right;
    padding: 10px 12px;
    font-size: 10px;
    font-family: 'League Spartan', 'Arial', sans-serif;
    border: 1px solid #E5E7EB;
}

.col-total {
    width: 15%;
    text-align: right;
    padding: 10px 12px;
    font-size: 10px;
    font-family: 'League Spartan', 'Arial', sans-serif;
    border: 1px solid #E5E7EB;
}

/* Section des totaux */
.totals-container {
    margin-left: auto;
    width: 50%;
    max-width: 300px;
    border: 1px solid #E5E7EB;
    border-radius: 8px;
}

.total-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 12px 20px;
    border-bottom: 1px solid #E5E7EB;
}

.total-label {
    font-size: 10px;
    color: #666;
}

.total-value {
    font-size: 10px;
    color: #1a1a1a;
}

.grand-total {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #e5e5e5;
}

.grand-total-label {
    font-size: 10px;
    font-weight: 700;
}

.grand-total-value {
    font-size: 10px;
    font-weight: 700;
}

/* Watermark */
.watermark {
    position: absolute;
    top: 40%;
    left: 20%;
    font-size: 60px;
    color: rgba(150, 150, 150, 0.2);
    transform: rotate(-30deg);
    z-index: 0;
    pointer-events: none;
}

/* Styles spécifiques pour les composants */
.header-background {
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.logo-container img {
    object-fit: contain;
}

.title-section {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.company-customer-info {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    margin-bottom: 30px;
}

.company-info-section,
.customer-info-section {
    flex: 1;
}

.invoice-footer {
    margin-top: 40px;
    padding: 20px;
    border-radius: 8px;
}

.payment-info-container {
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 15px;
}


.payment-section {
    margin-bottom: 20px;
}

.payment-box {}

/* Responsive adjustments pour PDF */
@media print {
    .invoice-page {
        padding-bottom: 0;
    }

    .watermark {
        opacity: 0.1;
    }
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */