/**
 * pricequote_form.css - Version Stable avec Scroll Mobile
 */

/* --- 1. RÉINITIALISATION ET COULEURS DE BASE --- */
.lpqt-products-item.yyyyy {
    color: #777;
}

a.lpqt-remove-from-quotation {
    color: #777;
    transition: color 0.2s;
}

a.lpqt-remove-from-quotation:hover {
    color: #f00 !important;
}

.product-line-grid-body {
    color: #777;
}

/* --- 2. STRUCTURE DE LA LIGNE (FLEXBOX) --- */
.product-line-grid {
    padding: 10px;
    border-bottom: 1px solid #d6d4d4;
    border-left: 1px solid #d6d4d4;
    display: flex !important;
    flex-wrap: nowrap !important; /* Empêche le retour à la ligne */
    align-items: center;
    width: 100%;
}

ul.lpqt-products-items.col-md-12 {
    border-top: 1px solid #d6d4d4;
    padding: 0;
    list-style: none;
}

li.lpqt-products-item.yyyyy {
    border-right: 1px solid #d6d4d4;
}

.lpqt-quotation-summary-products {
    margin-bottom: 30px;
}

/* --- 3. INPUTS ET INTERFACE --- */
input.js-quotation-line-product-quantity.form-control {
    width: 50px !important;
    text-align: center;
    display: inline-block;
    padding: 5px;
    height: 35px;
}

button.btn.btn-touchspin {
    height: 100%;
    padding: 0 !important;
}

.material-icons {
    font-size: 20px;
    vertical-align: middle;
}

/* --- 4. NAVIGATION ET BOUTONS --- */
a.quotation_continue.button-exclusive.btn.btn-default.col-md-6 {
    float: left;
    font-weight: bold;
    color: #777;
    font-size: 17px;
}

div#drop {
    border-radius: 3px;
    box-shadow: 0 0 10px rgb(0 0 0 / 30%);
    margin: 0 auto 20px;
    border-bottom: 4px solid #363a41;
}

/* --- 5. LOGIQUE DU SCROLL HORIZONTAL MOBILE (< 991px) --- */
@media (max-width: 991px) {
    /* Active le scroll sur le conteneur */
    .lpqt-quotation-summary-products {
        overflow-x: auto !important;
        display: block !important;
        width: 100% !important;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 15px;
    }

    /* Force une largeur minimale pour créer le débordement */
    .lpqt-products-items {
        display: block !important;
        min-width: 950px !important; 
        padding: 0 !important;
    }

    /* Neutralise le 100% de Bootstrap (col-xs-12) */
    .product-line-grid.row > div {
        flex: 0 0 auto !important;
        max-width: none !important;
        width: auto !important;
        float: none !important;
        display: block !important;
    }

    /* Fixe les largeurs des colonnes pour l'alignement vertical en scrollant */
    .product-line-grid-left { width: 80px !important; }   /* Image */
    .product-line-grid-body { width: 280px !important; }  /* Nom/Desc */
    .product-line-grid-right { width: 140px !important; } /* Référence */
    .product-line-actions { width: 130px !important; }    /* Quantité */
    .product-line-prices { width: 110px !important; }     /* Colonnes Prix */
}

/* --- 6. TABLEAUX DE L'HISTORIQUE (TR/TD) --- */
.customer-quotations-table {
    width: 100%;
    border-collapse: collapse;
}

.customer-quotations-table th, 
.customer-quotations-table td {
    padding: 0.75rem;
    border-top: 1px solid #dee2e6;
}

@media (max-width: 575px) {
    .customer-quotations-table thead { display: none; }
    .customer-quotations-table tbody tr {
        display: block;
        margin-bottom: 10px;
        border: 1px solid #dee2e6;
    }
    .customer-quotations-table tbody td {
        display: flex;
        justify-content: space-between;
        padding: 0.75rem;
        border: 0;
        border-bottom: 1px solid #eee;
    }
    .customer-quotations-table tbody td:before {
        content: attr(data-label);
        font-weight: 600;
    }
}