.text-rouge {color: #dc0000; font-weight: bold;}
.text-right {text-align: right;}
.pws-product-has-attributes a i {font-size: 18px;}
.pws-product-has-attributes a {
    text-align: right; font-size: 14px; font-weight: 500;
    color: #FFFFFF; background-color: var(--bs-secondary); padding: 7px 5px 5px 5px; border-radius: 2px;
}
.pws-combinations-title {font-size: 19px; font-weight: 600; padding: 13px 20px 13px 10px; color: white;}
.pws-combinations-table .table thead th, .pws-combinations-table .table td {border: none;}
.pws-combinations-table .table td {vertical-align: middle;}
.pws-combinations-table .table th {background-color: var(--bs-primary); color: white;}
.pws-combinations-table .highlighted {background-color: color-mix(in srgb, var(--bs-primary) 40%, white 60%) !important;}
.pws-combinations-table .highlighted td {background-color: color-mix(in srgb, var(--bs-primary) 40%, white 60%) !important; box-shadow: none !important;}

/* DataTables 2: �viter le double header avec scrollY */
.dt-scroll-body thead {
    display: none !important;
}

/* (optionnel) certains builds jouent avec visibility plut�t que display */
.dt-scroll-body thead * {
    visibility: hidden !important;
}

.divTable {width: 100%; text-align: left; border-collapse: collapse;}
.divTable .divTableCell, .divTable .divTableHead {padding: 3px 2px;}
.divTable .divTableCell {color: #353535;}
.divTable.divTable-lg .divTableCell, .divTable.divTable-lg .divTableHead {padding: 3px 6px;}
.divTable.divTable-bordered .divTableCell {border: 1px solid var(--bs-border-color);}
.divTable .divTableRow:nth-child(even) {background-color: rgba(0,0,0,0.05);}
.divTable .divTableHeading {background: var(--bs-primary);}
.divTable .divTableHeading .divTableHead {color: white; font-weight: bold;}

.divDataTable {width: 100%; text-align: left; border-collapse: collapse;}
.divDataTable .divDataTableCell, .divDataTable .divDataTableHead {padding: 3px 2px;}
.divDataTable .divDataTableCell {color: #353535;}
.divDataTable.divDataTable-lg .divDataTableCell, .divDataTable.divDataTable-lg .divDataTableHead {padding: 3px 6px;}
.divDataTable.divDataTable-bordered .divDataTableCell {border: 1px solid var(--bs-border-color);}
.divDataTable .divDataTableRow:nth-child(even) {background-color: rgba(0,0,0,0.05);}
.divDataTable .divDataTableHeading {background: var(--bs-primary);}
.divDataTable .divDataTableHeading .divDataTableHead {color: white; font-weight: bold;}

.divTable {display: table;}
.divTableHeading {display: table-header-group;}
.divTableRow {display: table-row;}
.divTableBody {display: table-row-group;}
.divTableCell, .divTableHead {display: table-cell; vertical-align: middle;}
.divTableCell.pointer {cursor: pointer;}
.divTableCell.div-devis-ht span, .divTableCell.div-devis-ttc span {display: none;}
.divTableCell.div-devis-statut, .divTableCell.div-devis-request, .dataTables_empty {text-align: center;}
.divTableCell.div-devis-statut span {width: 100%; display: block; text-align: center;}
.divTableCell.div-devis-request span {display: inline; text-align: center;}
#product-table_filter{display:none;}
.pws-combinations-title{display: flex;justify-content: space-between;align-items: center;}
.dataTables_scrollHead{background-color: var(--bs-primary)}
#search_dt-box{width:25%}
#search_dt_icon{pointer-events: none;}
#search_dt{border-left-width: 0px;}
.divDatatableTable{display:block!important;}
@media screen and (max-width: 991px) {
    .divDatatableTable{display:block!important;}
    [data-dt-column="0"] { width: 100% !important;min-width: 100% !important;}
    [data-dt-column="1"] { width: 0% !important;min-width: 0% !important;}
    [data-dt-column="2"] { width: 0% !important;min-width: 0% !important;}
    [data-dt-column="3"] { width: 0% !important;min-width: 0% !important;}
    [data-dt-column="4"] { width: 0% !important;min-width: 0% !important;}
    [data-dt-column="5"] { width: 0% !important;min-width: 0% !important;}
    [data-dt-column="6"] { width: 0% !important;min-width: 0% !important;}



    #search_dt{display:none;}
    #search_dt-box {width: auto;}
    #search_dt_icon{pointer-events: auto;border-top-right-radius: var(--bs-border-radius);border-bottom-right-radius: var(--bs-border-radius);}
    div#search_dt_icon.active{pointer-events: auto;border-top-right-radius: 0;border-bottom-right-radius: 0;}
    .divTable.divTable-bordered .divTableCell {border: none;}
    .divTableHeading {display: none;}
    .divTableRow {display: grid; grid-template-columns: auto 1fr;}
    .divTableCell.div-image {grid-row-start: 1; grid-row: span 1;}
    .divTableCell.div-promo {grid-row-start: 2;}
    .divTableCell.div-ht {
        grid-row-start: 1; grid-column: 3; display: grid; grid-template-rows: auto auto; font-size: 13px;
    }
    .divTableCell.div-ttc {
        grid-row-start: 1; grid-column: 3; display: grid; grid-template-rows: auto auto; padding-top: 25px;
    }
    .divTableCell.div-devis-ht {
        grid-row-start: 1; grid-column: 3; display: grid; grid-template-rows: auto auto;
    }
    .divTableCell.div-devis-ttc {
        grid-row-start: 1; grid-column: 4; display: grid; grid-template-rows: auto auto;
    }
    .divTableCell.div-devis-statut {
        text-align: left;
    }
    .divTableCell.div-devis-statut span {width: auto; display: inline; text-align: center;}
    .divTableCell.div-devis-request {
        grid-row-start: 3; grid-column: 1; display: grid; grid-template-rows: auto auto; text-align: left;
    }
    .divTableCell.div-devis-request span {display: none;}
    .divTableCell.div-devis-ht, .divTableCell.div-devis-ttc {
        display: inline-flex; align-items: center; justify-content: flex-end; white-space: nowrap;
    }
    .divTableCell.div-devis-ht::after {
        content: " HT"; font-weight: bold; white-space: nowrap; padding-left: 5px;
    }
    .divTableCell.div-devis-ttc::after {
        content: " TTC"; font-weight: bold; white-space: nowrap; padding-left: 5px;
    }
    .divTableCell.div-devis-ht span, .divTableCell.div-devis-ttc span {display: inline; white-space: nowrap !important;}
    .divTableCell.div-qte {display: none;}
    .divTableCell.div-dispo {grid-row-start: 2; grid-column: 2;}
    .divTableCell.btn-devis-action {text-align: right;}
    .divTableCell.btn-action {grid-row-start: 2; grid-column: 3 / span 2;}
    .divTableCell.btn-action .btn {padding: 4px 5px; font-weight: normal; text-transform: inherit; font-size: 11px;}
    .pws-combinations-table .pws-stock-availability-list {display: inline-block; min-width: 100px;}
}

.pws-step-quantity-wrap {margin-top: 4px;}
.pws-step-quantity-pill {display: inline-flex; align-items: center; gap: 6px; padding: 2px 9px; border-radius: 999px; background: rgba(5, 73, 140, 0.16); color: #00A6E2; border: 1px solid rgba(5, 73, 140, 0.35); font-size: 12px; line-height: 1.4; font-weight: 600;}
.pws-step-quantity-pill i {font-size: 11px;}
.pws-step-quantity-note {margin-top: .5rem; padding: .55rem .75rem; border-left: 3px solid #05498c; background: rgba(5, 73, 140, 0.10); border-radius: 4px; color: #00A6E2; font-size: .875rem; line-height: 1.35;}
.pws-step-quantity-note[hidden] {display: none !important;}