/*
 * Tracool Shop Catalogue CSS
 * 
 * This file contains styles for the B2B catalogue in the Tracool Shop plugin.
 * version: 1.1.1
 */

div.wp-block-group:has(.wcct-table) {
    padding: 0 !important;
}

.tc-b2b-categorie-boutons {
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  margin-bottom: 20px;
  width: 100%;
  justify-content: center;
}

.tc-b2b-btn-categorie {
  padding: 10px 20px;
  background-color: #0073aa;
  color: white;
  text-decoration: none;
  border-radius: 5px;
  transition: background-color 0.3s ease;
}

.tc-b2b-btn-categorie:hover {
  background-color: #005f8d;
}

.tc-b2b-btn-categorie.active {
  background-color: #00a0d2;
  font-weight: bold;
}


.wcct-table {
    min-width: 100%;
    max-width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

.wcct-table th {
    white-space: nowrap;
    font-weight: normal;
    font-size: 1.5vw;
    ;
}

.wcct-table th, .wcct-table td {
    border: 1px solid #ccc;
    padding: 1vh 0.5vw;
    text-align: center;
    font-size: 1.6vw;
    font-weight: normal;
}

.quantity-input {
    width: 45px !important;
    text-align: center;
    font-size: 22px;
}

.tc_cat_pu_ht {
    transition: background-color 0.3s ease;
}

.tc_cat_pu_hd_ht, .tc_cat_taxes, .tc_cat_pu_ht, .tc_cat_ttl_ht {
    text-align: right;
    white-space: nowrap;
}

.tc_cat_ttl_offert:before {
    content: "🎁 ";
    font-style: normal;
}
.tc_cat_ttl_offert {
    font-style: italic;
    font-size: 1.2vw;
}

.wcct-table td.tc_cat_name {
    white-space: pre-wrap;
    text-align: left;
    font-weight: 500;
    padding-left: 1vw;
    max-width: 28vw;
}

.wcct-table td.tc_cat_name small {
    font-weight: normal;
};

.wcct-table th.tc_cat_thumbnail {
    width: fit-content;
    align-content: center;
}
.wcct-table td.tc_cat_thumbnail img {
    max-width: 4vw;
}
/*
.wcct-table .tc_cat_thumbnail .attachement-thumbnail {
    height: 70px;
    width: auto;
}
*/
.wcct-table .tc_cat_thumbnail img:hover {
    min-width: fit-content
}

.wcct-table td select.tc_cat_remise {
    background-color: #f0fbe1;
    height: 40px;
    text-align: center;
    font-size: 22px;
}

.wcct-add,
.wcct-add6,
.wcct-remove {
    border-radius: 25px;
    background-color: #4CAF50;
    cursor: pointer;
    font-weight: bold;
    font-size: 2vw;
    border: none;
    padding: 3px 16px;
    margin: auto 5px;
}


.wcct-remove {
    background-color: #f44336;
}

.tc_cat_actions {
    padding: 0 !important;
    display: table-cell;
    vertical-align: middle;
}