/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

body {
color: #444;}

.btn-primary {
background: linear-gradient(to right, #2BA7B6, #070AB6); /* bleu → vert */
  color: white;
  border:0px solid #FFF;
  font-weight: bold;
  padding: 12px 30px;
  clip-path: polygon(0 0, 100% 0, 100% 70%, 90% 100%, 0 100%);
  text-align: center;
  line-height: 30px!important;
  text-transform: uppercase;
font-size: 13px;}

.btn-action.add-to-cart {
background: linear-gradient(to right, #2BA7B6, #070AB6); /* bleu → vert */
  color: white;
  border:0px solid #FFF;
  font-weight: bold;
  padding: 8px 30px;
  clip-path: polygon(0 0, 100% 0, 100% 70%, 90% 100%, 0 100%);
  text-align: center;
  line-height: 34px!important;
  text-transform: uppercase;
font-size: 13px;}

.wc-tabs-wrapper .accordion-title {border-top: 0px solid #FFF;}
#wrapper-tab-product{border-bottom: 0px solid #FFF;}

#wrapper-tab-product > div > a.accordion-title {font-size:26px;color:#111;}

ul > li.element_li_depth_1 > div > a {color: #222;
    font-weight: 600;
    text-transform: uppercase;}
ul.menu_sub {background-color:#EEE;}

#wrapper > div.container.container-parent > div.product-list-subcategories {background-color: #F9F9F9;border-radius:20px;margin-bottom:20px;padding-bottom:8px;}
#wrapper > div.container.container-parent > div.product-list-subcategories > div > div > a {margin-bottom: 0px;}
#wrapper > div.container.container-parent > div.product-list-subcategories > div > div > a > span {
	font-size: 17px;
    text-align: center;
    border-radius: 12px;
    margin: 12px 20px 5px 20px;
    padding: 5px;
    background-color: #FFF;}
#wrapper > div.container.container-parent > div.product-list-subcategories > div > div > a > span:hover {background-color:#2BA8B7;color:#FFF}