.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-image {width: 50px;}
#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;}
    .pws-combinations-table .pws-stock-availability-list {display: inline-block; min-width: 100px;}
}