@charset "UTF-8";
/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  HIERARCHIE SCSS :         
                            Du PLUS GLOBAL et PLUS PETIT  ->  au PLUS SPÉCIFIQUE et PLUS GRAND
                                                 ( ORDRE IMPORTANT ! )
/**/
/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  0 : ROOT ( ORDRE IMPORTANT ! )
//                              * Root Math function
/**/
/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  0 : RESSOURCES ( ORDRE IMPORTANT ! )
//                              * External libraries ressources
/**/
/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  1 : PARAMETERS ( ORDRE IMPORTANT ! )
//                              * Main parameters
/**/
/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  2 : COMPONENTS
//                              * CSS des composants (alerts, badges, dropdowns, progressbars, modals, well, ...)
/**/
/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  DEDICATED VARIABLES 
/**/
/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  DEDICATED FUNCTIONS 
/**/
/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  DEDICATED CLASSES & EXTENDS 
 *                                           Allways create both in order to be forced 
 *                                       directly on DOM or afterward in SCCS with @extend !
/**/
/* Style the label to look like a button */
.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button {
  display: inline-block;
  margin: 5px;
  padding: 8px 16px;
  background-color: var(--theme-color-black-light);
  color: #fff;
  border: 1px solid var(--theme-color-black-light);
  cursor: pointer;
  border-radius: 5px;
}
.button input[type=checkbox],
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button input[type=checkbox] {
  display: none;
}
.button input[type=checkbox]:checked + .styled-checkbox,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button input[type=checkbox]:checked + .styled-checkbox {
  background-color: var(--theme-color-black);
  border-color: var(--theme-color-black);
}
.button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover {
  background-color: var(--theme-color-black);
  border-color: var(--theme-color-black);
}
.button.all-params,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.all-params {
  margin-left: auto;
}

/* Remove some WooCommerce */
.woocommerce-result-count,
form.woocommerce-ordering,
.woocommerce-pagination,
.tabs.wc-tabs,
.woocommerce-Tabs-panel,
.related.products,
.product_meta {
  display: none;
}

.woocommerce ul.products li.product a img {
  aspect-ratio: 1;
  -o-object-fit: contain;
     object-fit: contain;
}

/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  3 : CARDS
//                              * CSS des cards
/**/
/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  4 : BLOCKS
//                              * Les éléments (header, footer, menu, table, form, ...)
/**/
/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  5 : MODELS
//                              * CSS exclusif à ces templates uniquement
/**/
/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  6 : PAGES
 * --------------------------------------------------------------------------------------------------------------
//                              * CSS exclusif à ces pages uniquement
/**/