.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-7990 .elementor-element.elementor-element-e7b37c5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-spacer .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-spacer .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-7990 .elementor-element.elementor-element-4aa63c8{--spacer-size:50px;}.elementor-7990 .elementor-element.elementor-element-53e3273{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-widget-shortcode .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-shortcode .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}@media(max-width:1024px){.elementor-widget-container .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-container .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-spacer .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-spacer .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-shortcode .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-shortcode .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );}}@media(max-width:767px){.elementor-widget-container .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-container .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-spacer .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-spacer .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-shortcode .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-shortcode .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );}}/* Start custom CSS for shortcode, class: .elementor-element-2e16a52 *//* ======================================================
   RBP – HARMONISATION QUINCAILLERIE (BARN2)
   Reprend le design du tableau bois
   ====================================================== */

/* 1) Total HT sous le bouton = même style que total bois */
.wc-product-table .rbp-q-pricebox{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
  margin-top: 8px;
  line-height: 1.3;
}

.wc-product-table .rbp-q-total{
  font-size: 22px !important;
  font-weight: 800 !important;
  color: #0C534E !important;
  letter-spacing: 0.3px;
  white-space: nowrap;
}

/* Optionnel: si plus tard tu ajoutes des badges quincaillerie */
.wc-product-table .rbp-q-extra{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
}
.wc-product-table .rbp-q-badge{
  display: inline-block;
  padding: 6px 14px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
}
.wc-product-table .rbp-q-badge-grey{ background:#F2F4F5; color:#111; }
.wc-product-table .rbp-q-badge-green{ background:#E6F4F2; color:#0C534E; }

/* 2) Quantité (même rendu que bois) */
.wc-product-table input.qty{
  width: 110px;
  min-width: 110px;
  max-width: 130px;
  text-align: right;
  padding-right: 10px;
  font-size: 15px;
}
.wc-product-table td .quantity{
  display: flex;
  justify-content: flex-end;
}

/* 3) Table layout identique */
.wc-product-table table{
  table-layout: auto !important;
  width: 100%;
}
.wc-product-table th,
.wc-product-table td{
  width: auto !important;
  padding-left: 14px;
  padding-right: 14px;
}

/* Colonnes "petites" / numériques compactes (à adapter aux colonnes quincaillerie) */
.wc-product-table td.col-sku,
.wc-product-table td.col-tax\\:product_brand,
.wc-product-table td.col-price,
.wc-product-table td.col-ft{
  width: 1%;
  white-space: nowrap;
}

/* Colonne Nom prend le reste */
.wc-product-table td.col-name{
  width: auto;
}

/* 4) Navigation tabs: exactement pareil (tu l’as déjà, mais on le remet pour être sûr) */
.rbp-famille-nav{
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 24px;
}
.rbp-tab{
  padding: 8px 16px;
  border-radius: 6px;
  border: 1px solid #0C534E;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  color: #0C534E;
  background: #fff;
  transition: all 0.2s ease;
}
.rbp-tab:hover{
  background: #0C534E;
  color: #fff !important;
}
.rbp-tab.active{
  background: #0C534E;
  color: #fff !important;
}
.rbp-count{
  font-size: 12px;
  opacity: 0.7;
  margin-left: 4px;
}

/* 5) FT icône: on garde ton style, et on centre bien la colonne */
.wc-product-table th.col-ft,
.wc-product-table td.col-ft{
  text-align: center;
}/* End custom CSS */