/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 4.27.5.1790016789
Updated: 2026-09-21 14:53:09

*/

/* Styles custom Yakitori */
.woocommerce-page .cross-sells ul.products, .preferred-column-count-grid {
  --min-card-size: var(--card-size-min, 28ch);
  --column-count: var(--number-of-columns, 4);
  --column-gap: .5em;

  display: grid;
  grid-template-columns: repeat(
    var(--repeat-rule, auto-fill),
    minmax(
      min(
        100%,
        max(100% / var(--column-count) - (var(--column-count) - 1) * var(--column-gap),
          var(--min-card-size))
      ),
      1fr
    ));
  gap: var(--column-gap);
}

.woocommerce-page .cross-sells ul.products {
	&::before, &::after {
		content: none;
	}
	
	> li.product {
		width: auto;
	}
}

header.et-l--header {
  position: sticky;
  top: 0;
  z-index: 10;
  background-color: white;
}

#page-container {
  overflow-y: visible !important; /* Fix for sticky header on mobile */
}

.et-db #et-boc div.et-l .et_pb_shop_0_tb_body.et_pb_shop li.product h2 {
    padding: 0 !important;
}

.et-db #et-boc .et-l .et_pb_widget ul.wc-block-product-categories-list {
	li {
		margin-bottom: 0;
		padding-block: .5lh;
		
		&:not(:first-of-type) {
			border-top: 1px #aaaaaa44 solid;
		}
		
		span {
			line-height: 1.25 !important;
		}
	}
}

/* Boîte de confirmation de Divi Contact Form Helper (retrait d'un fichier joint) : sur les
   fiches produit, les règles WooCommerce de Divi pour `.button` (contour bleu, 20px, icône
   au survol) écrasent le dessin du greffon. On le rétablit, aux couleurs du greffon. */
.woocommerce .dcfh_dialog button.button,
.woocommerce-page .dcfh_dialog button.button {
  padding: 0 18px;
  border: 0;
  border-radius: 9px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: normal;
  text-transform: none;
  background-image: none;

  &::after {
    display: none;
  }

  &.cancel {
    background-color: oklch(96.4% 0.005 258);
    color: oklch(38.5% 0.025 258);

    &:hover {
      background-color: oklch(92.9% 0.009 258);
    }
  }

  &.confirm {
    background-color: oklch(57.7% 0.245 27);
    color: oklch(100% 0 0);

    &:hover {
      background-color: oklch(50.5% 0.213 27);
    }
  }
}